@charset "UTF-8";
/* @file
 * This file is a custom file that loads all files. Each non-base layer
 * can be disabled.
 *
 * Do not name this file "STARTER.scss". This file should be named
 * kindersache.scss. If you used the drush command to generate this subtheme,
 * it should be named for you.
 *
 * This application file (ntest.scss) is where all the partials are
 * imported.
 */
@forward "scss/hide-content";
@forward "scss/toggle-selectors";
@forward "scss/toggle-accordion";
@forward "scss/toggle-overlay";
@forward "scss/toggle-sidebar";
/**
  Default grid settings
 */
/**
  Screen-specific grids settings (define your own grids using other media queries)
 */
/**
  Grid settings used to define outside gutters
 */
@font-face {
  font-family: "Signika Negative";
  src: url("../assets/fonts/signika-negative-v11-latin-300.woff2") format("woff2"), url("../assets/fonts/signika-negative-v11-latin-300.woff") format("woff");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Signika Negative";
  src: url("../assets/fonts/signika-negative-v11-latin-regular.woff2") format("woff2"), url("../assets/fonts/signika-negative-v11-latin-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Signika Negative";
  src: url("../assets/fonts/signika-negative-v11-latin-600.woff2") format("woff2"), url("../assets/fonts/signika-negative-v11-latin-600.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Signika Negative";
  src: url("../assets/fonts/signika-negative-v11-latin-700.woff2") format("woff2"), url("../assets/fonts/signika-negative-v11-latin-700.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Amatic SC";
  src: url("../assets/fonts/amatic-sc-v15-latin-700.woff2") format("woff2"), url("../assets/fonts/amatic-sc-v15-latin-700.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

button.button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"], .section-paragraph__section-link a, .section-latest-teaser__section-link a, .filter-category__button, .video-upload-form .form-radios .form-item-field-category label {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0069b4;
  align-items: stretch;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Signika Negative", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.5rem;
  max-height: 2.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  padding: 0 1rem;
  margin-right: 22px;
  margin-left: 22px;
}

button.button:before,
a.button:before,
input[type="button"]:before,
input[type="reset"]:before,
input[type="submit"]:before, .section-paragraph__section-link a:before, .section-latest-teaser__section-link a:before, .filter-category__button:before, .video-upload-form .form-radios .form-item-field-category label:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 5.64384% 8.41026%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1rem);
  content: '';
  float: left;
  flex-shrink: 0;
}

button.button:after,
a.button:after,
input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after, .section-paragraph__section-link a:after, .section-latest-teaser__section-link a:after, .filter-category__button:after, .video-upload-form .form-radios .form-item-field-category label:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 7.45205% 13.02564%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1rem) 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

button.button::before,
a.button::before,
input[type="button"]::before,
input[type="reset"]::before,
input[type="submit"]::before, .section-paragraph__section-link a::before, .section-latest-teaser__section-link a::before, .filter-category__button::before, .video-upload-form .form-radios .form-item-field-category label::before {
  transform: rotate(0deg);
}

button.button::after,
a.button::after,
input[type="button"]::after,
input[type="reset"]::after,
input[type="submit"]::after, .section-paragraph__section-link a::after, .section-latest-teaser__section-link a::after, .filter-category__button::after, .video-upload-form .form-radios .form-item-field-category label::after {
  transform: rotate(0deg);
}

button.button--highlighted.button,
a.button--highlighted.button,
input.button--highlighted[type="button"],
input.button--highlighted[type="reset"],
input.button--highlighted[type="submit"], .section-paragraph__section-link a.button--highlighted, .section-latest-teaser__section-link a.button--highlighted, .button--highlighted.filter-category__button, .video-upload-form .form-radios .form-item-field-category label.button--highlighted {
  background-color: #ea5b1b;
}

button.button--highlighted.button:before,
a.button--highlighted.button:before,
input.button--highlighted[type="button"]:before,
input.button--highlighted[type="reset"]:before,
input.button--highlighted[type="submit"]:before, .section-paragraph__section-link a.button--highlighted:before, .section-latest-teaser__section-link a.button--highlighted:before, .button--highlighted.filter-category__button:before, .video-upload-form .form-radios .form-item-field-category label.button--highlighted:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 6.24658% 9.94872%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1rem);
  content: '';
  float: left;
  flex-shrink: 0;
}

button.button--highlighted.button:after,
a.button--highlighted.button:after,
input.button--highlighted[type="button"]:after,
input.button--highlighted[type="reset"]:after,
input.button--highlighted[type="submit"]:after, .section-paragraph__section-link a.button--highlighted:after, .section-latest-teaser__section-link a.button--highlighted:after, .button--highlighted.filter-category__button:after, .video-upload-form .form-radios .form-item-field-category label.button--highlighted:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 6.84932% 11.48718%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1rem) 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

button.button--disabled.button,
a.button--disabled.button,
input.button--disabled[type="button"],
input.button--disabled[type="reset"],
input.button--disabled[type="submit"], .section-paragraph__section-link a.button--disabled, .section-latest-teaser__section-link a.button--disabled, .button--disabled.filter-category__button, .video-upload-form .form-radios .form-item-field-category label.button--disabled {
  opacity: 0.6;
  cursor: default;
}

button.button--its.button,
a.button--its.button,
input.button--its[type="button"],
input.button--its[type="reset"],
input.button--its[type="submit"], .section-paragraph__section-link a.button--its, .section-latest-teaser__section-link a.button--its, .button--its.filter-category__button, .video-upload-form .form-radios .form-item-field-category label.button--its {
  border-radius: 4px;
  padding-left: 1.66rem;
  padding-right: 1.66rem;
  margin-right: 0;
}

button.button--its.button:first-child,
a.button--its.button:first-child,
input.button--its:first-child[type="button"],
input.button--its:first-child[type="reset"],
input.button--its:first-child[type="submit"], .section-paragraph__section-link a.button--its:first-child, .section-latest-teaser__section-link a.button--its:first-child, .button--its.filter-category__button:first-child, .video-upload-form .form-radios .form-item-field-category label.button--its:first-child {
  margin-left: 0;
}

button.button--its.button:before,
a.button--its.button:before,
input.button--its[type="button"]:before,
input.button--its[type="reset"]:before,
input.button--its[type="submit"]:before, .section-paragraph__section-link a.button--its:before, .section-latest-teaser__section-link a.button--its:before, .button--its.filter-category__button:before, .video-upload-form .form-radios .form-item-field-category label.button--its:before, button.button--its.button:after,
a.button--its.button:after,
input.button--its[type="button"]:after,
input.button--its[type="reset"]:after,
input.button--its[type="submit"]:after, .section-paragraph__section-link a.button--its:after, .section-latest-teaser__section-link a.button--its:after, .button--its.filter-category__button:after, .video-upload-form .form-radios .form-item-field-category label.button--its:after {
  display: none;
}

button.button--wcd.button,
a.button--wcd.button,
input.button--wcd[type="button"],
input.button--wcd[type="reset"],
input.button--wcd[type="submit"], .section-paragraph__section-link a.button--wcd, .section-latest-teaser__section-link a.button--wcd, .button--wcd.filter-category__button, .video-upload-form .form-radios .form-item-field-category label.button--wcd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.27778rem 0.88889rem;
  margin: 0;
  max-height: unset;
  font-family: "Amatic SC", cursive;
  font-size: 1.66667rem;
  line-height: 1;
  font-weight: 700;
  text-align: initial;
  white-space: normal;
  color: #03347c;
  background-color: #fff;
  border-radius: 0.33333rem;
  transition: transform 150ms ease;
}

button.button--wcd.button:hover,
a.button--wcd.button:hover,
input.button--wcd:hover[type="button"],
input.button--wcd:hover[type="reset"],
input.button--wcd:hover[type="submit"], .section-paragraph__section-link a.button--wcd:hover, .section-latest-teaser__section-link a.button--wcd:hover, .button--wcd.filter-category__button:hover, .video-upload-form .form-radios .form-item-field-category label.button--wcd:hover, button.button--wcd.button:focus,
a.button--wcd.button:focus,
input.button--wcd:focus[type="button"],
input.button--wcd:focus[type="reset"],
input.button--wcd:focus[type="submit"], .section-paragraph__section-link a.button--wcd:focus, .section-latest-teaser__section-link a.button--wcd:focus, .button--wcd.filter-category__button:focus, .video-upload-form .form-radios .form-item-field-category label.button--wcd:focus {
  transform: scale(1.05);
}

button.button--wcd.button:before,
a.button--wcd.button:before,
input.button--wcd[type="button"]:before,
input.button--wcd[type="reset"]:before,
input.button--wcd[type="submit"]:before, .section-paragraph__section-link a.button--wcd:before, .section-latest-teaser__section-link a.button--wcd:before, .button--wcd.filter-category__button:before, .video-upload-form .form-radios .form-item-field-category label.button--wcd:before {
  content: unset;
}

button.button--wcd.button:after,
a.button--wcd.button:after,
input.button--wcd[type="button"]:after,
input.button--wcd[type="reset"]:after,
input.button--wcd[type="submit"]:after, .section-paragraph__section-link a.button--wcd:after, .section-latest-teaser__section-link a.button--wcd:after, .button--wcd.filter-category__button:after, .video-upload-form .form-radios .form-item-field-category label.button--wcd:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 83.24607% 95.56163%;
  width: 43px;
  height: 41px;
  align-self: flex-end;
  margin: 0 0 0 0.88889rem;
  float: none;
}

@media only screen and (min-width: 768px) {
  button.button--wcd.button,
  a.button--wcd.button,
  input.button--wcd[type="button"],
  input.button--wcd[type="reset"],
  input.button--wcd[type="submit"], .section-paragraph__section-link a.button--wcd, .section-latest-teaser__section-link a.button--wcd, .button--wcd.filter-category__button, .video-upload-form .form-radios .form-item-field-category label.button--wcd {
    padding-top: 0.83333rem;
    padding-bottom: 0.83333rem;
    margin-top: 0.66667rem;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  button.button--wcd.button:hover,
  a.button--wcd.button:hover,
  input.button--wcd:hover[type="button"],
  input.button--wcd:hover[type="reset"],
  input.button--wcd:hover[type="submit"], .section-paragraph__section-link a.button--wcd:hover, .section-latest-teaser__section-link a.button--wcd:hover, .button--wcd.filter-category__button:hover, .video-upload-form .form-radios .form-item-field-category label.button--wcd:hover, button.button--wcd.button:focus,
  a.button--wcd.button:focus,
  input.button--wcd:focus[type="button"],
  input.button--wcd:focus[type="reset"],
  input.button--wcd:focus[type="submit"], .section-paragraph__section-link a.button--wcd:focus, .section-latest-teaser__section-link a.button--wcd:focus, .button--wcd.filter-category__button:focus, .video-upload-form .form-radios .form-item-field-category label.button--wcd:focus {
    transform: scale(119.04762%);
  }
}

button.button + .ajax-progress,
a.button + .ajax-progress,
input[type="button"] + .ajax-progress,
input[type="reset"] + .ajax-progress,
input[type="submit"] + .ajax-progress {
  display: none;
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

form .form-composite > legend,
legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em;
}

label.option {
  font-weight: normal;
}

label > label {
  display: inline-block;
  margin-bottom: 0;
}

input,
select,
textarea {
  display: block;
  font-family: "Signika Negative", sans-serif;
  font-size: 1rem;
}

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #e7f0f3;
  border: none;
  box-sizing: border-box;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%;
}

[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
  border-color: #0069b4;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 105, 180, 0.7);
  outline: none;
}

[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
  border: 1px solid #DDD;
}

[type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  color: #858585;
}

[type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #858585;
}

[type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
  color: #858585;
}

textarea {
  resize: vertical;
}

[type="radio"] {
  display: inline;
  margin-right: 0.375em;
}

input[type=radio],
input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
}

input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 2.13582% 2.44068%;
  width: 20px;
  height: 20px;
  margin: 0 0.5rem 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

input[type=radio] + label,
input[type=checkbox] + label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}

input[type=radio] + label:before,
input[type=checkbox] + label:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 1.58817% 1.76271%;
  width: 20px;
  height: 20px;
  margin: 0 0.5rem 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

input[type=radio] + label:before,
input[type=checkbox] + label:before {
  flex-shrink: 0;
}

.description a {
  font-size: inherit;
}

[type="file"] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 0.75em;
  width: 100%;
}

iframe {
  border: none;
  max-width: 100%;
}

html {
  box-sizing: border-box;
}

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

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

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

dl {
  margin: 0;
}

dt {
  font-weight: 600;
  margin: 0;
}

dd {
  margin: 0;
}

figure {
  margin: 0;
}

figcaption {
  color: #000;
  font: normal 300 0.88rem "Signika Negative", sans-serif;
  margin-top: .75em;
}

img,
picture {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0;
}

tr,
td,
th {
  vertical-align: middle;
}

html {
  font-size: 112.5%;
}

body {
  color: #000;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Signika Negative", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em;
}

h1 {
  color: #03347c;
  font: normal 600 1.8rem "Signika Negative", sans-serif;
  line-height: 1.8rem;
  margin-bottom: 1.33rem;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.11rem;
    line-height: 2.11rem;
  }
}

h2 {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
}

h3 {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
}

p {
  margin: 0 0 0.75em;
}

.field p:last-child, .field ul:last-child {
  margin-bottom: 0;
}

a {
  color: #0069b4;
  font: normal 300 1rem "Signika Negative", sans-serif;
  text-decoration: underline;
  line-height: 1rem;
}

hr {
  margin: 1.44rem 0;
  position: relative;
  border-color: transparent;
}

@media only screen and (max-width: 767px) {
  hr {
    border-top: 1px solid #c0ddeb;
  }
}

@media only screen and (min-width: 768px) {
  hr:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: url(../assets/img/img_divider.svg) repeat;
    width: 100%;
    padding: 0.789% 0 0;
    background-size: contain;
  }
}

@media print {
  .article__navigation,
  .article__interactions,
  .article-metadata__interactions,
  .article__comments,
  .region--content-bottom,
  .region--footer,
  .view-term-glossary__attachment-before,
  #sliding-popup,
  iframe {
    display: none;
  }
  .region--breadcrumb .heading--h-area {
    color: #000;
    text-shadow: none;
  }
  .region--content .article--display-full {
    padding-top: 0;
  }
}

/**
  Creates a column which fills the entire row using a small or large outer gutter on the outside
  depending on the screen size
 */
/**
  Adds a padding to an outer container which by default is equal to current grid gutter
  Use this mixin as alternative to grid-row() outside of a grid context
 */
/**
  Collapses the padding of the outer container and adds it to the current element
 */
.outer-wrapper {
  max-width: 68.88889rem;
  margin-left: auto;
  margin-right: auto;
}

.outer-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

.grid::after {
  clear: both;
  content: "";
  display: block;
}

.grid--nested {
  margin-left: -2.2222rem;
  margin-right: -2.2222rem;
  width: calc(100% + 4.4444rem);
}

.grid--flex {
  display: flex;
  flex-flow: row wrap;
}

@media only screen and (max-width: 767px) {
  .grid-row {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .grid-row {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .grid__column {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .grid__column--2-of-12 {
    width: calc(16.66667% - 2.59257rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .grid__column--4-of-12 {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .grid__column--6-of-12 {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .grid__column--8-of-12 {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

img.injectable-svg,
image.injectable-svg {
  opacity: 0;
  -webkit-animation: fade-in 300ms ease 150ms forwards;
  animation: fade-in 300ms ease 150ms forwards;
}

.page--small-content-box .page__content-wrapper,
.page--full-row .page__content-wrapper {
  max-width: 68.88889rem;
  margin-left: auto;
  margin-right: auto;
}

.page--small-content-box .page__content-wrapper::after,
.page--full-row .page__content-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (max-width: 767px) {
  .page--small-content-box .page__content,
  .page--small-content-box .page__breadcrumb {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
  .page--small-content-box .page__content,
  .page--small-content-box .page__breadcrumb {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page--small-content-box .page__content,
  .page--small-content-box .page__breadcrumb {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(8.33333% - 2.40738rem + 4.4444rem);
  }
}

@media only screen and (min-width: 1024px) {
  .page--small-content-box .page__content,
  .page--small-content-box .page__breadcrumb {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
}

@media all {
  .page--small-content-box .page__content,
  .page--small-content-box .page__breadcrumb {
    float: none;
    position: relative;
  }
}

.page--small-content-box .page__content {
  min-height: 24rem;
  background-color: white;
  color: #000;
  border-radius: 0.6rem;
  padding: 2rem 1.2rem;
}

@media only screen and (min-width: 768px) {
  .page--small-content-box .page__content {
    padding: 2rem;
  }
}

.page--small-content-box.page--commenting-na .page__content {
  margin-bottom: -5.5rem;
}

@media only screen and (max-width: 767px) {
  .page--full-row .page__content,
  .page--full-row .page__breadcrumb {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .page--full-row .page__content,
  .page--full-row .page__breadcrumb {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

.status-message--error {
  background-color: #fbd9db;
  color: #aa050e;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em 0.75em 0.75em 50px;
}

.status-message--error a {
  color: #aa050e;
  text-decoration: underline;
}

.status-message--error a:focus, .status-message--error a:hover {
  color: #aa050e;
}

.status-message--status {
  background-color: #deefd7;
  color: #3e8326;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em 0.75em 0.75em 50px;
}

.status-message--status a {
  color: #3e8326;
  text-decoration: underline;
}

.status-message--status a:focus, .status-message--status a:hover {
  color: #3e8326;
}

.status-message--notice {
  background-color: #e5edf8;
  color: #244e87;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em 0.75em 0.75em 50px;
}

.status-message--notice a {
  color: #244e87;
  text-decoration: underline;
}

.status-message--notice a:focus, .status-message--notice a:hover {
  color: #244e87;
}

.status-message--warning {
  background-color: #fff6bf;
  color: #8c7800;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em 0.75em 0.75em 50px;
}

.status-message--warning a {
  color: #8c7800;
  text-decoration: underline;
}

.status-message--warning a:focus, .status-message--warning a:hover {
  color: #8c7800;
}

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

table th {
  text-align: left;
}

table td {
  line-height: 1.5;
}

table tbody tr:hover > td, table tbody tr:hover > th {
  background-color: #fafafa;
}

table tbody tr:first-child td {
  border-top: 2px solid gainsboro;
}

table thead th {
  background-color: white;
  border-bottom: 0px;
  padding: 0.75em 1em;
}

table tbody {
  background-color: white;
}

table tbody td {
  border-bottom: 0px;
  border-top: 1px solid gainsboro;
  padding: 0.75em 1em;
}

table .tabledrag-handle {
  box-sizing: content-box;
}

#primary-tasks.tabs {
  line-height: 1.5;
  padding: 0;
  margin: 5px 0;
  border-bottom: 1px solid #DDD;
}

#primary-tasks.tabs::after {
  clear: both;
  content: "";
  display: block;
}

#primary-tasks.tabs li {
  list-style: none;
  border-top: 1px solid #DDD;
}

@media only screen and (min-width: 540px) {
  #primary-tasks.tabs li {
    display: inline;
  }
}

#primary-tasks.tabs li a {
  background-color: white;
  border-top: 1px solid #DDD;
  color: #333;
  display: block;
  font-weight: 400;
  padding: 0.75em 2.2222rem;
  text-decoration: none;
}

@media only screen and (min-width: 540px) {
  #primary-tasks.tabs li a {
    display: inline-block;
    border-top: 0;
  }
}

#primary-tasks.tabs li a.is-active {
  border-bottom: 0;
}

@media only screen and (min-width: 540px) {
  #primary-tasks.tabs li a.is-active {
    border: 1px solid #DDD;
    border-bottom-color: white;
    margin-bottom: -1px;
  }
}

#primary-tasks.tabs li a:hover {
  color: #477DCA;
}

#primary-tasks.tabs li a:focus {
  outline: none;
}

#secondary-tasks.tabs {
  line-height: 1.5;
  padding: 0;
  margin: 5px 0;
}

#secondary-tasks.tabs::after {
  clear: both;
  content: "";
  display: block;
}

#secondary-tasks.tabs li {
  list-style: none;
  float: left;
  border-right: 1px solid #DDD;
}

#secondary-tasks.tabs li:last-child {
  border-right: none;
}

#secondary-tasks.tabs li a {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  padding: 0.75em 1em;
  width: 100%;
}

.ck.ck-balloon-panel.ck-balloon-panel_position_border-side_right.ck-powered-by-balloon {
  visibility: hidden;
}

.ck-content {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  color: #030303;
}

.ck-content span + *:nth-child(2) {
  margin-top: 0 !important;
}

.form-element--hidden {
  display: none;
}

.filter-wrapper {
  border: none;
  padding: 0;
}

.form-item .item-list li {
  margin: 0;
}

.text-formatted ul {
  margin-bottom: 0.75em;
}

.text-formatted ul li {
  padding-left: 20px;
}

.text-formatted ul li:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 65.9929% 92.59134%;
  width: 11px;
  height: 14px;
  margin: 0.2rem 0.5rem 0 -20px;
  content: '';
  float: left;
  flex-shrink: 0;
}

.text-formatted ol {
  list-style-type: decimal;
  margin-bottom: 0.75em;
  padding-left: 1.5em;
}

.text-formatted h2:not(:first-child),
.text-formatted h3:not(:first-child),
.text-formatted h4:not(:first-child),
.text-formatted h5:not(:first-child),
.text-formatted h6:not(:first-child) {
  margin-top: 1.25em;
}

.text-formatted img[src^="/libraries/smiley"] {
  display: inline-block;
}

.text-formatted .align-left,
.text-formatted .align-right,
.text-formatted .align-center {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

@media only screen and (max-width: 539px) {
  .text-formatted .align-left,
  .text-formatted .align-right,
  .text-formatted .align-center {
    max-width: 100%;
    float: none;
  }
}

@media only screen and (min-width: 540px) {
  .text-formatted .align-left.align-left, .text-formatted .align-left.align-right,
  .text-formatted .align-right.align-left,
  .text-formatted .align-right.align-right,
  .text-formatted .align-center.align-left,
  .text-formatted .align-center.align-right {
    max-width: 50%;
  }
  .text-formatted .align-left.align-left,
  .text-formatted .align-right.align-left,
  .text-formatted .align-center.align-left {
    float: left;
    margin-right: 1.5em;
    margin-left: 0;
  }
  .text-formatted .align-left.align-right,
  .text-formatted .align-right.align-right,
  .text-formatted .align-center.align-right {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
  }
  .text-formatted .align-left.align-center,
  .text-formatted .align-right.align-center,
  .text-formatted .align-center.align-center {
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
}

.text-formatted strong {
  font-weight: bold;
}

@media only screen and (min-width: 1024px) {
  .page__header {
    background-image: url("../assets/img/img_bg_dienstnavigation_300x54_bg_dienstnavigation_302x54.svg");
    background-repeat: repeat-x;
    background-size: 300px 54px;
    background-color: #fff;
  }
  .page__header--in-the-school {
    background-image: url("../assets/img/img_bg_dienstnavigation_300x54_in_the_school.svg");
    background-size: 300px 44px;
  }
}

.header-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}

@media only screen and (min-width: 1024px) {
  .header-wrapper {
    display: block;
  }
  .header-wrapper::after {
    clear: both;
    content: "";
    display: block;
  }
  .region--header.region--header-its .header-wrapper {
    padding-bottom: 1rem;
  }
}

.block-system-branding-block {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 1.1112rem);
  float: left;
  margin-left: 0.5556rem;
  margin-top: 0.5556rem;
  margin-bottom: 0.5556rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .block-system-branding-block {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    margin-top: 1.1111rem;
    margin-bottom: 1.1111rem;
  }
}

.block-system-branding-block + .branding-sign {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .block-system-branding-block {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
    display: block;
    margin-top: 33px;
    position: relative;
  }
  .region--header.region--header-its .block-system-branding-block:not(.block-system-branding-block--in-the-school) {
    width: calc(20.83333% - 2.68516rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .block-system-branding-block + .branding-sign {
    display: block;
    z-index: 1;
    width: 200px;
    position: absolute;
    left: 120px;
    top: 160px;
  }
  .block-system-branding-block--in-the-school {
    margin-top: 2.75rem;
    margin-bottom: 2rem;
    width: calc(20.83333% - 2.68516rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.block-local-tasks-block {
  position: relative;
  z-index: 2;
}

.block-kindersache-dossiers,
.block-in-the-school {
  margin-top: 0.5556rem;
  margin-bottom: 0.5556rem;
  width: calc(100% - 4.4444rem);
  float: left;
  margin-left: 2.2222rem;
}

@media only screen and (min-width: 1024px) {
  .block-kindersache-dossiers,
  .block-in-the-school {
    margin-top: 1rem;
    margin-bottom: 2rem;
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(12.5% - 2.49998rem + 4.4444rem);
    order: 3;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.block-kindersache-dossiers__offer-from,
.block-in-the-school__offer-from {
  flex: 0 0 145px;
}

@media only screen and (max-width: 1023px) {
  .block-kindersache-dossiers__offer-from,
  .block-in-the-school__offer-from {
    display: none;
  }
}

.block-kindersache-dossiers__claim,
.block-in-the-school__claim {
  color: #03347c;
  font: normal 600 1.8rem "Signika Negative", sans-serif;
  line-height: 1.8rem;
  margin-bottom: 1.33rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .block-kindersache-dossiers__claim,
  .block-in-the-school__claim {
    font-size: 2.11rem;
    line-height: 2.11rem;
  }
}

@media only screen and (min-width: 1024px) {
  .block-kindersache-dossiers__claim,
  .block-in-the-school__claim {
    margin-top: 1.75rem;
    margin-bottom: 0;
  }
}

.block-kindersache-dossiers__label,
.block-in-the-school__label {
  color: #808080;
  font: normal 300 0.89rem "Signika Negative", sans-serif;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0.5rem;
}

.block-menu--main,
.block-menu--secondary-navigation,
.block-menu--in-the-school-main {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main,
  .block-menu--secondary-navigation,
  .block-menu--in-the-school-main {
    display: block;
  }
}

.block-menu--main.toggle-item__content--active,
.block-menu--secondary-navigation.toggle-item__content--active,
.block-menu--in-the-school-main.toggle-item__content--active {
  display: block;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-top: 18px;
  }
  .region--header.region--header-its .block-menu--main {
    display: none;
  }
}

.block-menu--secondary-navigation,
.block-menu--in-the-school-main {
  order: 3;
}

@media only screen and (min-width: 1024px) {
  .block-menu--secondary-navigation,
  .block-menu--in-the-school-main {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    align-self: flex-end;
    height: 54px;
    padding-left: 29%;
  }
  .block-menu--secondary-navigation:first-child,
  .block-menu--in-the-school-main:first-child {
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
}

.block-menu--secondary-navigation > .menu--top a,
.block-menu--in-the-school-main > .menu--top a {
  color: #03347c;
  font: normal 400 0.89rem "Signika Negative", sans-serif;
  text-decoration: none;
}

.block-menu--main > .menu--top > .menu-item--expanded:after {
  content: " ";
  position: absolute;
  bottom: -0.5556rem;
  left: 0;
  width: 100%;
  height: 0.5556rem;
  background: transparent;
}

@media only screen and (max-width: 767px) {
  .page__header {
    background: none;
  }
}

.region--footer {
  background-image: url("../assets/img/img_bg_footer.svg"), linear-gradient(to bottom, transparent 0, transparent 14.5rem, #d9f0fa 14.5rem, #d9f0fa 100%);
  background-position: center top;
  background-repeat: repeat-x;
  background-size: 1600px auto;
  margin-top: -11rem;
  padding-bottom: 2.5rem;
}

.page__footer:not(.page__footer--in-the-school) .region--footer .block-menu--footer, .page__footer:not(.page__footer--in-the-school)
.region--footer .block-menu--in-the-school-footer {
  margin-top: calc(11rem + 2.5rem);
}

.page__footer.page__footer--in-the-school .region--footer .block-menu--footer, .page__footer.page__footer--in-the-school
.region--footer .block-menu--in-the-school-footer {
  margin-top: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .page__footer:not(.page__footer--in-the-school) .region--footer .block-menu--footer, .page__footer:not(.page__footer--in-the-school)
  .region--footer .block-menu--in-the-school-footer, .page__footer:not(.page__footer--in-the-school)
  .region--footer .footer__column {
    margin-top: calc(11rem + 2.5rem);
  }
}

.region--footer .block-menu--footer,
.region--footer .block-menu--in-the-school-footer,
.region--footer .footer__column {
  width: calc(100% - 1.1112rem);
  float: left;
  margin-left: 0.5556rem;
  margin-bottom: 2rem;
}

.region--footer .block-menu--footer::after,
.region--footer .block-menu--in-the-school-footer::after,
.region--footer .footer__column::after {
  clear: both;
  content: "";
  display: block;
}

.region--footer .block-menu--footer:last-child,
.region--footer .block-menu--in-the-school-footer:last-child,
.region--footer .footer__column:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .region--footer .block-menu--footer,
  .region--footer .block-menu--in-the-school-footer,
  .region--footer .footer__column {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .region--footer .block-menu--footer,
  .region--footer .block-menu--in-the-school-footer {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.region--footer .menu-item__toggle {
  display: block;
  padding: .4rem 0;
  right: auto;
  left: 0;
}

.region--footer .menu-item__toggle::before {
  transition-duration: 0.25s;
}

.region--footer .menu-item__toggle.toggle-item__button--active::before {
  transform: rotate(180deg);
  transition-duration: 0.25s;
}

.region--footer .menu {
  margin-left: 0;
}

.region--footer .menu--top > .menu-item:not(:first-child) {
  margin-top: 2.1111rem;
}

.region--footer .menu--top > .menu-item > .menu-item__toggle {
  display: none;
}

.region--footer .menu[data-menu-level="1"] > .menu-item {
  padding-left: 1.4rem;
}

.region--footer .menu[data-menu-level="2"]:not(.toggle-item__content--active) {
  display: block;
  overflow: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  transition: opacity 0.5s;
}

.region--footer .menu[data-menu-level="2"].toggle-item__content--active {
  display: block;
  opacity: 1;
  height: auto;
  transition: opacity 0.5s;
}

@media only screen and (min-width: 768px) {
  .region--footer .menu .menu-item {
    line-height: 1rem;
  }
}

.region--footer .menu a {
  color: #0069b4;
  font: normal 600 1rem "Signika Negative", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

.region--footer .menu--sub .menu-item {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.region--footer .menu--sub .menu-item:last-child {
  margin-bottom: 0;
}

.region--footer .menu--sub a {
  font-weight: 400;
  text-transform: none;
}

.region--footer .footer__column {
  color: #808fa2;
  font: normal 600 0.89rem "Signika Negative", sans-serif;
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__column {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.region--footer .footer__logo-container {
  display: flex;
  flex-flow: row wrap;
}

.region--footer .footer__logo-container::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__logo-container {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.region--footer .footer__logo-item {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .region--footer .footer__logo-item {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__logo-item {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

.region--footer .footer__logo-item:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__logo-item:nth-child(even) {
    width: calc(37.5% - 3.05552rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__logo-item:nth-child(odd) {
    width: calc(62.5% - 3.61108rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.region--footer .footer__logo-item a {
  display: inline-block;
  max-width: 100%;
}

.region--footer .footer__logo-item p {
  margin-bottom: 1.2222rem;
}

.region--footer .footer__logo-item--dkhw a {
  height: 5.5556rem;
  width: 14.5556rem;
}

.region--footer .footer__logo-item--enfk a {
  width: 200px;
}

.region--footer .footer__logo-item--bkm a {
  width: 280px;
  margin-left: -10px;
}

.region--footer .footer__logo-item--bmfsfj a {
  margin-top: -40px;
  width: 280px;
}

.region--footer .footer__logo-item--seitenstark a {
  width: 162px;
}

.region--footer .footer__logo-item--fragfinn a {
  width: 100px;
}

.region--footer .footer__logo-item--mdr_kindermedienpreis_online:nth-child(odd) > a:-webkit-any-link {
  max-width: 12rem;
}

.region--footer .footer__logo-item--mdr_kindermedienpreis_online:nth-child(odd) > a:-moz-any-link {
  max-width: 12rem;
}

.region--footer .footer__logo-item--mdr_kindermedienpreis_online:nth-child(odd) > a:any-link {
  max-width: 12rem;
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__logo-item--mdr_kindermedienpreis_online:nth-child(odd) {
    width: calc(25% - 2.77775rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .region--footer .footer__logo-item--seitenstark_guetesiegel:nth-child(even) {
    width: calc(37.5% - 3.05552rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(12.5% - 2.49998rem + 4.4444rem);
  }
}

.region--footer .footer__logo-item--seitenstark_guetesiegel:nth-child(even) a {
  padding: 1rem;
  margin-top: 1rem;
}

@media only screen and (max-width: 767px) {
  .region--footer .footer__column p {
    margin-bottom: 0.6rem;
  }
}

.site-logo > img {
  height: 2.2778rem;
  width: 12.2222rem;
}

@media only screen and (min-width: 768px) {
  .site-logo > img {
    height: 4rem;
    width: 21.2222rem;
  }
}

@media only screen and (max-width: 1023px) {
  .site-logo--in-the-school {
    margin-right: 2rem;
  }
}

.site-logo--in-the-school > img {
  width: auto;
  height: auto;
}

.menu-item--expanded {
  position: relative;
}

.menu-item__toggle {
  background: none;
  border: none;
  padding: 26px 15px;
  position: absolute;
  right: 0.5556rem;
  top: 0;
  z-index: 1;
}

.menu-item__toggle:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 43.33789% 59.01418%;
  width: 17px;
  height: 8px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.menu-item__toggle:focus {
  outline: 0;
}

@media only screen and (min-width: 768px) {
  .menu-item__toggle {
    right: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .menu-item__toggle {
    display: none;
  }
}

.main-menu-button {
  background: none;
  padding: 0;
  border: none;
}

.main-menu-button:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 61.24167% 86.85241%;
  width: 48.65px;
  height: 46.65px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .main-menu-button {
    display: none;
  }
}

.main-menu-button:focus {
  outline: 0;
}

.main-menu-button.toggle-item__button--active:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 51.80289% 75.87186%;
  width: 48.65px;
  height: 46.65px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.block-menu--main > .menu {
  display: block;
  order: 1;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    order: unset;
    margin-top: 70px;
  }
}

.block-menu--main > .menu .menu-item {
  padding: 0 calc(0.5556rem + 15px);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .block-menu--main > .menu .menu-item {
    padding: 0 calc(2.2222rem + 15px);
  }
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu .menu-item {
    padding: 0;
  }
}

.block-menu--main > .menu > .menu-item {
  border-bottom: 1px solid #c0ddeb;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item {
    border: none;
    display: flex;
    justify-content: center;
    padding: 0;
  }
  .block-menu--main > .menu > .menu-item:nth-child(odd) > a {
    padding-bottom: 14px;
  }
  .block-menu--main > .menu > .menu-item:nth-child(odd) > a.menu-item__link--hovered, .block-menu--main > .menu > .menu-item:nth-child(odd) > a.menu-item__link--active-trail {
    padding-bottom: 0;
  }
  .block-menu--main > .menu > .menu-item:nth-child(odd) .menu--sub {
    top: 38px;
  }
  .block-menu--main > .menu > .menu-item:nth-child(even) > a {
    padding-bottom: 33px;
  }
  .block-menu--main > .menu > .menu-item:nth-child(even) > a.menu-item__link--hovered, .block-menu--main > .menu > .menu-item:nth-child(even) > a.menu-item__link--active-trail {
    padding-bottom: 0;
  }
  .block-menu--main > .menu > .menu-item:nth-child(even) .menu--sub {
    top: 57px;
  }
}

.block-menu--main > .menu > .menu-item:first-child {
  border-top: 1px solid #c0ddeb;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item:first-child {
    border: none;
  }
}

.block-menu--main > .menu > .menu-item--expanded > .menu--sub {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item--expanded.menu-item--hovered .menu--sub {
    display: block;
  }
}

.block-menu--main > .menu > .menu-item--expanded .toggle-item__button--active {
  transform: rotate(180deg);
}

@media only screen and (max-width: 1023px) {
  .block-menu--main > .menu > .menu-item--expanded > .menu--sub.toggle-item__content--active {
    display: block;
  }
}

.block-menu--main > .menu > .menu-item > a {
  color: #000;
  font: normal 600 0.89rem "Signika Negative", sans-serif;
  text-transform: uppercase;
  display: block;
  line-height: 60px;
  text-decoration: none;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a {
    text-align: center;
    line-height: 1;
    padding-top: .5em;
  }
  .block-menu--main > .menu > .menu-item > a:hover .menu--sub {
    display: block;
  }
}

.block-menu--main > .menu > .menu-item > a.childrensrights:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-size: 2570.4px 2079px;
  background-position: 55.80292% 80.40634%;
  width: 44.009px;
  height: 46.2px;
  margin: 7px 12px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a.childrensrights {
    width: 126px;
  }
  .block-menu--main > .menu > .menu-item > a.childrensrights:before {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 55.80292% 80.40634%;
    width: 62.87px;
    height: 66px;
    margin: calc(-66px - .5em) 0 0 calc(50% - 32px);
    content: '';
    float: left;
    flex-shrink: 0;
  }
  .block-menu--main > .menu > .menu-item > a.childrensrights.menu-item__link--hovered:after, .block-menu--main > .menu > .menu-item > a.childrensrights.menu-item__link--active-trail:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 69.99436% 93.14652%;
    width: 126px;
    height: 8px;
    margin: 6px 0 0 0;
    content: '';
    float: right;
    flex-shrink: 0;
  }
}

.block-menu--main > .menu > .menu-item > a.news:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-size: 2570.4px 2079px;
  background-position: 59.71291% 85.10271%;
  width: 45.318px;
  height: 51.45px;
  margin: 4px 11px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a.news {
    width: 118px;
  }
  .block-menu--main > .menu > .menu-item > a.news:before {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 59.71291% 85.10271%;
    width: 64.74px;
    height: 73.5px;
    margin: calc(-74px - .5em) 0 0 calc(50% - 33px);
    content: '';
    float: left;
    flex-shrink: 0;
  }
  .block-menu--main > .menu > .menu-item > a.news.menu-item__link--hovered:after, .block-menu--main > .menu > .menu-item > a.news.menu-item__link--active-trail:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 76.30838% 93.6867%;
    width: 118px;
    height: 8px;
    margin: 25px 0 0 0;
    content: '';
    float: right;
    flex-shrink: 0;
  }
}

.block-menu--main > .menu > .menu-item > a.knowledge:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-size: 2570.4px 2079px;
  background-position: 65.20324% 91.95164%;
  width: 43.225px;
  height: 52.5px;
  margin: 4px 13px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a.knowledge {
    width: 80px;
  }
  .block-menu--main > .menu > .menu-item > a.knowledge:before {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 65.20324% 91.95164%;
    width: 61.75px;
    height: 75px;
    margin: calc(-75px - .5em) 0 0 calc(50% - 31px);
    content: '';
    float: left;
    flex-shrink: 0;
  }
  .block-menu--main > .menu > .menu-item > a.knowledge.menu-item__link--hovered:after, .block-menu--main > .menu > .menu-item > a.knowledge.menu-item__link--active-trail:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 81.87639% 94.22687%;
    width: 80px;
    height: 8px;
    margin: 6px 0 0 0;
    content: '';
    float: right;
    flex-shrink: 0;
  }
}

.block-menu--main > .menu > .menu-item > a.funandgames:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-size: 2570.4px 2079px;
  background-position: 63.38797% 89.40387%;
  width: 49.259px;
  height: 42.511px;
  margin: 8px 8px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a.funandgames {
    width: 111px;
  }
  .block-menu--main > .menu > .menu-item > a.funandgames:before {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 63.38797% 89.40387%;
    width: 70.37px;
    height: 60.73px;
    margin: calc(-61px - .5em) 0 0 calc(50% - 36px);
    content: '';
    float: left;
    flex-shrink: 0;
  }
  .block-menu--main > .menu > .menu-item > a.funandgames.menu-item__link--hovered:after, .block-menu--main > .menu > .menu-item > a.funandgames.menu-item__link--active-trail:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 79.47206% 93.95679%;
    width: 111px;
    height: 8px;
    margin: 25px 0 0 0;
    content: '';
    float: right;
    flex-shrink: 0;
  }
}

.block-menu--main > .menu > .menu-item > a.juki:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-size: 2570.4px 2079px;
  background-position: 53.99226% 78.20865%;
  width: 47.446px;
  height: 39.2px;
  margin: 11px 10px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a.juki {
    width: 55px;
  }
  .block-menu--main > .menu > .menu-item > a.juki:before {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 53.99226% 78.20865%;
    width: 67.78px;
    height: 56px;
    margin: calc(-56px - .5em) 0 0 calc(50% - 34px);
    content: '';
    float: left;
    flex-shrink: 0;
  }
  .block-menu--main > .menu > .menu-item > a.juki.menu-item__link--hovered:after, .block-menu--main > .menu > .menu-item > a.juki.menu-item__link--active-trail:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 67.09981% 92.87643%;
    width: 55px;
    height: 8px;
    margin: 6px 0 0 0;
    content: '';
    float: right;
    flex-shrink: 0;
  }
}

.block-menu--main > .menu > .menu-item > a.joinin:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-size: 2203.2px 1782px;
  background-position: 57.76344% 82.62216%;
  width: 45.78px;
  height: 38.4px;
  margin: 9px 11px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .block-menu--main > .menu > .menu-item > a.joinin {
    width: 104px;
  }
  .block-menu--main > .menu > .menu-item > a.joinin:before {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 57.76344% 82.62216%;
    width: 76.3px;
    height: 64px;
    margin: calc(-64px - .5em) 0 0 calc(50% - 38px);
    content: '';
    float: left;
    flex-shrink: 0;
  }
  .block-menu--main > .menu > .menu-item > a.joinin.menu-item__link--hovered:after, .block-menu--main > .menu > .menu-item > a.joinin.menu-item__link--active-trail:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-position: 73.09417% 93.41661%;
    width: 104px;
    height: 8px;
    margin: 25px 0 0 0;
    content: '';
    float: right;
    flex-shrink: 0;
  }
}

@media only screen and (max-width: 767px) {
  .block-menu--main > .menu > .menu-item:last-of-type {
    border-bottom: none;
  }
}

.block-menu--main .menu--sub {
  background-color: #e7f0f3;
  width: calc(100% + 2 * (0.5556rem + 15px));
  margin-left: calc(-0.5556rem - 15px);
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .block-menu--main .menu--sub {
    width: calc(100% + 2 * (2.2222rem + 15px));
    margin-left: calc(-2.2222rem - 15px);
  }
}

@media only screen and (min-width: 1024px) {
  .block-menu--main .menu--sub {
    box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.25);
    min-width: 262px;
    position: absolute;
    left: 0;
    margin-left: 0;
    width: auto;
    z-index: 10;
  }
}

@media only screen and (min-width: 1024px) {
  .block-menu--main .menu--sub .menu-item {
    padding: 0 calc(0.5556rem + 15px);
  }
  .block-menu--main .menu--sub .menu-item:first-child a {
    border-top: 1px solid transparent;
  }
}

.block-menu--main .menu--sub .menu-item a {
  color: #03347c;
  font: normal 400 0.89rem "Signika Negative", sans-serif;
  line-height: 2.22rem;
  text-decoration: none;
  border-top: 1px solid #c0ddeb;
  display: block;
  white-space: nowrap;
}

.block-menu--main .menu--sub .menu-item:active, .block-menu--main .menu--sub .menu-item:focus, .block-menu--main .menu--sub .menu-item:hover {
  background-color: #0069b4;
}

.block-menu--main .menu--sub .menu-item:active + .menu-item a, .block-menu--main .menu--sub .menu-item:focus + .menu-item a, .block-menu--main .menu--sub .menu-item:hover + .menu-item a {
  border-top: 1px solid transparent;
}

.block-menu--main .menu--sub .menu-item:active a, .block-menu--main .menu--sub .menu-item:focus a, .block-menu--main .menu--sub .menu-item:hover a {
  color: #fff;
  border-top: 1px solid transparent;
}

.block-menu--secondary-navigation .menu,
.block-menu--in-the-school-main .menu {
  background-color: #e7f0f3;
}

@media only screen and (min-width: 1024px) {
  .block-menu--secondary-navigation .menu,
  .block-menu--in-the-school-main .menu {
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
  }
}

.block-menu--secondary-navigation .menu-item,
.block-menu--in-the-school-main .menu-item {
  border-bottom: 1px solid #c0ddeb;
  padding: 0 calc(0.5556rem + 15px);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .block-menu--secondary-navigation .menu-item,
  .block-menu--in-the-school-main .menu-item {
    padding: 0 calc(2.2222rem + 15px);
  }
}

@media only screen and (min-width: 1024px) {
  .block-menu--secondary-navigation .menu-item,
  .block-menu--in-the-school-main .menu-item {
    border-bottom: none;
    padding: 0;
  }
}

.block-menu--secondary-navigation .menu-item a,
.block-menu--in-the-school-main .menu-item a {
  line-height: 2.22rem;
}

.block-menu--secondary-navigation .menu-item:last-of-type,
.block-menu--in-the-school-main .menu-item:last-of-type {
  border-bottom: none;
}

.block-menu--secondary-navigation .contact:before,
.block-menu--in-the-school-main .contact:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 52.73187% 76.62174%;
  width: 19.56px;
  height: 13.92px;
  margin: 11px 5px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.block-menu--secondary-navigation .search:before,
.block-menu--in-the-school-main .search:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 62.00482% 87.50321%;
  width: 14.22px;
  height: 14.68px;
  margin: 11px 4px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.badge {
  color: #fff;
  font: normal 600 1rem "Signika Negative", sans-serif;
  text-transform: uppercase;
  background-color: #0069b4;
  padding: .5em 1.25em;
  position: absolute;
  top: 1.1em;
  right: -15px;
}

.badge__fold::after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #03347c transparent transparent transparent;
  border-width: 8px 15px 0 0;
  right: 0;
  bottom: -8px;
}

@media only screen and (max-width: 767px) {
  .badge {
    right: -0.5556rem;
  }
  .badge__fold::after {
    border-width: 8px 0.5556rem 0 0;
  }
}

.breadcrumb {
  color: #0069b4;
  font: normal 600 0.89rem "Signika Negative", sans-serif;
  line-height: 0.8rem;
  text-decoration: none;
  margin-bottom: 0.2222rem;
  margin-bottom: .25em;
}

.comment-wrapper {
  margin-top: 1.5rem;
}

.comment-form {
  margin-bottom: 2.5rem;
  text-align: center;
}

.comment-form.comment-adult-form {
  text-align: left;
}

.comment-form.comment-adult-form .field--name-comment-body label {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
  text-shadow: none;
  text-align: left;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .comment-form.comment-adult-form .field--name-comment-body label {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.comment-form.comment-adult-form .form-actions {
  padding-right: 1.2rem;
  padding-left: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .comment-form.comment-adult-form .form-actions {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.comment-form .field--name-comment-body label {
  color: #fff;
  font: normal 700 2.5rem "Amatic SC", cursive;
  line-height: 3rem;
  text-shadow: 0 0 10px #ea5b1b;
  text-align: center;
  margin: 2.5rem 0 1.39rem;
  margin-top: 1rem;
}

.comment-form .field--name-comment-body label:after {
  content: normal;
}

.comments {
  background-color: white;
  color: #000;
  border-radius: 0.6rem;
  padding: 2rem 1.2rem;
}

@media only screen and (min-width: 768px) {
  .comments {
    padding: 2rem;
  }
}

.comments__title {
  color: #000;
  font: normal 700 2.5rem "Amatic SC", cursive;
  line-height: 3rem;
  text-shadow: 0 0 10px transparent;
  text-align: left;
  margin: 2.5rem 0 1.39rem;
  margin-top: 0;
}

.adult-article__comments .comments__title {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
  text-shadow: none;
}

.comment-list__item {
  position: relative;
  border-color: transparent;
}

@media only screen and (max-width: 767px) {
  .comment-list__item {
    border-top: 1px solid #c0ddeb;
  }
}

@media only screen and (min-width: 768px) {
  .comment-list__item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: url(../assets/img/img_divider.svg) repeat;
    width: 100%;
    padding: 0.789% 0 0;
    background-size: contain;
  }
}

.adult-article__comments .comment-list__item:before {
  background: #e1e1e1;
  height: 1px;
  padding-top: 0;
}

.comment-list__item:first-child:before {
  display: none;
}

.comment-list__item:last-child {
  padding-bottom: 0;
}

.comment {
  padding: 1.44rem 0;
}

.comment--indented {
  border-top: none;
  padding-top: 0;
}

.comment__author-meta-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.comment__author-picture {
  display: block;
  flex: 0 0 2.22rem;
  margin-right: 0.67rem;
}

.comment__meta {
  color: #03347c;
  font: normal 600 1rem "Signika Negative", sans-serif;
  line-height: 1.2rem;
}

.comment__meta a {
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}

.comment__content {
  color: #03347c;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
}

@media only screen and (min-width: 768px) {
  .comment__content {
    margin-left: calc(2.22rem + 0.67rem);
  }
}

.comment__content .links {
  margin-top: 0.5rem;
}

.contact-form .form-actions {
  text-align: center;
}

.pager {
  margin-top: 2.777rem;
  display: flex;
  justify-content: center;
}

.pager__items::after {
  clear: both;
  content: "";
  display: block;
}

.pager__item {
  display: inline;
  padding: .5rem;
}

.pager__item--previous, .pager__item--next, .pager__item--ellipsis {
  display: none;
}

@media only screen and (min-width: 768px) {
  .pager__item--previous, .pager__item--next, .pager__item--ellipsis {
    display: inline;
  }
}

.pager__item--first a:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 9.84683% 18.22493%;
  width: 16px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.pager__item--first a:active:before, .pager__item--first a:focus:before, .pager__item--first a:hover:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 10.28446% 18.83469%;
  width: 16px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.pager__item--previous a:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 11.57521% 20.66396%;
  width: 9px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.pager__item--previous a:active:before, .pager__item--previous a:focus:before, .pager__item--previous a:hover:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 11.82091% 21.27371%;
  width: 9px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.pager__item--next a:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 12.31231% 22.49322%;
  width: 9px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

.pager__item--next a:active:after, .pager__item--next a:focus:after, .pager__item--next a:hover:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 12.06661% 21.88347%;
  width: 9px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

.pager__item--last a:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 11.15974% 20.0542%;
  width: 16px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

.pager__item--last a:active:after, .pager__item--last a:focus:after, .pager__item--last a:hover:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 10.7221% 19.44444%;
  width: 16px;
  height: 18px;
  margin: 6px 0 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

.pager__item a:not(.button) {
  color: #0069b4;
  font: normal 400 1.44rem "Signika Negative", sans-serif;
  text-decoration: none;
  display: inline-block;
}

.pager__item a:not(.button):active, .pager__item a:not(.button):focus, .pager__item a:not(.button):hover {
  color: #0069b4;
  font: normal 400 1.44rem "Signika Negative", sans-serif;
  text-decoration: none;
  color: #e30613;
  text-decoration: underline;
}

.pager__item.is-active a:not(.button) {
  color: #0069b4;
  font: normal 400 1.44rem "Signika Negative", sans-serif;
  text-decoration: none;
  color: #e30613;
  text-decoration: underline;
}

.pager__item--first a span:last-child, .pager__item--previous a span:last-child, .pager__item--next a span:last-child, .pager__item--last a span:last-child {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.paragraph--type-image-teaser.card, .paragraph--teaser-image-overlap.card {
  overflow: visible;
}

.paragraph--type-image-teaser.card .article__teaser-image, .paragraph--teaser-image-overlap.card .article__teaser-image {
  overflow: visible;
}

.paragraph--type-image-teaser.card .article__teaser-image img, .paragraph--teaser-image-overlap.card .article__teaser-image img {
  transform: scaleY(1.21);
}

.paragraph--type-info-box {
  margin: 3.33rem 0;
  padding: 1.39rem;
  background-color: #e7f0f3;
  border-radius: 1rem;
}

.view-section-overview__header {
  margin-bottom: -1.7rem;
}

.view-section-overview__content {
  padding-bottom: calc(11rem - 4rem);
}

.view-section-overview__content::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (min-width: 1024px) {
  .view-section-overview__content {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.view-section-overview__row {
  display: flex;
  margin-top: 4.5rem;
}

@media only screen and (min-width: 1024px) {
  .view-section-overview__row--teaser-primary {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .view-section-overview__row--teaser-secondary {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .view-section-overview__row--teaser-tertiary {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .view-section-overview__row--teaser-tertiary .field--name-field-teaser-text {
    display: none;
  }
}

.text-paragraph--question {
  color: #000;
  font: normal 400 1.67rem "Amatic SC", cursive;
  line-height: 2rem;
}

.view-content {
  display: flex;
  flex-flow: row wrap;
}

.view-term-glossary__row p {
  margin-bottom: 2rem;
}

.view-term-glossary .views-summary li {
  display: inline;
  margin-left: 0;
  margin-right: 0.33rem;
}

.view-term-glossary .views-summary li a.is-active {
  font-weight: 700;
}

.taxonomy-tooltip-link,
.taxonomy-tooltip-tip {
  color: #0069b4;
  font: normal 300 1rem "Signika Negative", sans-serif;
  text-decoration: underline;
  line-height: 1rem;
  cursor: help;
  text-decoration: none;
}

.taxonomy-tooltip-link[title],
.taxonomy-tooltip-tip[title] {
  border-bottom: none;
}

h3 .taxonomy-tooltip-link,
h3 .taxonomy-tooltip-tip {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
  color: #0069b4;
}

.tooltip {
  background: #e7f0f3;
  border-radius: 10px;
  max-width: 500px;
  position: absolute;
  z-index: 9999;
}

.tooltip__content {
  padding: 1.39rem;
}

.tooltip__arrow {
  position: absolute;
  background: #e7f0f3;
  bottom: 0;
}

.tooltip__arrow:after {
  border-style: solid;
  border-color: #e7f0f3 transparent transparent transparent;
  border-width: 30px 60px 0 0;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
}

.page-background-container {
  padding-top: 0.1px;
  background: url(../assets/img/bg_default_1600x439.svg) repeat-x center top;
  background-size: 1600px 439px;
}

.page-background-container[class*="--illustrated-overview"] {
  background-image: none;
  background-repeat: repeat repeat;
  background-position: center top;
  background-size: 1680px 80px;
  padding-bottom: 8.33333rem;
}

.page-background-container.page-background-container--illustrated-overview {
  background-color: #0069b4;
  background-image: url(../assets/img/bg_waves_default.svg);
  color: #fff;
}

.page-background-container.page-background-container--kinderrechte--illustrated-overview {
  background-color: #5bc2ef;
  background-image: url(../assets/img/bg_waves_kinderrechte.svg);
  color: #000;
}

.page-background-container.page-background-container--nachrichten--illustrated-overview {
  background-color: #f2e600;
  background-image: url(../assets/img/bg_waves_nachrichten.svg);
  color: #000;
}

.page-background-container.page-background-container--wissen--illustrated-overview {
  background-color: #e30613;
  background-image: url(../assets/img/bg_waves_wissen.svg);
  color: #000;
}

.page-background-container.page-background-container--spiel--spass--illustrated-overview, .page-background-container.page-background-container--spiel--spaß--illustrated-overview {
  background-color: #52ae32;
  background-image: url(../assets/img/bg_waves_spiel__spass.svg);
  color: #000;
}

.page-background-container.page-background-container--small-juki--illustrated-overview {
  background-color: #8b5ebf;
  background-image: url(../assets/img/bg_waves_juki.svg);
  color: #fff;
}

.page-background-container.page-background-container--mitmachen--illustrated-overview {
  background-color: #ea5b1b;
  background-image: url(../assets/img/bg_waves_juki.svg);
  color: #fff;
}

.page-background-container.page-background-container--weltkindertag--illustrated-overview {
  background-color: #006D77;
  background-image: url(../assets/img/bg_waves_weltkindertag.svg);
  color: #fff;
}

.page-background-container--in-the-school {
  background: url(../assets/img/bg_in_der_schule_1600x668.svg) repeat-x center top;
  background-size: 1600px 668px;
}

.page-background-container--user-profile {
  background: url(../assets/img/bg_wissen_1600x668.svg) repeat-x center top;
  background-size: 1600px 668px;
}

.page-background-container--mitmachen, .page-background-container--small-mitmachen {
  background: url(../assets/img/bg_mitmachen_1600x439.svg) repeat-x center top;
  background-size: 1600px 439px;
  color: #fff;
}

.page-background-container--front {
  background: url(../assets/img/bg_start_1600x668.svg) repeat-x center top;
  background-size: 1600px 845px;
}

.page-background-container--nachrichten, .page-background-container--small-nachrichten {
  background: url(../assets/img/bg_beitrag-nachrichten_1600x439.svg) repeat-x center top;
  background-size: 1600px 439px;
  color: #000;
}

.page-background-container--wissen, .page-background-container--small-wissen {
  background: url(../assets/img/bg_beitrag-wissen_1600x439.svg) repeat-x center top;
  background-size: 1600px 439px;
  color: #000;
}

.page-background-container--wissen > .page__content-wrapper .tabs, .page-background-container--small-wissen > .page__content-wrapper .tabs {
  color: #fff;
}

.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs, .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs {
  --tabs-background-color: #0069b4;
  --tabs-hover-background-color: #0069b4;
  --tabs-hover-color: #fff;
  --tabs-border-color: #0069b4;
}

.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:before,
.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs a.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs:before, .page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:before, .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:before,
.page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs a.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs:before, .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 5.64384% 8.41026%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1rem);
  content: '';
  float: none;
  flex-shrink: 0;
}

.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:after,
.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs a.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs:after, .page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:after, .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:after,
.page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs a.page-background-container--wissen > .page__content-wrapper ~ .page__content-wrapper .tabs:after, .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs .page-background-container--small-wissen > .page__content-wrapper ~ .page__content-wrapper .tabs__item-link:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 7.45205% 13.02564%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1rem) 0 0;
  content: '';
  float: none;
  flex-shrink: 0;
}

.page-background-container--spiel--spass, .page-background-container--spiel--spaß, .page-background-container--small-spiel--spass, .page-background-container--small-spiel--spaß {
  background: url(../assets/img/bg_beitrag-spielspass_1600x439.svg) repeat-x center top;
  background-size: 1600px 439px;
  color: #000;
}

.page-background-container--kinderrechte, .page-background-container--small-kinderrechte {
  background: url(../assets/img/bg_beitrag-kinderrechte_1600x439.svg) repeat-x center top;
  background-size: 1600px 439px;
  color: #000;
}

.page-background-container--juki {
  background: url(../assets/img/bg_bereichsseite_juki_768.png) center top repeat-x;
  background-size: contain;
  color: #fff;
}

@media only screen and (min-width: 1024px) {
  .page-background-container--juki {
    background: url(../assets/img/bg_bereichsseite_juki.png) center top repeat-x;
    background-size: 2560px 730px;
  }
}

.page-background-container--small-juki {
  background: url(../assets/img/bg_beitrag-juki.svg) repeat-x center top;
  background-size: 1600px 439px;
  color: #fff;
}

.page-background-container--slim-juki {
  background: url(../assets/img/bg_beitrag-juki_slim.svg) repeat-x center top;
  background-size: 1600px 347px;
  color: #fff;
}

.page-background-container--weltkindertag {
  background: url(../assets/img/bg_beitrag-weltkindertag_1680x630.svg) repeat-x center top;
  background-size: 1680px 630px;
  color: #fff;
}

.page-background-container--small-weltkindertag {
  background: url(../assets/img/bg_beitrag-weltkindertag_1680x630.svg) repeat-x center top;
  background-size: 1680px 630px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .page-background-container--slim-juki {
    background-position-y: -100px;
  }
}

@media only screen and (min-width: 768px) {
  .page-background-container[class*="--illustrated-overview"] {
    padding-bottom: 10.27778rem;
  }
}

.page__content-bottom .block-content-teasers__teasers .teaser-list {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.block-contribute-eye-catcher {
  position: relative;
}

.block-contribute-eye-catcher__spacer, .block-contribute-eye-catcher__image-wrapper {
  transition: width 150ms ease;
}

.block-contribute-eye-catcher__spacer {
  height: 72px;
}

.block-contribute-eye-catcher__overlay {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #d9f0fa;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1;
  box-shadow: 0 0 1.056rem 0 rgba(0, 0, 0, 0.2);
}

.block-contribute-eye-catcher__overlay:not(.toggle-item__content--active) {
  display: block;
  overflow: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  transition: opacity 2s;
}

.block-contribute-eye-catcher__overlay.toggle-item__content--active {
  display: block;
  opacity: 1;
  height: auto;
  transition: opacity 2s;
}

.block-contribute-eye-catcher__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.block-contribute-eye-catcher__image-wrapper {
  flex: 0 0 auto;
  position: relative;
  -ms-grid-row-align: end;
  align-self: end;
  width: 120px;
}

.block-contribute-eye-catcher__image {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
}

.block-contribute-eye-catcher__image img {
  width: 100%;
}

.block-contribute-eye-catcher__prompt {
  color: #ea5b1b;
  font: normal 700 2.5rem "Amatic SC", cursive;
  line-height: 3rem;
  text-shadow: 0 0 10px #ea5b1b;
  text-align: center;
  margin: 2.5rem 0 1.39rem;
  text-shadow: none;
  margin: 0 0.75em;
}

.block-contribute-eye-catcher__prompt > p {
  margin: 0;
}

.block-contribute-eye-catcher__button.button {
  background-color: #ea5b1b;
}

.block-contribute-eye-catcher__button.button:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 6.24658% 9.94872%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1rem);
  content: '';
  float: left;
  flex-shrink: 0;
}

.block-contribute-eye-catcher__button.button:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 6.84932% 11.48718%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1rem) 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

@media only screen and (min-width: 768px) {
  .block-contribute-eye-catcher__spacer {
    height: 180px;
  }
  .block-contribute-eye-catcher__image-wrapper {
    width: 240px;
  }
}

@media only screen and (max-width: 1023px) {
  .block-contribute-eye-catcher__prompt {
    display: none;
  }
}

.block-kindersache-in-the-school-eye-catcher {
  position: relative;
}

.block-kindersache-in-the-school-eye-catcher__spacer, .block-kindersache-in-the-school-eye-catcher__image-wrapper {
  transition: width 150ms ease;
}

.block-kindersache-in-the-school-eye-catcher__overlay {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #d9f0fa;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1;
  box-shadow: 0 0 1.056rem 0 rgba(0, 0, 0, 0.2);
}

.block-kindersache-in-the-school-eye-catcher__overlay:not(.toggle-item__content--active) {
  display: block;
  overflow: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  transition: opacity 2s;
}

.block-kindersache-in-the-school-eye-catcher__overlay.toggle-item__content--active {
  display: block;
  opacity: 1;
  height: auto;
  transition: opacity 2s;
}

.block-kindersache-in-the-school-eye-catcher__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.75em;
}

.block-kindersache-in-the-school-eye-catcher__image-wrapper {
  flex: 0 0 auto;
  position: relative;
  -ms-grid-row-align: end;
  align-self: end;
  width: 120px;
}

.block-kindersache-in-the-school-eye-catcher__image {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
}

.block-kindersache-in-the-school-eye-catcher__image img {
  width: 100%;
}

.block-kindersache-in-the-school-eye-catcher__prompt {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
  color: #0069b4;
  text-shadow: none;
}

.block-kindersache-in-the-school-eye-catcher__prompt > p {
  margin: 0;
}

.block-kindersache-in-the-school-eye-catcher__button.button:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 6.24658% 9.94872%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1rem);
  content: '';
  float: left;
  flex-shrink: 0;
}

.block-kindersache-in-the-school-eye-catcher__button.button:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 6.84932% 11.48718%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1rem) 0 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

@media only screen and (min-width: 540px) {
  .block-kindersache-in-the-school-eye-catcher__content {
    flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .block-kindersache-in-the-school-eye-catcher__spacer {
    height: 180px;
  }
  .block-kindersache-in-the-school-eye-catcher__image-wrapper {
    width: 240px;
  }
}

.region--featured .block-local-tasks-block {
  max-width: 68.88889rem;
  margin-left: auto;
  margin-right: auto;
}

.region--featured .block-local-tasks-block::after {
  clear: both;
  content: "";
  display: block;
}

.region--featured .block-local-tasks-block > .tabs {
  background-color: white;
  color: #000;
  margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .region--featured .block-local-tasks-block > .tabs {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .region--featured .block-local-tasks-block > .tabs {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

.search-form {
  margin-bottom: 3.75rem;
}

.search-form .form-wrapper {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

@media only screen and (min-width: 768px) {
  .search-form .form-wrapper {
    align-items: flex-end;
    flex-flow: row;
  }
}

.search-form .form-item {
  margin-top: auto;
  margin-bottom: auto;
  flex: 1 1 auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .search-form .form-item {
    margin-right: .75rem;
  }
}

.search-form label {
  color: #03347c;
  font: normal 600 1rem "Signika Negative", sans-serif;
  line-height: 1.2rem;
  display: block;
}

.search-form input[type="search"] {
  box-sizing: border-box;
  line-height: 2.5rem;
  height: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: auto;
}

.search-form .form-submit {
  flex: 0 1 auto;
  margin-top: .5rem;
  padding-top: inherit;
  padding-bottom: inherit;
}

@media only screen and (min-width: 768px) {
  .search-form .form-submit {
    margin-top: 0;
  }
}

.search-form .search-help-link {
  display: none;
}

.search-result__title {
  margin-bottom: 0;
}

.search-result__title a {
  font-weight: bold;
}

.search-result__snippet {
  color: #03347c;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
  margin-bottom: 0;
}

.search-result__info {
  color: #03347c;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
}

ol.search-results li {
  margin-left: 0;
}

.heading--h-area {
  color: #fff;
  font: normal 700 2.33rem "Amatic SC", cursive;
  line-height: 2.1rem;
  text-shadow: 0 0 10px #030303;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .heading--h-area {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    font-size: 3.33rem;
    line-height: 3rem;
  }
}

.heading--participate {
  color: #fff;
  font: normal 700 2.5rem "Amatic SC", cursive;
  line-height: 3rem;
  text-shadow: 0 0 10px #ea5b1b;
  text-align: center;
  margin: 2.5rem 0 1.39rem;
}

.voting-count-overall {
  display: flex;
  align-items: center;
}

.voting-count-overall:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 31.65829% 45.91453%;
  width: 90px;
  height: 45px;
  margin: 0 0 0 0.5rem;
  content: '';
  float: right;
  flex-shrink: 0;
}

.voting-widget__items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .voting-widget__items {
    margin-left: -0.5556rem;
    margin-top: -1.25rem;
  }
}

.voting-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .voting-item {
    width: calc(33.33333% - 0.7408rem);
    float: left;
    margin-left: 0.5556rem;
    margin-top: 1.25rem;
  }
}

.voting-item .ajax-progress {
  display: none;
}

.voting-item__vote-count {
  color: #fff;
  font: normal 400 1.56rem "Signika Negative", sans-serif;
  margin-top: .25rem;
}

.voting-item__wrap {
  position: relative;
}

.voting-item__tip {
  font: normal 400 1.56rem "Amatic SC", cursive;
  color: #03347c;
  background: #e7f0f3;
  border-radius: 10px;
  padding: .4rem .75rem;
  position: absolute;
  bottom: calc(72px + .75rem);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .voting-item__tip {
    white-space: nowrap;
  }
}

.voting-item:hover {
  overflow: visible;
}

.voting-item:hover .voting-item__tip {
  opacity: 1;
}

.voting-item__icon--slight-smile:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 29.5% 43.85783%;
  width: 72px;
  height: 72px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.voting-item__icon--smile:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 34% 47.8951%;
  width: 72px;
  height: 72px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.voting-item__icon--neutral-face:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 36% 50.37957%;
  width: 72px;
  height: 72px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.voting-item__icon--anguished:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 38% 52.86404%;
  width: 72px;
  height: 72px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.voting-item__icon--disappointed-relieved:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 40% 55.34852%;
  width: 72px;
  height: 72px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.voting-item__icon--frowning2:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 42% 57.83299%;
  width: 72px;
  height: 72px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.section-paragraph--background-orange-stripes {
  background-color: #ea5b1b;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, #e64f16 35px, #e64f16 70px);
}

.section-paragraph--background-blue-stripes {
  background-color: #5bc5f2;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, #4eb8ea 35px, #4eb8ea 70px);
}

.section-paragraph--background-green-dots {
  background-color: #52ae32;
  background-image: radial-gradient(#5fb12b 25%, transparent 25%), radial-gradient(#5fb12b 25%, transparent 25%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

.section-paragraph--background-blue-dots {
  background-color: #0069b0;
  background-image: radial-gradient(#005fac 25%, transparent 25%), radial-gradient(#005fac 25%, transparent 25%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

.section-paragraph--background-juki {
  background: url(../assets/img/bg_startseite_juki_768.png) center top repeat-x;
  background-size: cover;
}

@media only screen and (min-width: 1024px) {
  .section-paragraph--background-juki {
    background: url(../assets/img/bg_startseite_juki.png) center top repeat-x;
    background-size: 2560px 856px;
  }
}

.section-paragraph--background-its {
  padding-top: 2.22222rem;
}

@media only screen and (min-width: 768px) {
  .section-paragraph--background-its {
    padding-top: 5.55556rem;
    padding-bottom: 2.77778rem;
  }
}

.section-paragraph--background-its .section-paragraph__section-link {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .section-paragraph--background-its .section-paragraph__section-link {
    margin-top: 3.33333rem;
    text-align: left;
  }
}

.section-paragraph--background-yellow-with-doodles {
  background: url(../assets/img/weltkindertag/bg_section-weltkindertag.svg) center top repeat-x;
  background-size: cover;
}

.section-paragraph--background-yellow-with-doodles .paragraph--type-image-teaser.card img {
  transform: none;
}

.section-paragraph--background-yellow-with-doodles .paragraph--type-image-teaser.card img:hover {
  transform: scale(1.2);
}

.section-paragraph--background-light-blue-gradient {
  background: linear-gradient(90deg, #DFF2FD 0%, #64C7F3 100%);
}

.section-paragraph--view-mode-teaser-short-adult .section-paragraph__headline {
  color: #03347c;
  font: normal 600 1.8rem "Signika Negative", sans-serif;
  line-height: 1.8rem;
  margin-bottom: 1.33rem;
}

@media only screen and (min-width: 768px) {
  .section-paragraph--view-mode-teaser-short-adult .section-paragraph__headline {
    font-size: 2.11rem;
    line-height: 2.11rem;
  }
}

.section-paragraph__headline {
  color: #03347c;
  font: normal 700 2.33rem "Amatic SC", cursive;
  line-height: 2.1rem;
  text-shadow: 0 0 10px transparent;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .section-paragraph__headline {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-paragraph__headline {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-paragraph__headline {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
    font-size: 3.33rem;
    line-height: 3rem;
  }
}

.section-paragraph__headline img {
  display: inline-block;
  min-width: 140px;
}

.section-paragraph__content {
  margin-bottom: 2.2222rem;
}

.section-paragraph--background-transparent, .section-paragraph--background-orange-stripes, .section-paragraph--background-blue-stripes, .section-paragraph--background-green-dots, .section-paragraph--background-blue-dots, .section-paragraph--background-juki {
  padding-bottom: 1.9445rem;
}

.section-paragraph--background-transparent.section-paragraph--title, .section-paragraph--background-orange-stripes.section-paragraph--title, .section-paragraph--background-blue-stripes.section-paragraph--title, .section-paragraph--background-green-dots.section-paragraph--title, .section-paragraph--background-blue-dots.section-paragraph--title, .section-paragraph--background-juki.section-paragraph--title {
  padding-top: 0.5rem;
}

.section-paragraph--background-transparent.section-paragraph--no-title, .section-paragraph--background-orange-stripes.section-paragraph--no-title, .section-paragraph--background-blue-stripes.section-paragraph--no-title, .section-paragraph--background-green-dots.section-paragraph--no-title, .section-paragraph--background-blue-dots.section-paragraph--no-title, .section-paragraph--background-juki.section-paragraph--no-title {
  padding-top: 4.1667rem;
}

.section-paragraph--background-light-blue-gradient {
  padding-top: 2.5rem;
  padding-bottom: 1.9rem;
}

.section-paragraph--background-light-blue-gradient.section-paragraph--title .section-paragraph__headline {
  margin-top: 0;
  margin-bottom: 0.8rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.section-paragraph--background-transparent-successor {
  padding-top: 0;
  padding-bottom: 1.9445rem;
}

.section-paragraph--background-transparent-successor .section-paragraph__headline {
  margin-top: 0;
}

.section-paragraph--background-orange-stripes .section-paragraph__headline, .section-paragraph--background-blue-stripes .section-paragraph__headline, .section-paragraph--background-green-dots .section-paragraph__headline, .section-paragraph--background-blue-dots .section-paragraph__headline {
  color: #fff;
  font: normal 700 2.33rem "Amatic SC", cursive;
  line-height: 2.1rem;
  text-shadow: 0 0 10px transparent;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .section-paragraph--background-orange-stripes .section-paragraph__headline, .section-paragraph--background-blue-stripes .section-paragraph__headline, .section-paragraph--background-green-dots .section-paragraph__headline, .section-paragraph--background-blue-dots .section-paragraph__headline {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
    font-size: 3.33rem;
    line-height: 3rem;
  }
}

.section-paragraph--background-orange-stripes .section-paragraph__headline img, .section-paragraph--background-blue-stripes .section-paragraph__headline img, .section-paragraph--background-green-dots .section-paragraph__headline img, .section-paragraph--background-blue-dots .section-paragraph__headline img {
  display: inline-block;
  min-width: 140px;
}

.section-paragraph__section-link {
  margin-top: 2.2222rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .section-paragraph__section-link {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-paragraph__section-link {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .section-paragraph--background-light-blue-gradient {
    padding-top: 5rem;
    padding-bottom: 3.8rem;
  }
  .section-paragraph--background-light-blue-gradient.section-paragraph--title .section-paragraph__headline {
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
}

.block-views-block-digital-representation-block {
  padding-top: 2.22222rem;
  padding-bottom: 2.22222rem;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .block-views-block-digital-representation-block {
    padding-top: 2.77778rem;
    padding-bottom: 5.55556rem;
  }
}

.block-views-block-digital-representation-block-kids {
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .block-views-block-digital-representation-block__title {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .block-views-block-digital-representation-block__title {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .block-views-block-digital-representation-block__title {
    text-align: center;
  }
}

.block-views-block-videos-animated-cartoons-overview,
.block-views-block-videos-animated-cartoons-overview-videos,
.block-views-block-videos-animated-cartoons-overview-cartoons {
  max-width: 68.88889rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.5rem;
  padding-bottom: calc(11rem - 4rem);
}

.block-views-block-videos-animated-cartoons-overview::after,
.block-views-block-videos-animated-cartoons-overview-videos::after,
.block-views-block-videos-animated-cartoons-overview-cartoons::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (max-width: 767px) {
  .block-views-block-videos-animated-cartoons-overview .view-videos-animated-cartoons,
  .block-views-block-videos-animated-cartoons-overview-videos .view-videos-animated-cartoons,
  .block-views-block-videos-animated-cartoons-overview-cartoons .view-videos-animated-cartoons {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .block-views-block-videos-animated-cartoons-overview .view-videos-animated-cartoons,
  .block-views-block-videos-animated-cartoons-overview-videos .view-videos-animated-cartoons,
  .block-views-block-videos-animated-cartoons-overview-cartoons .view-videos-animated-cartoons {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

.block-kindersache-children-rights-top-slideshow--no-title {
  padding-top: 4.1667rem;
}

.teaser-list__teasers-item {
  margin-bottom: 2.2222rem;
}

@media only screen and (max-width: 767px) {
  .teaser-list__teasers-item {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-list__teasers-item {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (max-width: 1023px) {
  .teaser-list__teasers-item:not(:first-child) {
    margin-top: 4.1667rem;
  }
}

.section-paragraph--background-its .teaser-list__teasers-item {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .section-paragraph--background-its .teaser-list__teasers-item {
    margin-bottom: 1.66667rem;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-list__teasers-items {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: -2.2222rem;
  }
  .teaser-list__teasers-item {
    display: flex;
  }
  .teaser-list--layout-2-col .teaser-list__teasers-item {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .teaser-list--layout-2-col .teaser-list__teasers-item {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .teaser-list--layout-3-col .teaser-list__teasers-item {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.teaser-selection__highlighted-teaser, .teaser-selection__other-teasers-item {
  margin-bottom: 2.2222rem;
}

@media only screen and (max-width: 767px) {
  .teaser-selection__highlighted-teaser, .teaser-selection__other-teasers {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .teaser-selection__highlighted-teaser, .teaser-selection__other-teasers {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-selection__highlighted-teaser {
    display: flex;
  }
  .teaser-selection--highlight-1-plus-3 .teaser-selection__teasers, .teaser-selection--highlight-3-plus-1 .teaser-selection__teasers {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: -2.2222rem;
  }
  .teaser-selection--highlight-1-plus-3 .teaser-selection__highlighted-teaser, .teaser-selection--highlight-1-plus-3 .teaser-selection__other-teasers, .teaser-selection--highlight-3-plus-1 .teaser-selection__highlighted-teaser, .teaser-selection--highlight-3-plus-1 .teaser-selection__other-teasers {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .teaser-selection--highlight-3-plus-1 .teaser-selection__highlighted-teaser {
    left: calc(50% - 3.3333rem + 2.2222rem);
    position: relative;
  }
  .teaser-selection--highlight-3-plus-1 .teaser-selection__other-teasers {
    left: calc(-50% - 1.1111rem + 2.2222rem);
    position: relative;
  }
}

.card {
  width: 100%;
  background-color: white;
  color: #000;
  border-radius: .6rem;
  box-shadow: 0 0 0.5556rem 0 rgba(0, 0, 0, 0.2);
}

.card--overflow {
  overflow: visible;
}

@media only screen and (min-width: 768px) {
  .card {
    box-shadow: 0 0 1.056rem 0 rgba(0, 0, 0, 0.2);
  }
}

.section-latest-teaser {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.section-latest-teaser__section-latest-view {
  flex: 1 0 auto;
  display: flex;
}

.section-latest-teaser__section-link {
  margin-top: 2.2222rem;
  text-align: center;
}

.view-section-latest, .view-section-latest__content, .view-section-latest__row {
  flex: 1 0 100%;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .unslick {
    margin: -0.5556rem;
  }
}

@media only screen and (min-width: 768px) {
  .unslick {
    margin: -1.1111rem;
  }
}

.slick {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .slick__slider {
    margin: -0.5556rem;
  }
}

@media only screen and (min-width: 768px) {
  .slick__slider {
    margin: -1.1111rem;
  }
}

.slick__slider .slick-track {
  display: flex;
}

.slick__slide {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .slick__slide {
    margin: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) {
  .slick__slide {
    margin: 1.1111rem;
  }
}

.slick--initialized .slick__slide {
  display: flex;
}

.slick__button {
  position: absolute;
  top: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background-color: transparent;
  line-height: 1.5;
}

.slick__button:hover, .slick__button:focus {
  background-color: transparent;
}

.slick__button--prev {
  left: 0;
  transform: translateX(-25%) translateY(-50%);
}

.slick__button--prev:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 44.27544% 60.90878%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.slick__button--prev.slick__button--white:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 48.09181% 68.92126%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 768px) {
  .slick__button--prev {
    transform: translateX(-70%) translateY(-50%);
  }
}

@media only screen and (min-width: 1280px) {
  .slick__button--prev {
    transform: translateX(-125%) translateY(-50%);
  }
}

.slick__button--next {
  right: 0;
  transform: translateX(25%) translateY(-50%);
}

.slick__button--next:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 45.82412% 63.92647%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.slick__button--next.slick__button--white:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 50.35951% 73.91606%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

@media only screen and (min-width: 768px) {
  .slick__button--next {
    transform: translateX(70%) translateY(-50%);
  }
}

@media only screen and (min-width: 1280px) {
  .slick__button--next {
    transform: translateX(125%) translateY(-50%);
  }
}

.slick__dots {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.5rem;
}

@media only screen and (min-width: 1024px) {
  .slick__dots {
    top: auto;
    bottom: 2rem;
  }
}

.slick__dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background-color: transparent;
  line-height: 1.5;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
  height: 1rem;
  width: 1rem;
  margin: 0.5rem;
  background-color: #5bc5f2;
  border-radius: 0.5rem;
}

.slick__dots li button:hover, .slick__dots li button:focus {
  background-color: transparent;
}

.slick__dots li.slick-active button,
.slick__dots li button:hover,
.slick__dots li button:focus {
  background-color: #0069b4;
}

.profile {
  margin-bottom: 4rem;
}

.profile .field__label {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
  margin-bottom: 1.17rem;
}

.profile__columns {
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .profile__columns {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
}

.profile__links {
  margin-top: 1rem;
}

@media only screen and (min-width: 768px) {
  .profile__links {
    margin-top: 0;
    padding-left: 2.25rem;
  }
}

.profile__link-item {
  margin-top: .75rem;
}

.profile__link-item:first-child {
  margin-top: 0;
}

.profile .user__organisation-website, .profile .user__about-me, .profile .user__about-organisation {
  margin-bottom: 2.5rem;
}

.block-views-blockcontent-user-content-profile {
  margin-top: 4rem;
}

.view-content-user__row {
  width: 100%;
  padding: 1rem 0;
}

.view-content-user__row:not(:first-child) {
  position: relative;
  border-color: transparent;
}

@media only screen and (max-width: 767px) {
  .view-content-user__row:not(:first-child) {
    border-top: 1px solid #c0ddeb;
  }
}

@media only screen and (min-width: 768px) {
  .view-content-user__row:not(:first-child):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: url(../assets/img/img_divider.svg) repeat;
    width: 100%;
    padding: 0.789% 0 0;
    background-size: contain;
  }
}

.view-content-user__empty {
  color: #03347c;
}

.account-cancel-request {
  margin-top: 1rem;
}

.toc {
  max-width: 68.88889rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

.toc::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (min-width: 1024px) {
  .toc {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
    align-items: center;
    margin-bottom: 6rem;
  }
  .toc--image-left {
    flex-direction: row-reverse;
  }
  .toc--image-left .toc__text {
    margin-left: calc(8.33333% - 2.40738rem - 2.2222rem);
    left: -2.2222rem;
  }
  .toc--image-right {
    flex-direction: row;
  }
  .toc--image-right .toc__image-wrap {
    margin-left: calc(-8.33333% - 2.03702rem + 4.4444rem);
  }
}

.toc__text {
  margin-bottom: 0.5556rem;
  position: relative;
  padding: 2.6667rem 3.3333rem 3.3333rem;
}

@media only screen and (max-width: 767px) {
  .toc__text {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .toc__text {
    margin-bottom: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .toc__text {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
    margin-bottom: 0;
    z-index: 1;
  }
}

.toc__text .field--name-field-headline {
  color: #03347c;
  font: normal 600 1.8rem "Signika Negative", sans-serif;
  line-height: 1.8rem;
  margin-bottom: 1.33rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .toc__text .field--name-field-headline {
    font-size: 2.11rem;
    line-height: 2.11rem;
  }
}

.toc__text a {
  color: #0069b4;
  font: normal 400 1.222rem "Signika Negative", sans-serif;
  text-decoration: underline;
}

.toc__pages-item:not(:last-child) {
  margin-bottom: .8rem;
}

@media only screen and (min-width: 1024px) {
  .toc__image-wrap {
    width: calc(58.33333% - 3.51848rem);
    float: left;
    margin-left: 2.2222rem;
    z-index: 0;
  }
}

.toc__image-wrap img {
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 1024px) {
  .overview__paragraphs-item:first-child .toc__image-wrap {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.overview--display-full .overview__paragraphs {
  overflow: hidden;
}

.overview--display-full .overview__paragraphs-item:last-child > .section-paragraph {
  padding-bottom: 11rem;
}

.overview--display-full .overview__paragraphs-item:last-child > .paragraph {
  padding-bottom: 5.5rem;
}

.overview--display-full .overview__paragraphs-item:last-child > .paragraph.section-paragraph--background-yellow-with-doodles {
  padding: 11rem 0;
}

.comic--display-teaser-wide .comic__content {
  padding: 1.5rem 1.4rem 1.5rem 1.4rem;
}

@media only screen and (min-width: 768px) {
  .comic--display-teaser-wide .comic__content {
    padding-right: 1.9rem;
    padding-left: 1.9rem;
  }
}

@media only screen and (min-width: 1024px) {
  .comic--display-teaser-wide .comic__content {
    padding-top: 1rem;
    padding-bottom: 3.2rem;
  }
}

.comic__comic-image-wrapper {
  display: block;
}

.comic__comic-image-wrapper img {
  width: 100%;
}

.ui-widget.copyright-consent {
  background-color: white;
  color: #000;
  border-radius: 0.6rem;
  padding: 0.75em;
  margin-right: 0.5556rem;
  margin-left: 0.5556rem;
  max-width: 68.88889rem;
}

@media only screen and (min-width: 768px) {
  .ui-widget.copyright-consent {
    padding: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .ui-widget.copyright-consent {
    margin-right: 2.2222rem;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1280px) {
  .ui-widget.copyright-consent {
    margin-right: auto;
    margin-left: auto;
  }
}

.ui-widget.copyright-consent .ui-widget-header {
  text-align: center;
  padding: 0 1.5em 0.75em 1.5em;
}

.ui-widget.copyright-consent .ui-widget-header .ui-dialog-titlebar-close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  background-color: transparent;
  line-height: 1.5;
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  z-index: 166;
  outline: none;
}

.ui-widget.copyright-consent .ui-widget-header .ui-dialog-titlebar-close:hover, .ui-widget.copyright-consent .ui-widget-header .ui-dialog-titlebar-close:focus {
  background-color: transparent;
}

.ui-widget.copyright-consent .ui-widget-header .ui-dialog-titlebar-close > .ui-button-icon {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 2.6864% 3.12288%;
  width: 24px;
  height: 24px;
}

.ui-widget.copyright-consent .ui-widget-header .ui-dialog-title {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
  white-space: normal;
}

.user-form .form-type-name > label {
  display: none;
}

.user-form .confirm-parent, .user-form .password-parent {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.user-form #edit-pass--description {
  display: none;
}

.childrens-rights-banner {
  width: 100%;
  position: relative;
  padding-top: 8rem;
}

@media only screen and (min-width: 1024px) {
  .childrens-rights-banner {
    padding-top: 8rem;
  }
}

@media only screen and (min-width: 1280px) {
  .childrens-rights-banner {
    padding-top: 7rem;
  }
}

.childrens-rights-banner__link {
  display: block;
  height: 100%;
  text-decoration: none;
}

.childrens-rights-banner__more {
  display: block;
  position: absolute;
  top: 2rem;
  right: 0;
  color: #03347c;
  font-family: "Amatic SC", cursive;
  line-height: 1.1;
  text-align: center;
  font-size: 1.56rem;
  transform: rotate(-8deg);
}

@media only screen and (min-width: 768px) {
  .childrens-rights-banner__more {
    font-size: 1.77rem;
  }
}

@media only screen and (min-width: 1280px) {
  .childrens-rights-banner__more {
    top: 1.5rem;
  }
}

.childrens-rights-banner__image {
  display: block;
  position: absolute;
  top: 0;
  height: 8rem;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
}

@media only screen and (min-width: 1024px) {
  .childrens-rights-banner__image {
    top: auto;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 19.5rem;
  }
}

.childrens-rights-banner--img-leo-lupe-1 .childrens-rights-banner__more {
  right: 11rem;
}

.childrens-rights-banner--img-leo-lupe-1 .childrens-rights-banner__image {
  background-image: url("../assets/img/img_illu_leo-lupe_kinderrrechte-band_375x290.svg");
}

@media only screen and (min-width: 1024px) {
  .childrens-rights-banner--img-leo-lupe-1 .childrens-rights-banner__more {
    right: 20rem;
  }
  .childrens-rights-banner--img-leo-lupe-1 .childrens-rights-banner__banner {
    padding-right: 19.5rem;
  }
}

.childrens-rights-banner--img-lupe-1 .childrens-rights-banner__more {
  right: 6rem;
}

.childrens-rights-banner--img-lupe-1 .childrens-rights-banner__image {
  background-image: url("../assets/img/img_illu_lupe_kinderrrechte-band_375x290.svg");
}

@media only screen and (min-width: 1024px) {
  .childrens-rights-banner--img-lupe-1 .childrens-rights-banner__more {
    right: 10rem;
  }
  .childrens-rights-banner--img-lupe-1 .childrens-rights-banner__banner {
    padding-right: 10rem;
  }
}

.childrens-rights-banner__banner {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0069b4;
  border-radius: .6rem;
  box-shadow: 0 0 1.056rem 0 rgba(0, 0, 0, 0.2);
}

.childrens-rights-banner__title {
  color: #fff;
  font: normal 400 1.33rem "Signika Negative", sans-serif;
  line-height: 1.1;
  text-shadow: 0 0 10px #0069b4;
  text-decoration: none;
  display: block;
  padding: 1.5em;
}

@media only screen and (min-width: 768px) {
  .childrens-rights-banner__title {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 1280px) {
  .childrens-rights-banner__title {
    font-size: 2.11rem;
  }
}

@media only screen and (min-width: 768px) {
  .childrens-rights-banner__title {
    padding-right: 1em;
    padding-left: 1em;
  }
}

.childrens-rights-banner--display-adult {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 0;
}

.childrens-rights-banner--display-adult .childrens-rights-banner__banner {
  padding-right: 0;
}

.childrens-rights-banner--display-adult .childrens-rights-banner__image, .childrens-rights-banner--display-adult .childrens-rights-banner__more {
  display: none;
}

.childrens-rights-slider {
  position: relative;
  margin-bottom: 0.833rem;
}

.childrens-rights-slider__band {
  width: 100%;
  height: 4.5rem;
  background-color: #0069b4;
  position: absolute;
  transform: translateY(-50%);
}

.childrens-rights-slider__band,
.childrens-rights-slider .slick__button {
  top: calc(50% + 4rem);
}

@media only screen and (min-width: 1024px) {
  .childrens-rights-slider__band,
  .childrens-rights-slider .slick__button {
    top: calc(50% + 4rem);
  }
}

@media only screen and (max-width: 767px) {
  .childrens-rights-slider .slick__arrow {
    display: none;
  }
}

.childrens-rights-slider--display-adult .childrens-rights-slider__band {
  top: 50%;
}

.media--type-image {
  position: relative;
}

.media video {
  width: 100%;
  height: auto;
  max-height: 500px;
}

.media--view-mode-embed video {
  max-height: inherit;
}

.embedded-entity.align-center .media-image img {
  margin-right: auto;
  margin-left: auto;
}

.media-image__copyright {
  color: #e1e1e1;
  font: normal 400 0.56rem "Signika Negative", sans-serif;
  background: #030303;
  background: linear-gradient(to right, #030303, transparent);
  width: 100%;
  padding: .25em 1.5em;
  position: absolute;
  bottom: 0;
}

@media only screen and (min-width: 768px) {
  .media-image__copyright {
    width: 75%;
  }
}

.page__paragraphs-items .teaser-list__teasers-items {
  margin-left: -0.5556rem;
  margin-right: -0.5556rem;
  width: calc(100% + 1.1112rem);
}

@media only screen and (min-width: 768px) {
  .page__paragraphs-items .teaser-list__teasers-items {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.page__footer--in-the-school .region--footer {
  background-color: #d9f0fa;
  background-image: none;
  margin-top: 0;
}

.page__footer--in-the-school .region--footer .footer__column {
  margin-top: 2.5rem;
}

@media only screen and (max-width: 767px) {
  .teaser-slideshow .slick__arrow {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .filter-category {
    display: flex;
    justify-content: center;
  }
}

.filter-category li {
  margin-bottom: 0;
  margin-top: 0;
}

.filter-category li:not(:first-child) {
  margin-top: .75rem;
}

@media only screen and (min-width: 768px) {
  .filter-category li:not(:first-child) {
    margin-left: 1rem;
    margin-top: 0;
  }
}

.filter-category__button {
  background-color: #8b5ebf;
  border-radius: 6px;
  width: 100%;
  margin: 0;
}

.filter-category__button:focus, .filter-category__button:hover, .filter-category__button--selected {
  background-color: #593C7B;
}

.filter-category__button::before, .filter-category__button::after {
  display: none;
}

.view-videos-animated-cartoons--display-overview::after, .view-videos-animated-cartoons--display-overview-videos::after, .view-videos-animated-cartoons--display-overview-cartoons::after {
  clear: both;
  content: "";
  display: block;
}

.view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__headline, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__headline, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__headline {
  color: #fff;
  font: normal 700 2.33rem "Amatic SC", cursive;
  line-height: 2.1rem;
  text-shadow: 0 0 10px transparent;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__headline, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__headline, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__headline {
    margin-top: 2.625rem;
    margin-bottom: 2.625rem;
    font-size: 3.33rem;
    line-height: 3rem;
  }
}

.view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__headline img, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__headline img, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__headline img {
  display: inline-block;
  min-width: 140px;
}

.view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__content, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__content, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__content {
  margin-top: -1.72rem;
}

@media only screen and (min-width: 1024px) {
  .view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__content, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__content, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__content {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__row, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__row, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__row {
  display: flex;
  margin-top: 4.5rem;
}

@media only screen and (min-width: 1024px) {
  .view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__row, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__row, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__row {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.view-videos-animated-cartoons--display-overview .view-videos-animated-cartoons__row .article__teaser-text, .view-videos-animated-cartoons--display-overview-videos .view-videos-animated-cartoons__row .article__teaser-text, .view-videos-animated-cartoons--display-overview-cartoons .view-videos-animated-cartoons__row .article__teaser-text {
  display: none;
}

.view-adult-article--display-block {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 2.22222rem;
}

@media only screen and (min-width: 768px) {
  .view-adult-article--display-block {
    margin-bottom: 5.55556rem;
  }
}

.view-adult-article--display-block:not(.view-adult-article--page-0) {
  margin-top: 2.22222rem;
}

@media only screen and (min-width: 768px) {
  .view-adult-article--display-block:not(.view-adult-article--page-0) {
    margin-top: 5.55556rem;
  }
}

.view-adult-article--display-block .view-adult-article__content {
  margin-bottom: -2.2222rem;
}

.view-adult-article--display-block .view-adult-article__row {
  margin-bottom: 2.2222rem;
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .view-adult-article--display-block .view-adult-article__row {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .view-adult-article--display-block .view-adult-article__row {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .view-adult-article--display-block .view-adult-article__row {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .view-adult-article--display-block .view-adult-article__row {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.view-adult-article--display-block .view-adult-article__row .teaser {
  height: 100%;
}

.view-adult-article--display-block .view-adult-article__row .teaser__text {
  display: none;
}

@media only screen and (max-width: 767px) {
  .view-adult-article--display-block .view-adult-article__pager-wrapper {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .view-adult-article--display-block .view-adult-article__pager-wrapper {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

.view-digital-representation--display-block {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block {
    flex-flow: row wrap;
  }
}

.view-digital-representation--display-block .view-digital-representation__filter {
  position: relative;
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .view-digital-representation--display-block .view-digital-representation__filter {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__filter {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .view-digital-representation--display-block .view-digital-representation__filter {
    width: calc(25% - 2.77775rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .view-digital-representation--display-block .view-digital-representation__filter {
    width: calc(16.66667% - 2.59257rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (max-width: 767px) {
  .view-digital-representation--display-block .view-digital-representation__filter {
    padding-bottom: 2.5rem;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__filter {
    order: 2;
  }
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag {
  border-top: 3px solid #808080;
  width: 45%;
  float: none;
  margin: 0 auto;
  padding-top: 1.389rem;
}

@media only screen and (max-width: 767px) {
  .view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    padding-top: 1.111rem;
  }
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag label {
  color: #03347c;
  font-family: "Signika Negative", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: .833rem;
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag li {
  margin-bottom: .444rem;
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag .bef-link {
  color: #000;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
  text-decoration: none;
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag .bef-link--selected {
  color: #03347c;
  position: relative;
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag .bef-link--selected:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 3.33698% 3.92688%;
  width: 16px;
  height: 16px;
  margin: 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

.view-digital-representation--display-block .view-digital-representation__filter .views-exposed-form .form-item-tag .bef-link--selected:after {
  position: absolute;
  transform: translateX(100%) translateY(-50%);
  top: 50%;
  right: -.25rem;
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-close,
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-button,
  .view-digital-representation--display-block .view-digital-representation__filters-apply-button {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-button,
  .view-digital-representation--display-block .view-digital-representation__filters-apply-button {
    margin-top: .6rem;
  }
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    background-color: transparent;
    line-height: 1.5;
    display: inline-block;
    background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
    background-size: 4131px 3341.25px;
    background-position: 3.78289% 4.48065%;
    width: 27px;
    height: 27px;
    display: none;
    position: absolute;
    top: -3.111rem;
    right: 1rem;
  }
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-close:hover, .view-digital-representation--display-block .view-digital-representation__filters-toggle-close:focus {
    background-color: transparent;
  }
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-close.toggle-item__button--active {
    display: block;
  }
  .view-digital-representation--display-block .view-digital-representation__filters-apply-button {
    display: none;
  }
  .view-digital-representation--display-block .view-digital-representation__filters-apply-button.toggle-item__button--active {
    display: inline-block;
  }
  .view-digital-representation--display-block .view-digital-representation__filters-toggle-button.toggle-item__button--active {
    display: none;
  }
  .view-digital-representation--display-block .view-digital-representation__filter-content:not(.toggle-item__content--active) {
    display: block;
    overflow: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    transition: opacity 0.5s;
  }
  .view-digital-representation--display-block .view-digital-representation__filter-content.toggle-item__content--active {
    display: block;
    opacity: 1;
    height: auto;
    transition: opacity 0.5s;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .view-digital-representation--display-block .view-digital-representation__content {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__content {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .view-digital-representation--display-block .view-digital-representation__content {
    width: calc(75% - 3.88885rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .view-digital-representation--display-block .view-digital-representation__content {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__content {
    order: 1;
  }
}

@media only screen and (min-width: 1024px) {
  .view-digital-representation--display-block .view-digital-representation__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.view-digital-representation--display-block .view-digital-representation__list > li {
  margin-bottom: 1.66667rem;
}

@media only screen and (min-width: 1024px) {
  .view-digital-representation--display-block .view-digital-representation__list > li {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__list > li {
    margin-bottom: 2.2222rem;
  }
}

.view-digital-representation--display-block .view-digital-representation__pager {
  order: 3;
  margin-top: 0.5556rem;
}

@media only screen and (max-width: 767px) {
  .view-digital-representation--display-block .view-digital-representation__pager {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__pager {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) {
  .view-digital-representation--display-block .view-digital-representation__pager {
    justify-content: left;
    margin-top: 1.11111rem;
    margin-bottom: 3.33333rem;
  }
}

.view-digital-representation--display-block .view-digital-representation__pager-item {
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .view-digital-representation--display-block-kids .view-digital-representation__list > li {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .view-digital-representation--display-block-kids .view-digital-representation__content {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .view-digital-representation--display-block-kids .view-digital-representation__content {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
  .view-digital-representation--display-block-kids .view-digital-representation__content {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
  .view-digital-representation--display-block-kids .view-digital-representation__content {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 767px) {
  .view-digital-representation--display-block-kids .view-digital-representation__content {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
    float: none;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .view-digital-representation--display-block-kids .view-digital-representation__content {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    float: none;
  }
}

.view-digital-representation--display-block-kids .digital-representation--display-teaser-wide {
  border-radius: .6rem;
  box-shadow: 0 0 1.056rem 0 rgba(0, 0, 0, 0.2);
}

.view-embed__content {
  display: block;
  flex-flow: unset;
}

.view-origin-tabs {
  margin-top: 1.6rem !important;
  margin-bottom: -2.6rem !important;
}

@media only screen and (min-width: 540px) {
  .view-origin-tabs {
    margin-top: 2.2rem !important;
  }
}

.digital-representation__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.22222rem;
}

.digital-representation__download, .digital-representation__info-shop {
  color: #03347c;
  font: normal 600 0.83333rem "Signika Negative", sans-serif;
  line-height: 0.88889rem;
  letter-spacing: 0;
  text-decoration: none;
  display: flex;
}

.digital-representation__download:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.digital-representation__info-shop:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 0.43764% 0.54164%;
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.digital-representation--display-full .digital-representation__class, .digital-representation--display-full .digital-representation__class-label, .digital-representation--display-full .digital-representation__use, .digital-representation--display-full .digital-representation__use-label, .digital-representation--display-full .digital-representation__subjects, .digital-representation--display-full .digital-representation__subjects-label, .digital-representation--display-full .digital-representation__time, .digital-representation--display-full .digital-representation__time-label, .digital-representation--display-full .digital-representation__format, .digital-representation--display-full .digital-representation__format-label, .digital-representation--display-full .digital-representation__num-pages, .digital-representation--display-full .digital-representation__num-pages-label, .digital-representation--display-teaser .digital-representation__class, .digital-representation--display-teaser .digital-representation__class-label, .digital-representation--display-teaser .digital-representation__use, .digital-representation--display-teaser .digital-representation__use-label, .digital-representation--display-teaser .digital-representation__subjects, .digital-representation--display-teaser .digital-representation__subjects-label, .digital-representation--display-teaser .digital-representation__time, .digital-representation--display-teaser .digital-representation__time-label, .digital-representation--display-teaser .digital-representation__format, .digital-representation--display-teaser .digital-representation__format-label, .digital-representation--display-teaser .digital-representation__num-pages, .digital-representation--display-teaser .digital-representation__num-pages-label {
  color: #333;
  font: normal 400 0.77778rem "Signika Negative", sans-serif;
  line-height: 1.11111rem;
}

.digital-representation--display-full .digital-representation__subjects-items, .digital-representation--display-teaser .digital-representation__subjects-items {
  float: none !important;
}

.digital-representation--display-full .digital-representation__subjects-item, .digital-representation--display-teaser .digital-representation__subjects-item {
  display: inline;
}

.digital-representation--display-full .digital-representation__subjects-item:not(:last-child):after, .digital-representation--display-teaser .digital-representation__subjects-item:not(:last-child):after {
  content: ', ';
}

.digital-representation--display-teaser .digital-representation__links {
  margin-top: 1.11111rem;
}

.digital-representation--display-full {
  margin-top: 2.22222rem;
}

@media only screen and (min-width: 768px) {
  .digital-representation--display-full {
    margin-top: 5.55556rem;
    margin-bottom: 2.77778rem;
  }
}

.digital-representation--display-full .digital-representation__grid-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (max-width: 767px) {
  .digital-representation--display-full .digital-representation__grid-wrapper {
    margin-left: -0.5556rem;
    margin-right: -0.5556rem;
    width: calc(100% + 1.1112rem);
  }
}

@media only screen and (min-width: 768px) {
  .digital-representation--display-full .digital-representation__grid-wrapper {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

@media only screen and (max-width: 767px) {
  .digital-representation--display-full .digital-representation__right-area {
    margin-top: 1.11111rem;
  }
}

.digital-representation--display-full .digital-representation__title {
  margin-bottom: 0.83333rem;
}

.digital-representation--display-full .digital-representation__tags {
  margin-bottom: 2rem;
}

.digital-representation--display-full .digital-representation__teaser-text-plain {
  color: #000;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
  font-weight: 700;
}

.digital-representation--display-full .digital-representation__links {
  margin-top: 1.38889rem;
}

.digital-representation--display-full .digital-representation__link-back-wrapper {
  margin-top: 2.22222rem;
}

@media only screen and (max-width: 767px) {
  .digital-representation__left-area, .digital-representation__right-area {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
  .digital-representation__left-area, .digital-representation__right-area {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .digital-representation__left-area {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .digital-representation__right-area {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .digital-representation__left-area {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .digital-representation__right-area {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.digital-representation__teaser-text, .digital-representation__paragraphs, .digital-representation__details {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.digital-representation__tags-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.digital-representation__tags-item {
  display: inline-block;
  margin-right: 1.11111rem;
}

.digital-representation__tags-item a {
  color: #03347c;
  font: normal 600 0.83333rem "Signika Negative", sans-serif;
  line-height: 0.88889rem;
  letter-spacing: 0;
  text-decoration: none;
  font-weight: 400;
  text-decoration: underline;
}

.digital-representation__bottom-paragraphs {
  margin-left: -2.2222rem;
  margin-right: -2.2222rem;
  width: calc(100% + 4.4444rem);
}

.digital-representation__bottom-paragraphs::after {
  clear: both;
  content: "";
  display: block;
}

.animation__category,
.video__category {
  color: #0069b4;
  font: normal 600 0.89rem "Signika Negative", sans-serif;
  line-height: 0.8rem;
  text-decoration: none;
  margin-bottom: 0.2222rem;
  margin-bottom: .25em;
}

.animation__category:before,
.video__category:before {
  content: 'Videos / ';
}

.animation__music-source,
.video__music-source {
  color: #808080;
  font: normal 300 0.89rem "Signika Negative", sans-serif;
  line-height: 1.25rem;
}

.animation__music-source .field__label,
.video__music-source .field__label {
  font-weight: 300;
}

.animation--display-full .animation__video-description,
.animation--display-full .video__video-description,
.video--display-full .animation__video-description,
.video--display-full .video__video-description {
  margin-top: 1.89rem;
}

.adult-article--display-full {
  margin-top: 4rem;
}

.adult-article__teaser-image, .adult-article__paragraphs {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.adult-article__paragraphs-items .teaser-list__teasers-items {
  margin-left: -0.5556rem;
  margin-right: -0.5556rem;
  width: calc(100% + 1.1112rem);
}

@media only screen and (min-width: 768px) {
  .adult-article__paragraphs-items .teaser-list__teasers-items {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.adult-article__paragraphs-item:not(:first-child) {
  margin-top: 1rem;
}

.adult-article__comments-wrapper {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  .adult-article__comments {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
  .adult-article__comments {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .adult-article__comments {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(8.33333% - 2.40738rem + 4.4444rem);
  }
}

@media only screen and (min-width: 1024px) {
  .adult-article__comments {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
}

@media all {
  .adult-article__comments {
    float: none;
    position: relative;
  }
}

.adult-overview__paragraphs-item .article {
  border-radius: 0.1rem;
}

.adult-overview__paragraphs-item .teaser-list--layout-3-col .teaser__text {
  display: none;
}

.article--display-full {
  padding: 4rem 0 0;
}

.article--display-full__content {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .article--display-full__content {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
  .article--display-full__content {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .article--display-full__content {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(8.33333% - 2.40738rem + 4.4444rem);
  }
}

@media only screen and (min-width: 1024px) {
  .article--display-full__content {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
}

@media all {
  .article--display-full__content {
    float: none;
    position: relative;
  }
}

.article__paragraphs-items .teaser-list__teasers-items {
  margin-left: -0.5556rem;
  margin-right: -0.5556rem;
  width: calc(100% + 1.1112rem);
}

@media only screen and (min-width: 768px) {
  .article__paragraphs-items .teaser-list__teasers-items {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.article__paragraphs-items .teaser-list__teasers-items .book-tip__teaser-text,
.article__paragraphs-items .teaser-list__teasers-items .contest__teaser-text,
.article__paragraphs-items .teaser-list__teasers-items .article__teaser-text {
  display: none;
}

.article__paragraphs-item:not(:first-child) {
  margin-top: 1rem;
}

.article__teaser-image {
  overflow: hidden;
}

.article__teaser-image img {
  transition: transform .25s ease-out;
}

.article__teaser-image img:hover {
  transform: scale(1.2);
}

.article--display-teaser .article__content, .article--display-teaser-wide .article__content, .article--display-teaser-short .article__content {
  padding: 1.4rem 1.4rem 1.7rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .article--display-teaser .article__content, .article--display-teaser-wide .article__content, .article--display-teaser-short .article__content {
    padding: 1.9rem 1.9rem 2.2rem 1.9rem;
  }
}

.article--display-teaser .article__headline, .article--display-teaser-wide .article__headline, .article--display-teaser-short .article__headline {
  margin-bottom: 0;
}

.article--display-teaser .article__headline a, .article--display-teaser-wide .article__headline a, .article--display-teaser-short .article__headline a {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.25rem;
  text-decoration: none;
}

.article--display-teaser .article__teaser-text, .article--display-teaser-wide .article__teaser-text, .article--display-teaser-short .article__teaser-text {
  margin-top: 0.83rem;
}

.article--display-teaser .article__button-more, .article--display-teaser-wide .article__button-more, .article--display-teaser-short .article__button-more {
  position: absolute;
  right: calc(1.4rem - 12px);
  top: -37px;
}

@media only screen and (min-width: 768px) {
  .article--display-teaser .article__button-more, .article--display-teaser-wide .article__button-more, .article--display-teaser-short .article__button-more {
    right: calc(1.9rem - 12px);
  }
}

.article__teaser-image-wrapper {
  display: block;
  position: relative;
}

.article--display-teaser.card .article__teaser-image, .article--display-teaser-wide.card .article__teaser-image {
  border-top-left-radius: 0.6rem;
}

.article--display-teaser.card .article__teaser-image {
  border-top-right-radius: 0.6rem;
}

.article--display-teaser-wide.card .article__teaser-image {
  border-bottom-left-radius: 0.6rem;
}

@media only screen and (min-width: 1024px) {
  .article--display-teaser-wide .article__button-more {
    top: auto;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .article--display-teaser-wide .article__button-more {
    bottom: .5rem;
  }
}

@media only screen and (min-width: 1280px) {
  .article--display-teaser-wide .article__button-more {
    bottom: 2.2rem;
  }
}

@media only screen and (min-width: 1024px) {
  .article--display-teaser-wide .article__teaser-columns {
    display: flex;
    flex-flow: row wrap;
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
  .article--display-teaser-wide .article__teaser-image-wrapper {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .article--display-teaser-wide .article__content {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
    padding-left: 0;
  }
}

.article--display-teaser-short .article__content {
  padding-right: 90px;
}

@media only screen and (min-width: 768px) {
  .article--display-teaser-short .article__content {
    padding-right: 100px;
  }
}

.article--display-teaser-short .article__button-more {
  top: 50%;
  transform: translateY(-50%);
}

.article--display-user_profile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.article--display-user_profile .article__content {
  color: #03347c;
  flex: 1 1 60%;
}

.article--display-user_profile .article__thumbnail {
  flex: 0 0 20%;
  margin-left: 1rem;
  margin-right: 2rem;
}

@media only screen and (max-width: 539px) {
  .article--display-user_profile {
    flex-wrap: wrap;
  }
  .article--display-user_profile .article__thumbnail {
    flex: 0 0 50%;
    order: -1;
    margin-left: 0;
    margin-bottom: 1rem;
  }
}

.article--display-user_profile .article__title {
  font-weight: 600;
}

.article--display-user_profile .article__created {
  margin-top: .5rem;
}

.article--display-user_profile .article__button-more:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 12.79555% 23.55786%;
  width: 77px;
  height: 75px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__navigation {
  position: relative;
}

.article__navigation-item {
  position: absolute;
  top: 70px;
}

@media only screen and (min-width: 1024px) {
  .article__navigation-item {
    transform: translateY(-50%);
    top: 0;
  }
}

.article__navigation-item a {
  display: flex;
  align-items: center;
  color: #fff;
  font: normal 600 1.11rem "Signika Negative", sans-serif;
  line-height: 1.41rem;
  text-decoration: none;
}

.article__navigation-item span {
  width: 95px;
}

.article__navigation-item--prev {
  left: -1.2rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .article__navigation-item--prev {
    left: -2rem;
  }
}

@media only screen and (min-width: 1024px) {
  .article__navigation-item--prev {
    left: calc(-2rem - 2.2222rem - 135px);
  }
}

.article__navigation-item--prev a:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 46.97501% 66.23789%;
  width: 25.38px;
  height: 56.26px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__navigation-item--prev span {
  margin-left: 1rem;
}

.article__navigation-item--next {
  right: -1.2rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .article__navigation-item--next {
    right: -2rem;
  }
}

@media only screen and (min-width: 1024px) {
  .article__navigation-item--next {
    right: calc(-2rem - 2.2222rem - 135px);
  }
}

.article__navigation-item--next a:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 49.22366% 71.18%;
  width: 25.38px;
  height: 56.26px;
  margin: 0;
  content: '';
  float: right;
  flex-shrink: 0;
}

.article__navigation-item--next span {
  margin-right: 1rem;
  text-align: right;
}

.article__button-more--kinderrechte:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 18.80389% 30.92605%;
  width: 77px;
  height: 76px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__button-more--nachrichten:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 23.08762% 36.13126%;
  width: 77px;
  height: 75px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__button-more--wissen:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 27.39917% 41.31261%;
  width: 77px;
  height: 75px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__button-more--spiel--spass:before, .article__button-more--spiel--spaß:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 25.23651% 38.72193%;
  width: 78px;
  height: 75px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__button-more--juki:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 16.66203% 28.3247%;
  width: 77px;
  height: 75px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.article__interactions-container {
  background-color: #ea5b1b;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, #e64f16 35px, #e64f16 70px);
  margin-top: -5.5rem;
  padding: 5.5rem 0;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .article__interactions-container--shift {
    padding-top: calc(5.5rem + 70px);
  }
}

.article__image {
  margin-bottom: 1.89rem;
}

.field--name-field-teaser-text {
  color: #000;
  font: normal 300 1.11em "Signika Negative", sans-serif;
  line-height: 1.33rem;
}

.world-childrens-day-article__paragraphs-item {
  margin-top: 1rem;
}

.world-childrens-day-article__teaser-image {
  text-align: center;
}

.world-childrens-day-article__teaser-image > .image {
  display: inline-block;
  text-align: initial;
}

.world-childrens-day-article .article__box-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: (-webkit-min-content)[4];
  -ms-grid-rows: (min-content)[4];
  grid-template-rows: repeat(4, -webkit-min-content);
  grid-template-rows: repeat(4, min-content);
  grid-template-areas: "section" "title" "image" "teaser-text";
}

.world-childrens-day-article .article__box-header > .article__section {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: section;
}

.world-childrens-day-article .article__box-header > .article__title {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: title;
}

.world-childrens-day-article .article__box-header > .world-childrens-day-article__teaser-text {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: teaser-text;
}

.world-childrens-day-article .article__box-header > .article__image {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: image;
  margin-bottom: 1.11111rem;
}

@media only screen and (min-width: 768px) {
  .world-childrens-day-article .article__box-header {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    -ms-grid-rows: (-webkit-min-content)[3];
    -ms-grid-rows: (min-content)[3];
    grid-template-rows: repeat(3, -webkit-min-content);
    grid-template-rows: repeat(3, min-content);
    grid-template-areas: "section     section     section     section     section     section     section     section     image image image image " "title       title       title       title       title       title       title       title       image image image image " "teaser-text teaser-text teaser-text teaser-text teaser-text teaser-text teaser-text teaser-text image image image image ";
  }
  .world-childrens-day-article .article__box-header > .article__section {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
  }
  .world-childrens-day-article .article__box-header > .article__title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
  }
  .world-childrens-day-article .article__box-header > .world-childrens-day-article__teaser-text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
  }
  .world-childrens-day-article .article__box-header > .article__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    margin-left: 1.11111rem;
    margin-bottom: 0;
  }
}

.article__button-more--weltkindertag:before,
.page-background-container--weltkindertag .paragraph--type-static-teaser .article__button-more--:before {
  display: inline-block;
  background-image: url(../assets/img/weltkindertag/more-orange.svg);
  background-size: contain;
  width: 77px;
  height: 75px;
  content: '';
}

.illustrated-overview__introduction {
  padding: 2.22222rem 1.11107rem 0.83333rem 1.11107rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .illustrated-overview__title-wrapper {
    margin-left: calc(25% - 2.77775rem + 4.4444rem);
  }
}

.illustrated-overview__title-wrapper:not(:only-child) {
  margin-bottom: 1.11111rem;
}

.illustrated-overview__title-wrapper > svg {
  max-width: 100%;
}

.illustrated-overview__title, .illustrated-overview__teaser-text {
  background-color: inherit;
  color: inherit;
}

.illustrated-overview__teaser-text {
  font-size: 1rem;
  line-height: 1.44444rem;
}

@media only screen and (min-width: 768px) {
  .illustrated-overview__introduction {
    padding: 3.33333rem 0;
  }
  .illustrated-overview__teaser-text {
    font-size: 1.27778rem;
    line-height: 1.88889rem;
  }
}

.video-upload-form .form-radios {
  margin-bottom: .25rem;
}

@media only screen and (min-width: 768px) {
  .video-upload-form .form-radios {
    display: flex;
    justify-content: left;
  }
}

.video-upload-form .form-radios .form-item-field-category {
  margin-bottom: 0;
  margin-top: 0;
}

.video-upload-form .form-radios .form-item-field-category:not(:first-child) {
  margin-top: .75rem;
}

@media only screen and (min-width: 768px) {
  .video-upload-form .form-radios .form-item-field-category:not(:first-child) {
    margin-left: 1rem;
    margin-top: 0;
  }
}

.video-upload-form .form-radios .form-item-field-category label {
  background-color: #8b5ebf;
  border-radius: 6px;
  width: 100%;
  margin: 0;
}

.video-upload-form .form-radios .form-item-field-category label:focus, .video-upload-form .form-radios .form-item-field-category label:hover, .video-upload-form .form-radios .form-item-field-category label--selected {
  background-color: #593C7B;
}

.video-upload-form .form-radios .form-item-field-category label::before, .video-upload-form .form-radios .form-item-field-category label::after {
  display: none;
}

.video-upload-form .form-item-field-category input[type=radio]:checked + label {
  background-color: #593C7B;
}

.video-upload-form .form-item-field-category input[type=radio]:checked + label::before {
  display: none;
}

.video-upload-form .field--name-field-media-video-file.dropzone {
  background-color: #e7f0f3;
  border: none;
  margin-bottom: .25rem;
}

.video-upload-form .ajax-progress-bar {
  width: 100%;
  padding: 0;
  margin: .5rem 0;
}

.video-upload-form .file {
  margin-right: .5rem;
}

.video-upload-form .progress__label, .video-upload-form .progress__percentage, .video-upload-form .progress__description {
  display: none;
}

.video-upload-form .progress__track {
  background: #e7f0f3;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin-top: 0;
}

.video-upload-form .progress__bar {
  background: #0069b4;
  border: none;
  border-radius: 0;
  margin: 0;
  padding-left: 0;
}

.video-upload-form__cancel {
  margin-left: .5rem;
}

.video-upload-form .ajax-progress {
  display: inline-block !important;
}

.copyright-consent .fieldset-legend {
  display: flex;
  align-items: center;
}

.copyright-consent__help-link {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 9.26027% 17.50339%;
  width: 22px;
  height: 22px;
  margin-left: .25rem;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.share-video__button {
  color: #8b5ebf;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.share-video__button:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 84.26843% 96.79618%;
  width: 36px;
  height: 36px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.share-video__dialog {
  outline: none;
}

.share-video__dialog-title-bar {
  display: none;
}

.share-video__dialog-close {
  line-height: 0;
  font-size: 0;
  color: transparent;
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 2.6864% 3.12288%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 1.32rem;
  right: 1.22rem;
}

.share-video__dialog-content {
  display: none;
  background-color: white;
  color: #000;
  border-radius: 0.6rem;
  padding: 2rem 1.2rem;
  position: relative;
  overflow: auto;
}

@media only screen and (min-width: 768px) {
  .share-video__dialog-content {
    padding: 2rem;
  }
}

.share-video__heading:not(:first-child) {
  margin-top: 2rem;
}

.share-video__description {
  margin-top: 1rem;
  color: #808080;
  font: normal 300 0.89rem "Signika Negative", sans-serif;
  line-height: 1.25rem;
}

.back-to-profile {
  color: #0069b4;
  font: normal 300 1rem "Signika Negative", sans-serif;
  text-decoration: underline;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.67rem;
}

.animation-editor-container {
  margin-top: 5rem;
  margin-bottom: 12rem;
}

@media only screen and (min-width: 768px) {
  .animation-editor-container {
    margin-top: 9rem;
  }
}

.ui-widget-overlay {
  background-color: #000;
  opacity: .3;
}

.file-upload {
  display: inline-block;
  margin-bottom: .75em;
  position: relative;
}

.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .digital-representation--display-full .document,
  .digital-representation--display-teaser .document {
    max-width: 44%;
  }
}

.media--view-mode-play-and-download audio {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .media--view-mode-play-and-download .teaser__content {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .media--view-mode-play-and-download.teaser--with-image .teaser__image {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .media--view-mode-play-and-download.teaser--with-image .teaser__content {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.media--view-mode-play-and-download .teaser__columns-collapse {
  height: 100%;
}

.media--view-mode-play-and-download .teaser__columns-collapse .teaser__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.media--view-mode-play-and-download .teaser__columns-collapse .teaser__content .teaser__footer {
  margin-top: auto;
}

.media--view-mode-play-and-download .teaser__columns-collapse .teaser__content .field--name-field-media-audio-file {
  margin-top: 1em;
}

.media--view-mode-play-and-download .media-video__thumbnail {
  position: relative;
}

.media--view-mode-play-and-download .media-video__thumbnail:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  background-image: url(../assets/img/weltkindertag/play_video_bt.svg);
  background-size: cover;
  background-position: center;
}

.paragraph--type-media-with-download {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .paragraph--type-media-with-download {
    flex-flow: row wrap;
  }
}

@media only screen and (min-width: 1024px) {
  .paragraph--type-media-with-download .media-with-download__media-items {
    display: flex;
    flex-flow: row wrap;
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

.paragraph--type-media-with-download .media-with-download__media-items > .field__item {
  margin-bottom: 1.66667rem;
}

@media only screen and (min-width: 1024px) {
  .paragraph--type-media-with-download .media-with-download__media-items > .field__item {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 768px) {
  .paragraph--type-media-with-download .media-with-download__media-items > .field__item {
    margin-bottom: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .paragraph--type-media-with-download.teaser-list--layout-2-col .media-with-download__media-items > .field__item {
    width: calc(50% - 3.3333rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .paragraph--type-media-with-download.teaser-list--layout-1-col .media-with-download__media-items > .field__item {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
  }
}

.paragraph--type-media-with-download .digital-representation--display-teaser-wide {
  border-radius: .6rem;
  box-shadow: 0 0 1.056rem 0 rgba(0, 0, 0, 0.2);
  padding: 1.389rem;
  height: 100%;
}

.user-picture--its {
  display: none;
}

.adult-article .user-picture--its {
  display: block;
}

.adult-article .user-picture--default {
  display: none;
}

.kindersache-quiz .content {
  margin: 2rem 0 1rem;
}

.kindersache-quiz .evaluation-text {
  margin-bottom: 1.5em;
}

.kindersache-quiz .actions {
  display: flex;
  justify-content: space-between;
}

.kindersache-quiz .form-required:after {
  display: none;
}

.kindersache-quiz__question .form-item {
  margin-top: .9rem;
  margin-bottom: .9rem;
}

.kindersache-quiz__question .form-item label {
  padding-top: .4rem;
  padding-bottom: .4rem;
}

.kindersache-quiz__question .form-item:last-child {
  margin-bottom: .28rem;
}

.img-gallery__images {
  text-align: center;
}

.img-gallery__images .img-gallery__images-item {
  display: inline-block;
}

.img-gallery__images .img-gallery__images-item img {
  transition: transform .25s ease-out;
}

.img-gallery__images .img-gallery__images-item:hover .image {
  z-index: 1;
}

.img-gallery__images .img-gallery__images-item:hover .image img {
  transform: scale(1.2);
}

.block-menu--kindertags-links {
  background: url(../assets/img/weltkindertag/hero-mobile.png) white center bottom repeat-x;
  background-size: cover;
  position: relative;
  top: -0.1rem;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links {
    background: url(../assets/img/weltkindertag/hero.svg) white center top repeat-x;
    background-size: cover;
    height: 650px;
  }
  .block-menu--kindertags-links li:nth-child(-n+4) {
    top: 65px;
    z-index: 1;
  }
}

.block-menu--kindertags-links ul {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .block-menu--kindertags-links ul {
    padding: 2.2222rem 0;
    margin-bottom: 2.2222rem;
  }
  .block-menu--kindertags-links ul:before {
    content: '';
    width: 85%;
    height: 142px;
    background: url(../assets/img/weltkindertag/logo.svg) center top no-repeat;
    background-size: contain;
    display: block;
    margin: auto;
  }
}

.block-menu--kindertags-links li {
  display: inline-block;
  position: relative;
}

.block-menu--kindertags-links a {
  display: block;
  width: 350px;
  height: 120px;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a {
    width: 225px;
    height: 225px;
  }
}

.block-menu--kindertags-links a.live {
  background: url(../assets/img/weltkindertag/live-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.live {
    background: url(../assets/img/weltkindertag/live.svg) no-repeat center;
    background-size: contain;
  }
  .block-menu--kindertags-links a.live:hover {
    background: url(../assets/img/weltkindertag/live-hover.svg) no-repeat center;
    background-size: contain;
  }
}

.block-menu--kindertags-links a.plane {
  background: url(../assets/img/weltkindertag/plane-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.plane {
    background: url(../assets/img/weltkindertag/plane.svg) no-repeat center;
    background-size: contain;
    width: 325px;
    height: 325px;
  }
  .block-menu--kindertags-links a.plane:hover {
    background: url(../assets/img/weltkindertag/plane-hover.svg) no-repeat center;
    width: 325px;
    height: 325px;
    background-size: contain;
  }
}

.block-menu--kindertags-links a.info {
  background: url(../assets/img/weltkindertag/info-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.info {
    background: url(../assets/img/weltkindertag/info.svg) no-repeat center;
    background-size: contain;
  }
  .block-menu--kindertags-links a.info:hover {
    background: url(../assets/img/weltkindertag/info-hover.svg) no-repeat center;
    background-size: contain;
  }
}

.block-menu--kindertags-links a.camera {
  background: url(../assets/img/weltkindertag/camera-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.camera {
    background: url(../assets/img/weltkindertag/camera.svg) no-repeat center;
    background-size: contain;
  }
  .block-menu--kindertags-links a.camera:hover {
    background: url(../assets/img/weltkindertag/camera-hover.svg) no-repeat center;
    background-size: contain;
  }
}

.block-menu--kindertags-links a.star {
  background: url(../assets/img/weltkindertag/star-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.star {
    background: url(../assets/img/weltkindertag/star-hover.svg) no-repeat center;
    background-size: contain;
  }
  .block-menu--kindertags-links a.star:hover {
    background: url(../assets/img/weltkindertag/star-hover.svg) no-repeat center;
    background-size: contain;
  }
}

.block-menu--kindertags-links a.movie {
  background: url(../assets/img/weltkindertag/movie-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.movie {
    background: url(../assets/img/weltkindertag/movie.svg) no-repeat center;
    background-size: contain;
  }
  .block-menu--kindertags-links a.movie:hover {
    background: url(../assets/img/weltkindertag/movie-hover.svg) no-repeat center;
    background-size: contain;
  }
}

.block-menu--kindertags-links a.jukebox {
  background: url(../assets/img/weltkindertag/jukebox-mobile.png) no-repeat center;
  background-size: contain;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links a.jukebox {
    background: url(../assets/img/weltkindertag/jukebox.svg) no-repeat center;
    background-size: contain;
  }
  .block-menu--kindertags-links a.jukebox:hover {
    background: url(../assets/img/weltkindertag/jukebox-hover.svg) no-repeat center;
    background-size: contain;
  }
}

.block-menu--kindertags-links + article .overview__paragraphs {
  overflow: visible;
}

@media only screen and (min-width: 1024px) {
  .block-menu--kindertags-links + article .overview__paragraphs .overview__paragraphs-item:first-child {
    margin-top: -85px;
  }
}

.fullscreen-modal .content {
  text-align: center;
}

.fullscreen-modal video {
  max-width: 100%;
  max-height: 65vh;
}

.fullscreen-modal .gallery-fullscreen-modal img {
  margin: 2em auto 1em;
  max-height: 65vh;
  width: auto;
}

.fullscreen-modal .gallery-fullscreen-modal .gallery-controls {
  display: flex;
  justify-content: space-between;
  max-width: 13em;
  margin: 0 auto;
}

.fullscreen-modal .gallery-fullscreen-modal .gallery-controls .gallery-image-before:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 44.27544% 60.90878%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.fullscreen-modal .gallery-fullscreen-modal .gallery-controls .gallery-image-after:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 45.82412% 63.92647%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.metadata {
  margin-top: 1.44rem;
  position: relative;
  border: 0;
  border-top: 1px solid #c0ddeb;
}

.adult-article--display-full .metadata {
  border-top-color: #e1e1e1;
}

@media only screen and (min-width: 768px) {
  .metadata--graphical-separator {
    border-top: none;
  }
  .metadata--graphical-separator:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: url(../assets/img/img_divider.svg) repeat;
    width: 100%;
    height: 0;
    padding: 0.789% 0 0;
    background-size: contain;
  }
}

.metadata__wrapper,
.metadata a {
  color: #808080;
  font: normal 300 0.89rem "Signika Negative", sans-serif;
  line-height: 1.25rem;
}

.metadata__wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media only screen and (min-width: 1024px) {
  .metadata__wrapper {
    padding-bottom: 0.69rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.metadata__author-data {
  display: flex;
  align-items: center;
}

.metadata__author-data-items {
  display: flex;
  flex-direction: column;
}

.metadata__profile-picture {
  display: block;
  flex: 0 0 2.22rem;
  margin-right: 0.67rem;
}

.metadata__view-count, .metadata__comment-count, .metadata__voting-count {
  color: #000;
  margin-top: 0.5rem;
}

@media only screen and (min-width: 1024px) {
  .metadata__view-count, .metadata__comment-count, .metadata__voting-count {
    margin-top: 0;
    margin-left: 1rem;
  }
}

.section-breadcrumb__wrapper {
  margin-top: 2.22222rem;
  margin-bottom: 2.22222rem;
  display: flex;
}

.section-breadcrumb__link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02778rem;
  line-height: 1.11111rem;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}

.section-breadcrumb__link-label {
  margin-left: 0.55556rem;
}

@media only screen and (max-width: 767px) {
  .section-breadcrumb--indented .section-breadcrumb__wrapper {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
  .section-breadcrumb--indented .section-breadcrumb__wrapper {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .section-breadcrumb--indented .section-breadcrumb__wrapper {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(8.33333% - 2.40738rem + 4.4444rem);
  }
}

@media only screen and (min-width: 1024px) {
  .section-breadcrumb--indented .section-breadcrumb__wrapper {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
}

@media all {
  .section-breadcrumb--indented .section-breadcrumb__wrapper {
    float: none;
    position: relative;
  }
}

.section-breadcrumb + .article--display-full {
  padding-top: 0;
}

.tabs {
  --tabs-background-color: transparent;
  --tabs-hover-background-color: #fff;
  --tabs-hover-color: #03347c;
  --tabs-border-color: #fff;
}

.tabs__items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tabs--secondary .tabs__items {
  border-bottom: none;
}

.tabs__item {
  margin-bottom: 0.6rem;
}

.tabs__item:last-child {
  margin-bottom: 0;
}

.tabs__item-link,
.tabs a.tabs__item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid var(--tabs-border-color);
  border-bottom: 2px solid var(--tabs-border-color);
  padding: 0.8rem 1.1rem;
  background-color: var(--tabs-background-color);
  color: currentColor;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3rem;
  text-transform: initial;
}

.tabs__item-link:before,
.tabs a.tabs__item-link:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 4.43836% 5.33333%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1.1rem);
  content: '';
  float: none;
  flex-shrink: 0;
}

.tabs__item-link:after,
.tabs a.tabs__item-link:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 5.0411% 6.87179%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1.1rem) 0 0;
  content: '';
  float: none;
  flex-shrink: 0;
}

.tabs__item-link:hover, .tabs__item-link:focus, .tabs__item-link.is-active,
.tabs a.tabs__item-link:hover,
.tabs a.tabs__item-link:focus,
.tabs a.tabs__item-link.is-active {
  background-color: var(--tabs-hover-background-color);
  color: var(--tabs-hover-color);
}

.tabs__item-link:hover:before, .tabs__item-link:focus:before, .tabs__item-link.is-active:before,
.tabs a.tabs__item-link:hover:before,
.tabs a.tabs__item-link:focus:before,
.tabs a.tabs__item-link.is-active:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 8.05479% 14.5641%;
  width: 22px;
  height: 45px;
  margin: 0 0 0 calc(-22px - 1.1rem);
  content: '';
  float: none;
  flex-shrink: 0;
}

.tabs__item-link:hover:after, .tabs__item-link:focus:after, .tabs__item-link.is-active:after,
.tabs a.tabs__item-link:hover:after,
.tabs a.tabs__item-link:focus:after,
.tabs a.tabs__item-link.is-active:after {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 8.65753% 16.10256%;
  width: 22px;
  height: 45px;
  margin: 0 calc(-22px - 1.1rem) 0 0;
  content: '';
  float: none;
  flex-shrink: 0;
}

.tabs--secondary .tabs__item-link, .tabs--secondary
.tabs a.tabs__item-link {
  padding: 0 0.5em;
  background-color: transparent;
  border-bottom-width: 2px;
}

.tabs__item-title-placeholder {
  opacity: 0.5;
}

@media only screen and (min-width: 540px) {
  .tabs__items {
    flex-direction: row;
  }
  .tabs__item {
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .tabs__item:last-child {
    margin-right: 0;
  }
}

.teaser {
  position: relative;
}

.teaser--image-left {
  padding: 1.389rem;
}

.teaser--image-left::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (min-width: 1024px) {
  .teaser--image-left {
    padding-bottom: 1.66rem;
  }
}

@media only screen and (min-width: 768px) {
  .teaser--image-left .teaser__columns-collapse {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
  }
}

@media only screen and (min-width: 768px) {
  .teaser--image-left .teaser__image {
    width: calc(25% - 2.77775rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (max-width: 767px) {
  .teaser--image-left .teaser__content {
    margin-top: 1.11111rem;
  }
}

@media only screen and (min-width: 768px) {
  .teaser--image-left .teaser__content {
    width: calc(75% - 3.88885rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.teaser--card {
  background-color: white;
  color: #000;
  border-radius: 0 0 .22rem .22rem;
  overflow: hidden;
}

.teaser--card.adult-article, .teaser--card.digital-representation {
  box-shadow: 0 0 1.11111rem 0 rgba(0, 0, 0, 0.08);
}

.teaser--card.adult-article .teaser__content {
  padding: 1.94444rem 1.38889rem 1.38889rem;
}

@media only screen and (min-width: 768px) {
  .teaser--card.adult-article .teaser__content {
    padding: 1.94444rem;
  }
}

.teaser__image {
  overflow: hidden;
}

.teaser__image img {
  transition: transform .25s ease-out;
}

.teaser__image img:hover {
  transform: scale(1.2);
}

.teaser__more-button {
  position: absolute;
  right: calc(1.4rem - 12px);
  top: -37px;
}

@media only screen and (min-width: 768px) {
  .teaser__more-button {
    right: calc(1.9rem - 12px);
  }
}

.teaser__more-button--in-the-school:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?acad7521") no-repeat;
  background-position: 14.87535% 26.04059%;
  width: 62px;
  height: 63px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.teaser__content {
  position: relative;
}

.teaser__title {
  margin-bottom: 0.83333rem;
}

.digital-representation--display-teaser .teaser__title {
  margin-bottom: 0.55556rem;
}

.teaser__title:last-child {
  margin-bottom: 0;
}

.teaser__title-link {
  text-decoration: none;
}

.adult-article .teaser__title-link {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.25rem;
}

.digital-representation--display-teaser .teaser__title-link {
  color: #03347c;
  font: normal 700 1.56rem "Signika Negative", sans-serif;
  line-height: 1.67rem;
}

.adult-article .teaser__text {
  color: #000;
  font: normal 300 1.11em "Signika Negative", sans-serif;
  line-height: 1.33rem;
}

.digital-representation--display-teaser .teaser__text {
  color: #000;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
}

@media only screen and (min-width: 768px) {
  .node--view-mode-teaser-wide .teaser__image {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (max-width: 767px) {
  .node--view-mode-teaser-wide .teaser__content {
    margin-top: 1.11111rem;
  }
}

@media only screen and (min-width: 768px) {
  .node--view-mode-teaser-wide .teaser__content {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.content-box {
  padding: 2.77rem 1.2rem;
  z-index: 1;
  border-radius: 0.1rem;
}

@media only screen and (max-width: 767px) {
  .content-box {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
  .content-box {
    width: calc(100% - 1.1112rem);
    float: left;
    margin-left: 0.5556rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .content-box {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(8.33333% - 2.40738rem + 4.4444rem);
  }
}

@media only screen and (min-width: 1024px) {
  .content-box {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
}

@media all {
  .content-box {
    float: none;
    position: relative;
  }
}

@media only screen and (min-width: 768px) {
  .content-box {
    padding-right: 2.2222rem;
    padding-left: 2.2222rem;
    padding-top: 2.77778rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .content-box.full {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .content-box.full {
    width: calc(100% - 4.4444rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.content-box--background-white {
  background-color: white;
  color: #000;
}

.content-box--rounded {
  border-radius: 0.6rem;
}

.dossier-header {
  background-color: #006aba;
  color: #fff;
}

.dossier-header__wrapper {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.dossier-header__image {
  opacity: 0.5;
}

.dossier-header__image img {
  width: auto;
  max-width: 100%;
  min-height: 225px;
  -o-object-fit: cover;
  object-fit: cover;
}

.dossier-header__headline {
  padding: 1rem 0.5556rem 1.875rem 0.5556rem;
}

.dossier-header__title {
  color: inherit;
  font-size: 2rem;
  line-height: 2.1rem;
  font-weight: 700;
  margin-bottom: 0;
}

.dossier-header__further-link {
  margin-top: 1rem;
}

@media only screen and (min-width: 768px) {
  .dossier-header__title {
    font-size: 2.75rem;
    line-height: 2.8rem;
    font-weight: 600;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}

@media only screen and (min-width: 1024px) {
  .dossier-header {
    padding-right: 2.2222rem;
    padding-left: 2.2222rem;
  }
  .dossier-header__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 2.2222rem;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    grid-template-areas: "headline headline image image";
  }
  .dossier-header__image {
    grid-area: image;
    -ms-grid-column-align: end;
    justify-self: end;
    opacity: 0.8;
    margin-right: -2.2222rem;
  }
  .dossier-header__image img {
    width: auto;
    max-height: 375px;
  }
  .dossier-header__headline {
    padding-right: 0;
    padding-left: 0;
    grid-area: headline;
    -ms-grid-row-align: end;
    align-self: end;
  }
}

.illustration__graphic svg > a,
.illustration__graphic image.injectable-svg {
  width: 100%;
}

.illustration__graphic svg > a:-webkit-any-link {
  -webkit-transition: transform 150ms ease;
  transition: transform 150ms ease;
}

.illustration__graphic svg > a:-moz-any-link {
  -moz-transition: transform 150ms ease;
  transition: transform 150ms ease;
}

.illustration__graphic svg > a:any-link {
  transition: transform 150ms ease;
}

.illustration__graphic svg > a:-webkit-any-link:hover, .illustration__graphic svg > a:-webkit-any-link:focus-visible {
  transform: scale(1.1) translate(-5%, -5%);
}

.illustration__graphic svg > a:-moz-any-link:hover, .illustration__graphic svg > a:-moz-any-link:focus-visible {
  transform: scale(1.1) translate(-5%, -5%);
}

.illustration__graphic svg > a:any-link:hover, .illustration__graphic svg > a:any-link:focus-visible {
  transform: scale(1.1) translate(-5%, -5%);
}

.illustration__illustration-elements, .illustration__illustration-element {
  display: flex;
  flex-direction: column;
}

.illustration__illustration-element:not(:last-child) {
  margin-bottom: 1.66667rem;
}

.illustration__illustration-element svg {
  max-width: 100%;
  height: auto;
  -ms-grid-row-align: center;
  align-self: center;
}

.illustration__illustration-element svg > a:-webkit-any-link {
  -webkit-transition: transform 150ms ease;
  transition: transform 150ms ease;
}

.illustration__illustration-element svg > a:-moz-any-link {
  -moz-transition: transform 150ms ease;
  transition: transform 150ms ease;
}

.illustration__illustration-element svg > a:any-link {
  transition: transform 150ms ease;
}

.illustration__illustration-element svg > a:-webkit-any-link:hover, .illustration__illustration-element svg > a:-webkit-any-link:focus-visible {
  transform: scale(1.05) translate(-2.5%, -2.5%);
}

.illustration__illustration-element svg > a:-moz-any-link:hover, .illustration__illustration-element svg > a:-moz-any-link:focus-visible {
  transform: scale(1.05) translate(-2.5%, -2.5%);
}

.illustration__illustration-element svg > a:any-link:hover, .illustration__illustration-element svg > a:any-link:focus-visible {
  transform: scale(1.05) translate(-2.5%, -2.5%);
}

.illustration__button-items {
  padding-top: 2.5rem;
  padding-bottom: 2.77778rem;
  margin-bottom: -1.11111rem;
}

.illustration__button-item {
  margin-bottom: 1.66667rem;
}

@media only screen and (min-width: 768px) {
  .illustration__button-item {
    width: calc(33.33333% - 2.96293rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

@media only screen and (min-width: 1024px) {
  .illustration__button-item {
    width: calc(16.66667% - 2.59257rem);
    float: left;
    margin-left: 2.2222rem;
  }
}

.illustration__button {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .illustration__container--tablet-below {
    display: block;
  }
  .illustration__container--tablet-up {
    display: none;
  }
  .illustration__illustration-elements {
    padding: 1.66667rem;
  }
}

@media only screen and (min-width: 768px) {
  .illustration__container--tablet-below {
    display: none;
  }
  .illustration__container--tablet-up {
    display: block;
  }
  .illustration__illustration-elements {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
  }
  .illustration__illustration-element {
    align-items: center;
  }
  .illustration__illustration-element:not(:last-child) {
    margin-bottom: 0;
  }
  .illustration__illustration-element svg {
    height: unset;
  }
}

.image-section {
  padding-right: 0.5556rem;
  padding-left: 0.5556rem;
  padding-top: 3.33rem;
  padding-bottom: 8rem;
}

@media only screen and (min-width: 768px) {
  .image-section {
    padding-right: 2.2222rem;
    padding-left: 2.2222rem;
  }
}

.image-section__title {
  color: #000;
  font: normal 300 1rem "Signika Negative", sans-serif;
  line-height: 1.33rem;
  margin-bottom: 1.66rem;
  text-align: center;
}

.image-section__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(auto-fit, -webkit-min-content);
  grid-template-rows: repeat(auto-fit, min-content);
  grid-row-gap: 3.5rem;
  justify-items: center;
}

.image-section__item {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  max-width: 18rem;
}

.image-section__item > * {
  display: flex;
}

.image-section__item img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 2.5rem;
}

@media only screen and (min-width: 540px) {
  .image-section__items {
    grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr));
    grid-column-gap: 3.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .image-section {
    padding-bottom: 12rem;
  }
  .image-section__items {
    grid-column-gap: 5rem;
  }
}

.section__content-wrapper {
  padding: 2rem 1.2rem;
}

.section--layout-small-content-box, .section--layout-small-dossier-box, .section--layout-wide-dossier-box {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: 0.5556rem;
  margin-left: 0.5556rem;
}

.section--layout-small-content-box::after, .section--layout-small-dossier-box::after, .section--layout-wide-dossier-box::after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (min-width: 768px) {
  .section__content-wrapper {
    padding: 2rem;
  }
  .section--layout-small-content-box .section__content-wrapper, .section--layout-small-dossier-box .section__content-wrapper {
    width: calc(83.33333% - 4.07403rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(8.33333% - 2.40738rem + 4.4444rem);
    float: none;
  }
}

@media only screen and (min-width: 1024px) {
  .section--layout-small-content-box .section__content-wrapper {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-left: calc(16.66667% - 2.59257rem + 4.4444rem);
  }
  .section--layout-small-dossier-box .section__content-wrapper {
    max-width: 888px;
    margin: auto;
  }
  .section--layout-wide-dossier-box .section__content {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
  }
}

/*# sourceMappingURL=kindersache.css.map */