@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.
 */
@use "toggle-selectors" as *;
@use "hide-content" as *;
@use "toggle-selectors" as *;
@use "hide-content" as *;
@use "toggle-selectors" as *;
/**
  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 {
  background-color: #0069b4;
  align-items: stretch;
  color: #fff;
  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?f5bd0d75") no-repeat;
  background-position: 10.39297% 13.85199%;
  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?f5bd0d75") no-repeat;
  background-position: 12.09928% 18.12144%;
  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?f5bd0d75") no-repeat;
  background-position: 10.96174% 15.27514%;
  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?f5bd0d75") no-repeat;
  background-position: 11.53051% 16.69829%;
  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?f5bd0d75") no-repeat;
  background-position: 83.6236% 94.47252%;
  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 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  color: inherit;
  border: none;
  padding: 0;
  line-height: inherit;
  letter-spacing: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-transform: inherit;
}

button:disabled {
  cursor: not-allowed;
}

button:not(:disabled) {
  cursor: pointer;
}

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?f5bd0d75") no-repeat;
  background-position: 6.14987% 7.18544%;
  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?f5bd0d75") no-repeat;
  background-position: 5.63307% 6.55789%;
  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%;
  scroll-behavior: smooth;
}

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;
}

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

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

@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;
  }
}

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;
  }
}

/**
  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;
}

.ck-content .cke_widget_element > *:first-child {
  margin-top: 0;
}

.ck-content .cke_widget_element > *:last-child {
  margin-bottom: 0;
}

.ck-content .drupal-entity,
.ck-content .drupal-media {
  display: block;
  position: relative;
}

.ck-content .drupal-entity > figcaption,
.ck-content .drupal-media > figcaption {
  display: block;
}

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

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

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

.text-formatted ul, .easy-article .kindersache-quiz .quiz-answer-text ul {
  list-style-type: none;
  margin-bottom: 0.75em;
}

.text-formatted ul li, .easy-article .kindersache-quiz .quiz-answer-text ul li {
  padding-left: 20px;
}

.text-formatted ul li:before, .easy-article .kindersache-quiz .quiz-answer-text ul li:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?f5bd0d75") no-repeat;
  background-position: 67.33694% 91.73191%;
  width: 11px;
  height: 14px;
  margin: 0.2rem 0.5rem 0 -20px;
  content: '';
  float: left;
  flex-shrink: 0;
}

.easy-article .text-formatted ul > li:before, .easy-article .kindersache-quiz .quiz-answer-text ul > li:before {
  margin-top: 0.4rem;
}

.text-formatted ol, .easy-article .kindersache-quiz .quiz-answer-text ol {
  list-style-type: decimal;
  margin-bottom: 0.75em;
  padding-left: 1.5em;
}

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

.text-formatted img[src^="/libraries/smiley"], .easy-article .kindersache-quiz .quiz-answer-text img[src^="/libraries/smiley"] {
  display: inline-block;
}

.text-formatted .align-left, .easy-article .kindersache-quiz .quiz-answer-text .align-left,
.text-formatted .align-right,
.easy-article .kindersache-quiz .quiz-answer-text .align-right,
.text-formatted .align-center,
.easy-article .kindersache-quiz .quiz-answer-text .align-center {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

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

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

.text-formatted strong, .easy-article .kindersache-quiz .quiz-answer-text strong {
  font-weight: bold;
}

.site-header__wrapper {
  padding-right: 0.5556rem;
  padding-left: 0.5556rem;
}

@media only screen and (min-width: 768px) {
  .site-header__wrapper {
    padding-right: 2.2222rem;
    padding-left: 2.2222rem;
  }
}

.site-header__wrapper .navigation.block-menu {
  display: none;
  margin-right: -0.5556rem;
  margin-left: -0.5556rem;
}

.site-header__wrapper .navigation.block-menu.toggle-item--active, .site-header__wrapper .navigation.block-menu.toggle-item__content--active {
  display: block;
}

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

.site-header--easy-language {
  padding-top: 2.22222rem;
  padding-bottom: 1.11111rem;
}

.site-header--easy-language .site-header__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 0.5556rem auto 0.5556rem auto;
  grid-template-rows: auto auto auto;
  grid-row-gap: 0.5556rem;
  grid-template-areas: "branding" "claim" "button";
}

.site-header--easy-language .site-header__wrapper > .region {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: branding;
  max-width: 11.11111rem;
  margin: 0;
  width: 100%;
}

.site-header--easy-language .site-header__claim {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: claim;
  color: #03347c;
}

.site-header--easy-language .site-header__easy-language-off {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: button;
  -ms-grid-column-align: start;
  justify-self: start;
}

.site-header--easy-language .main-menu-button {
  display: none;
}

@media only screen and (min-width: 768px) {
  .site-header__wrapper .navigation.block-menu {
    margin-right: -2.2222rem;
    margin-left: -2.2222rem;
  }
  .site-header--easy-language .site-header__wrapper {
    -ms-grid-columns: 11.11111rem 0.5556rem auto 0.5556rem -webkit-min-content;
    -ms-grid-columns: 11.11111rem 0.5556rem auto 0.5556rem min-content;
    grid-template-columns: 11.11111rem auto -webkit-min-content;
    grid-template-columns: 11.11111rem auto min-content;
    grid-column-gap: 0.5556rem;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-row-gap: 0;
    grid-template-areas: "branding claim button";
  }
  .site-header--easy-language .site-header__wrapper .block-system-branding-block {
    margin: 0;
  }
  .site-header--easy-language .site-header__claim, .site-header--easy-language .site-header__easy-language-off {
    -ms-grid-row-align: end;
    align-self: end;
  }
  .site-header--easy-language .site-header__claim {
    -ms-grid-column-align: center;
    justify-self: center;
  }
  .site-header--easy-language .site-header__easy-language-off {
    -ms-grid-row-align: end;
    align-self: end;
  }
  .site-header--easy-language .site-header__wrapper > .region {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .site-header--easy-language .site-header__claim {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .site-header--easy-language .site-header__easy-language-off {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}

@media only screen and (min-width: 1024px) {
  .site-header {
    background-image: url("../assets/img/img_bg_dienstnavigation_300x54_bg_dienstnavigation_302x54.svg");
    background-repeat: repeat-x;
    background-size: 300px 54px;
  }
  .site-header__wrapper .navigation.block-menu {
    display: block;
    margin-right: unset;
  }
  .site-header--in-the-school {
    background-image: url("../assets/img/img_bg_dienstnavigation_300x54_in_the_school.svg");
    background-size: 300px 44px;
    padding-bottom: 1rem;
  }
  .site-header--easy-language {
    padding-top: 4.72222rem;
    padding-bottom: 1.94444rem;
  }
  .site-header--easy-language .site-header__wrapper {
    -ms-grid-columns: minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 2.2222rem;
    grid-template-areas: "branding branding branding claim claim claim claim claim claim button button button";
  }
  .site-header--easy-language .site-header__wrapper .block-system-branding-block {
    width: 100%;
  }
  .site-header .navigation.block-menu--main {
    width: calc(66.66667% - 3.70367rem);
    float: left;
    margin-left: 2.2222rem;
    margin-top: 18px;
  }
  .site-header .navigation.block-menu--secondary-navigation, .site-header .navigation.block-menu--in-the-school-main {
    padding-right: 2.2222rem;
    padding-left: 2.2222rem;
    align-self: flex-end;
    height: 54px;
  }
  .site-header--easy-language .site-header__wrapper > .region {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .site-header--easy-language .site-header__claim {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
  }
  .site-header--easy-language .site-header__easy-language-off {
    -ms-grid-row: 1;
    -ms-grid-column: 19;
    -ms-grid-column-span: 5;
  }
}

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

@media only screen and (min-width: 1024px) {
  .region--header {
    margin-left: -2.2222rem;
    margin-right: -2.2222rem;
    width: calc(100% + 4.4444rem);
    display: block;
  }
}

.block-system-branding-block {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5556rem;
  margin-bottom: 0.5556rem;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .block-system-branding-block {
    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;
}

@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--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;
}

.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: 5.55556rem;
}

.page__footer--in-the-school .region--footer {
  margin-top: 0;
}

.page__footer--easy-language .region--footer {
  margin-top: 16.66667rem;
}

.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"] {
  transition: opacity 0.5s;
}

.region--footer .menu[data-menu-level="2"]:not(.toggle-item__content--active):not(.toggle-item--active) {
  visibility: hidden;
  position: absolute;
  border: 0;
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

@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;
}

.footer {
  padding-right: 0.5556rem;
  padding-left: 0.5556rem;
  padding-top: 13.5rem;
}

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

.page__footer.page__footer--easy-language .footer,
.page__footer.page__footer--in-the-school .footer {
  padding-top: 2.5rem;
}

.page__footer.page__footer--easy-language .footer__logo-container,
.page__footer.page__footer--in-the-school .footer__logo-container {
  margin-top: 4.5rem;
}

.footer__menu-container {
  margin-bottom: 2rem;
}

.footer__menu-container:last-child {
  margin-bottom: 0;
}

.footer__logo-container {
  color: #808fa2;
  font: normal 600 0.89rem "Signika Negative", sans-serif;
  display: flex;
  flex-flow: row wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 768px) {
  .footer {
    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) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 2.2222rem;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: 'menu menu menu menu logo logo logo logo logo logo logo logo';
  }
  .page__footer.page__footer--easy-language .footer__logo-container,
  .page__footer.page__footer--in-the-school .footer__logo-container {
    margin-top: 0;
  }
  .footer__menu-container {
    grid-area: menu;
    margin-bottom: 0;
  }
  .footer__logo-container {
    grid-area: logo;
  }
  .footer__logo-item:nth-child(even) {
    width: calc(37.5% - 3.05552rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .footer__logo-item:nth-child(odd) {
    width: calc(62.5% - 3.61108rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .footer__logo-item--mdr_kindermedienpreis_online:nth-child(odd) {
    width: calc(25% - 2.77775rem);
    float: left;
    margin-left: 2.2222rem;
  }
  .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);
  }
}

@media only screen and (min-width: 768px){
  .footer__menu-container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .footer__logo-container {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 15;
  }
}

@media only screen and (max-width: 767px) {
  .footer__logo-container 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?f5bd0d75") no-repeat;
  background-position: 45.9592% 60.64395%;
  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?f5bd0d75") no-repeat;
  background-position: 62.86852% 86.41448%;
  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?f5bd0d75") no-repeat;
  background-position: 53.9654% 76.25738%;
  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?f5bd0d75") no-repeat;
  background-size: 2723px 2244.9px;
  background-position: 57.74562% 80.45209%;
  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?f5bd0d75") no-repeat;
    background-position: 57.74562% 80.45209%;
    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?f5bd0d75") no-repeat;
    background-position: 71.14772% 92.24758%;
    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?f5bd0d75") no-repeat;
  background-size: 2723px 2244.9px;
  background-position: 61.43373% 84.79336%;
  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?f5bd0d75") no-repeat;
    background-position: 61.43373% 84.79336%;
    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?f5bd0d75") no-repeat;
    background-position: 77.09438% 92.74773%;
    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?f5bd0d75") no-repeat;
  background-size: 2723px 2244.9px;
  background-position: 66.61007% 91.12388%;
  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?f5bd0d75") no-repeat;
    background-position: 66.61007% 91.12388%;
    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?f5bd0d75") no-repeat;
    background-position: 82.33596% 93.24789%;
    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?f5bd0d75") no-repeat;
  background-size: 2723px 2244.9px;
  background-position: 64.90157% 88.77178%;
  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?f5bd0d75") no-repeat;
    background-position: 64.90157% 88.77178%;
    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?f5bd0d75") no-repeat;
    background-position: 80.07409% 92.99781%;
    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?f5bd0d75") no-repeat;
  background-size: 2723px 2244.9px;
  background-position: 56.04073% 78.41955%;
  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?f5bd0d75") no-repeat;
    background-position: 56.04073% 78.41955%;
    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?f5bd0d75") no-repeat;
    background-position: 68.39635% 91.9975%;
    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?f5bd0d75") no-repeat;
  background-size: 2334px 1924.2px;
  background-position: 59.60091% 82.5008%;
  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?f5bd0d75") no-repeat;
    background-position: 59.60091% 82.5008%;
    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?f5bd0d75") no-repeat;
    background-position: 74.06233% 92.49766%;
    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?f5bd0d75") no-repeat;
  background-position: 54.82581% 76.94765%;
  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?f5bd0d75") no-repeat;
  background-position: 63.5743% 87.02135%;
  width: 14.22px;
  height: 14.68px;
  margin: 11px 4px 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.block-menu--secondary-navigation .easy-language:before,
.block-menu--in-the-school-main .easy-language:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?f5bd0d75") no-repeat;
  background-position: 8.82808% 10.40426%;
  width: 16px;
  height: 16px;
  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?f5bd0d75") no-repeat;
  background-position: 14.35209% 22.89119%;
  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?f5bd0d75") no-repeat;
  background-position: 14.7651% 23.45563%;
  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?f5bd0d75") no-repeat;
  background-position: 15.97526% 25.14895%;
  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?f5bd0d75") no-repeat;
  background-position: 16.20716% 25.71339%;
  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?f5bd0d75") no-repeat;
  background-position: 16.67096% 26.84227%;
  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?f5bd0d75") no-repeat;
  background-position: 16.43906% 26.27783%;
  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?f5bd0d75") no-repeat;
  background-position: 15.59112% 24.58451%;
  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?f5bd0d75") no-repeat;
  background-position: 15.17811% 24.02007%;
  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;
}

.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--easy-language {
  background: url(../assets/img/bg_easy_language_1600x330.svg) repeat-x center top;
  background-size: 1600px 330px;
}

.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?f5bd0d75") no-repeat;
  background-position: 10.39297% 13.85199%;
  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?f5bd0d75") no-repeat;
  background-position: 12.09928% 18.12144%;
  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 {
  transition: opacity 2s;
  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):not(.toggle-item--active) {
  visibility: hidden;
  position: absolute;
  border: 0;
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

.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?f5bd0d75") no-repeat;
  background-position: 10.96174% 15.27514%;
  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?f5bd0d75") no-repeat;
  background-position: 11.53051% 16.69829%;
  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__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 {
  transition: opacity 2s;
  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):not(.toggle-item--active) {
  visibility: hidden;
  position: absolute;
  border: 0;
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

.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?f5bd0d75") no-repeat;
  background-position: 10.96174% 15.27514%;
  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?f5bd0d75") no-repeat;
  background-position: 11.53051% 16.69829%;
  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__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?f5bd0d75") no-repeat;
  background-position: 35% 48.54522%;
  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?f5bd0d75") no-repeat;
  background-position: 32.94919% 46.66667%;
  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?f5bd0d75") no-repeat;
  background-position: 37.19225% 50.39872%;
  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?f5bd0d75") no-repeat;
  background-position: 39.07805% 52.69537%;
  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?f5bd0d75") no-repeat;
  background-position: 40.96386% 54.99203%;
  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?f5bd0d75") no-repeat;
  background-position: 42.84966% 57.28868%;
  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?f5bd0d75") no-repeat;
  background-position: 44.73546% 59.58533%;
  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__headline--media-quiz {
    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) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 2.2222rem;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: ". . . visual visual visual visual visual visual . . .";
  }
  .section-paragraph__headline--media-quiz > *:first-child {
    grid-area: visual;
  }
  .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;
  }
}

@media only screen and (min-width: 768px){
  .section-paragraph__headline--media-quiz > *:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
  }
}

.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 {
  --teaser-list-v-gap: 2.2222rem;
}

.teaser-list__teasers-item {
  margin-bottom: var(--teaser-list-v-gap);
}

@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 {
    --teaser-list-v-gap: 1.66667rem;
  }
}

@media only screen and (min-width: 1024px) {
  .teaser-list__teasers-items {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: calc(var(--teaser-list-v-gap) * -1);
  }
  .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-list--display-easy-language {
    --teaser-list-v-gap: 2.77778rem;
  }
}

.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?f5bd0d75") no-repeat;
  background-position: 46.87011% 62.4359%;
  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?f5bd0d75") no-repeat;
  background-position: 50.46948% 69.83974%;
  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?f5bd0d75") no-repeat;
  background-position: 48.33073% 65.22436%;
  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?f5bd0d75") no-repeat;
  background-position: 52.60824% 74.45513%;
  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?f5bd0d75") no-repeat;
  background-position: 6.67356% 7.82281%;
  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, .page__footer--easy-language {
  background-color: #d9f0fa;
  background-image: none;
  margin-top: 0;
}

@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?f5bd0d75") no-repeat;
  background-position: 7.2793% 8.55531%;
  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?f5bd0d75") no-repeat;
    background-size: 4376.25px 3607.875px;
    background-position: 7.70823% 9.07948%;
    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 {
    transition: opacity 0.5s;
  }
  .view-digital-representation--display-block .view-digital-representation__filter-content:not(.toggle-item__content--active):not(.toggle-item--active) {
    visibility: hidden;
    position: absolute;
    border: 0;
    height: 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    white-space: nowrap;
    opacity: 0;
  }
}

@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?f5bd0d75") no-repeat;
  background-position: 0.9809% 1.15951%;
  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?f5bd0d75") no-repeat;
  background-position: 1.39391% 1.66092%;
  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?f5bd0d75") no-repeat;
  background-position: 17.2043% 27.90549%;
  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?f5bd0d75") no-repeat;
  background-position: 49.39684% 67.34926%;
  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?f5bd0d75") no-repeat;
  background-position: 51.51865% 71.91961%;
  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?f5bd0d75") no-repeat;
  background-position: 22.86913% 34.71734%;
  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?f5bd0d75") no-repeat;
  background-position: 26.90795% 39.52746%;
  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?f5bd0d75") no-repeat;
  background-position: 30.97299% 44.31673%;
  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?f5bd0d75") no-repeat;
  background-position: 28.93494% 41.92209%;
  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?f5bd0d75") no-repeat;
  background-position: 20.84972% 32.31162%;
  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?f5bd0d75") no-repeat;
  background-position: 13.80558% 22.2292%;
  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?f5bd0d75") no-repeat;
  background-position: 85.15828% 97.03564%;
  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?f5bd0d75") no-repeat;
  background-position: 6.67356% 7.82281%;
  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;
}

.easy-article .kindersache-quiz .content {
  margin-top: 3.88889rem;
  margin-bottom: unset;
}

.easy-article .kindersache-quiz .quiz-answer-text {
  margin: 0 0 0.55556rem 0;
}

.easy-article .kindersache-quiz .quiz-answer-text > legend {
  margin: 0;
}

.easy-article .kindersache-quiz .actions {
  margin-top: 2.77778rem;
}

.easy-article .kindersache-quiz .actions button {
  font-size: 0.88889rem;
  line-height: 1.25;
  /* 125% */
  letter-spacing: 0.5px;
  text-transform: capitalize;
  margin: 0;
}

.easy-article .kindersache-quiz .actions button:before, .easy-article .kindersache-quiz .actions button:after {
  content: unset;
}

.easy-article .kindersache-quiz__question {
  margin-top: 0;
  margin-bottom: 1.66667rem;
}

.easy-article .kindersache-quiz__question > legend {
  margin-bottom: 1.66667rem;
}

.easy-article .kindersache-quiz__question .form-radios {
  display: flex;
  flex-direction: column;
  gap: 0.77778rem;
}

.easy-article .kindersache-quiz__question .form-radios > .form-item {
  margin: 0;
}

.easy-article .kindersache-quiz__question .form-radios > .form-item input[type=radio]:checked + label:before,
.easy-article .kindersache-quiz__question .form-radios > .form-item input[type=checkbox]:checked + label:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?f5bd0d75") no-repeat;
  background-position: 4.77178% 5.51529%;
  width: 34px;
  height: 34px;
  margin: 0 0.5rem 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.easy-article .kindersache-quiz__question .form-radios > .form-item input[type=radio] + label,
.easy-article .kindersache-quiz__question .form-radios > .form-item input[type=checkbox] + label {
  font-weight: 300;
}

.easy-article .kindersache-quiz__question .form-radios > .form-item input[type=radio] + label:before,
.easy-article .kindersache-quiz__question .form-radios > .form-item input[type=checkbox] + label:before {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?f5bd0d75") no-repeat;
  background-position: 3.89004% 4.44374%;
  width: 34px;
  height: 34px;
  margin: 0 0.5rem 0 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.easy-article .kindersache-quiz__question .form-radios > .form-item > .option {
  padding: 0;
}

.easy-article .kindersache-quiz__question .form-radios > .form-item > .option:before {
  width: 1.88889rem;
  height: 1.88889rem;
}

.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?f5bd0d75") no-repeat;
  background-position: 46.87011% 62.4359%;
  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?f5bd0d75") no-repeat;
  background-position: 48.33073% 65.22436%;
  width: 56px;
  height: 87px;
  margin: 0;
  content: '';
  float: left;
  flex-shrink: 0;
}

.normal {
  font-weight: 400;
}

.semibold, .easy-article .kindersache-quiz .actions button {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.line-height-1-4 {
  line-height: 1.4;
}

.text-align-left {
  text-align: left;
}

.color-black {
  color: #000 !important;
}

.color-ls-dark {
  color: #143377 !important;
}

.omni-button, .easy-article .kindersache-quiz .actions button {
  display: inline-block;
  background: transparent;
  color: inherit;
  cursor: pointer;
  border: none;
  padding: 0.69444rem 1.66667rem;
  font-family: "Signika Negative", sans-serif;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 150ms ease;
}

.omni-button:not(:disabled):hover, .easy-article .kindersache-quiz .actions button:not(:disabled):hover {
  opacity: 0.85;
}

.omni-button--type-outer-shape {
  padding-right: 0.66667rem;
  padding-left: 0.66667rem;
  margin-right: 22px;
  margin-left: 22px;
  position: relative;
}

.omni-button--type-outer-shape:before, .omni-button--type-outer-shape:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  max-height: 100%;
  width: 22px;
  height: 45px;
}

@supports (-webkit-mask: url("../assets/img/icons-css.svg?f5bd0d75")) {
  .omni-button--type-outer-shape:before, .omni-button--type-outer-shape:after {
    background-color: inherit;
    -webkit-mask: url("../assets/img/icons-css.svg?f5bd0d75");
    -webkit-mask-position: 84.28128% 95.88868%;
  }
}

@supports not (-webkit-mask: url("../assets/img/icons-css.svg?f5bd0d75")) {
  .omni-button--type-outer-shape:before, .omni-button--type-outer-shape:after {
    display: inline-block;
    background: url("../assets/img/icons-css.svg?f5bd0d75") no-repeat;
    background-position: 84.28128% 95.88868%;
  }
}

.omni-button--type-outer-shape:before {
  right: calc(100% - 2px);
}

.omni-button--type-outer-shape:after {
  left: calc(100% - 2px);
  transform: rotate(180deg);
}

.icon {
  fill: currentColor;
}

.icon--bg {
  display: inline-block;
  background: url("../assets/img/icons-css.svg?f5bd0d75") no-repeat;
}

.icon--accordion {
  width: 22px;
  height: 22px;
}

.icon--accordion.icon--bg {
  background-position: 0 0;
}

.icon--arrow {
  width: 16px;
  height: 15px;
}

.icon--arrow.icon--bg {
  background-position: 0.56789% 0.68922%;
}

.icon--arrow-download {
  width: 16px;
  height: 16px;
}

.icon--arrow-download.icon--bg {
  background-position: 0.9809% 1.15951%;
}

.icon--arrow-extern {
  width: 16px;
  height: 16px;
}

.icon--arrow-extern.icon--bg {
  background-position: 1.39391% 1.66092%;
}

.icon--arrow-left {
  width: 26px;
  height: 20px;
}

.icon--arrow-left.icon--bg {
  background-position: 1.81159% 2.16505%;
}

.icon--button {
  width: 54px;
  height: 52px;
}

.icon--button.icon--bg {
  background-position: 2.50261% 2.82092%;
}

.icon--checkbox-large-off {
  width: 34px;
  height: 34px;
}

.icon--checkbox-large-off.icon--bg {
  background-position: 3.89004% 4.44374%;
}

.icon--checkbox-large-on {
  width: 34px;
  height: 34px;
}

.icon--checkbox-large-on.icon--bg {
  background-position: 4.77178% 5.51529%;
}

.icon--checkbox-off {
  width: 20px;
  height: 20px;
}

.icon--checkbox-off.icon--bg {
  background-position: 5.63307% 6.55789%;
}

.icon--checkbox-on {
  width: 20px;
  height: 20px;
}

.icon--checkbox-on.icon--bg {
  background-position: 6.14987% 7.18544%;
}

.icon--close {
  width: 24px;
  height: 24px;
}

.icon--close.icon--bg {
  background-position: 6.67356% 7.82281%;
}

.icon--close-facett {
  width: 16px;
  height: 16px;
}

.icon--close-facett.icon--bg {
  background-position: 7.2793% 8.55531%;
}

.icon--close-filter {
  width: 24px;
  height: 24px;
}

.icon--close-filter.icon--bg {
  background-position: 7.70823% 9.07948%;
}

.icon--easy-language {
  width: 20px;
  height: 19px;
}

.icon--easy-language.icon--bg {
  background-position: 8.32041% 9.81807%;
}

.icon--easy-language-phone {
  width: 16px;
  height: 16px;
}

.icon--easy-language-phone.icon--bg {
  background-position: 8.82808% 10.40426%;
}

.icon--extra-button-border-left-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-border-left-22x45.icon--bg {
  background-position: 9.25543% 11.00569%;
}

.icon--extra-button-border-right-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-border-right-22x45.icon--bg {
  background-position: 9.8242% 12.42884%;
}

.icon--extra-button-left-background-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-left-background-22x45.icon--bg {
  background-position: 10.39297% 13.85199%;
}

.icon--extra-button-orange-left-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-orange-left-22x45.icon--bg {
  background-position: 10.96174% 15.27514%;
}

.icon--extra-button-orange-right-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-orange-right-22x45.icon--bg {
  background-position: 11.53051% 16.69829%;
}

.icon--extra-button-right-background-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-right-background-22x45.icon--bg {
  background-position: 12.09928% 18.12144%;
}

.icon--extra-button-white-left-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-white-left-22x45.icon--bg {
  background-position: 12.66805% 19.54459%;
}

.icon--extra-button-white-right-22x45 {
  width: 22px;
  height: 45px;
}

.icon--extra-button-white-right-22x45.icon--bg {
  background-position: 13.23681% 20.96774%;
}

.icon--help-form {
  width: 22px;
  height: 22px;
}

.icon--help-form.icon--bg {
  background-position: 13.80558% 22.2292%;
}

.icon--img-arrow-double-pagination-left-16x18 {
  width: 16px;
  height: 18px;
}

.icon--img-arrow-double-pagination-left-16x18.icon--bg {
  background-position: 14.35209% 22.89119%;
}

.icon--img-arrow-double-pagination-red-left-16x18 {
  width: 16px;
  height: 18px;
}

.icon--img-arrow-double-pagination-red-left-16x18.icon--bg {
  background-position: 14.7651% 23.45563%;
}

.icon--img-arrow-double-pagination-red-right-16x18 {
  width: 16px;
  height: 18px;
}

.icon--img-arrow-double-pagination-red-right-16x18.icon--bg {
  background-position: 15.17811% 24.02007%;
}

.icon--img-arrow-double-pagination-right-16x18 {
  width: 16px;
  height: 18px;
}

.icon--img-arrow-double-pagination-right-16x18.icon--bg {
  background-position: 15.59112% 24.58451%;
}

.icon--img-arrow-pagination-left-9x18 {
  width: 9px;
  height: 18px;
}

.icon--img-arrow-pagination-left-9x18.icon--bg {
  background-position: 15.97526% 25.14895%;
}

.icon--img-arrow-pagination-red-left-9x18 {
  width: 9px;
  height: 18px;
}

.icon--img-arrow-pagination-red-left-9x18.icon--bg {
  background-position: 16.20716% 25.71339%;
}

.icon--img-arrow-pagination-red-right-9x18 {
  width: 9px;
  height: 18px;
}

.icon--img-arrow-pagination-red-right-9x18.icon--bg {
  background-position: 16.43906% 26.27783%;
}

.icon--img-arrow-pagination-right-9x18 {
  width: 9px;
  height: 18px;
}

.icon--img-arrow-pagination-right-9x18.icon--bg {
  background-position: 16.67096% 26.84227%;
}

.icon--img-btn-artikel-77x76 {
  width: 77px;
  height: 75px;
}

.icon--img-btn-artikel-77x76.icon--bg {
  background-position: 17.2043% 27.90549%;
}

.icon--img-btn-in-the-school {
  width: 62px;
  height: 63px;
}

.icon--img-btn-in-the-school.icon--bg {
  background-position: 19.14838% 30.18448%;
}

.icon--img-btn-juki-77x76 {
  width: 77px;
  height: 75px;
}

.icon--img-btn-juki-77x76.icon--bg {
  background-position: 20.84972% 32.31162%;
}

.icon--img-btn-kinderrechte-77x76 {
  width: 77px;
  height: 76px;
}

.icon--img-btn-kinderrechte-77x76.icon--bg {
  background-position: 22.86913% 34.71734%;
}

.icon--img-btn-mitmachen-77x76 {
  width: 77px;
  height: 75px;
}

.icon--img-btn-mitmachen-77x76.icon--bg {
  background-position: 24.88854% 37.13282%;
}

.icon--img-btn-nachrichten-77x76 {
  width: 77px;
  height: 75px;
}

.icon--img-btn-nachrichten-77x76.icon--bg {
  background-position: 26.90795% 39.52746%;
}

.icon--img-btn-spiel-spass-77x76 {
  width: 78px;
  height: 75px;
}

.icon--img-btn-spiel-spass-77x76.icon--bg {
  background-position: 28.93494% 41.92209%;
}

.icon--img-btn-wissen-77x76 {
  width: 77px;
  height: 75px;
}

.icon--img-btn-wissen-77x76.icon--bg {
  background-position: 30.97299% 44.31673%;
}

.icon--img-emoji-freudig-72x72 {
  width: 72px;
  height: 72px;
}

.icon--img-emoji-freudig-72x72.icon--bg {
  background-position: 32.94919% 46.66667%;
}

.icon--img-emoji-gesamt-90x45 {
  width: 90px;
  height: 45px;
}

.icon--img-emoji-gesamt-90x45.icon--bg {
  background-position: 35% 48.54522%;
}

.icon--img-emoji-lustig-72x72 {
  width: 72px;
  height: 72px;
}

.icon--img-emoji-lustig-72x72.icon--bg {
  background-position: 37.19225% 50.39872%;
}

.icon--img-emoji-okay-72x72 {
  width: 72px;
  height: 72px;
}

.icon--img-emoji-okay-72x72.icon--bg {
  background-position: 39.07805% 52.69537%;
}

.icon--img-emoji-staunen-72x72 {
  width: 72px;
  height: 72px;
}

.icon--img-emoji-staunen-72x72.icon--bg {
  background-position: 40.96386% 54.99203%;
}

.icon--img-emoji-traurig-72x72 {
  width: 72px;
  height: 72px;
}

.icon--img-emoji-traurig-72x72.icon--bg {
  background-position: 42.84966% 57.28868%;
}

.icon--img-emoji-wuetend-72x72 {
  width: 72px;
  height: 72px;
}

.icon--img-emoji-wuetend-72x72.icon--bg {
  background-position: 44.73546% 59.58533%;
}

.icon--img-icon-arrow-blue {
  width: 17px;
  height: 8px;
}

.icon--img-icon-arrow-blue.icon--bg {
  background-position: 45.9592% 60.64395%;
}

.icon--img-icon-arrow-blue-left-56x87 {
  width: 56px;
  height: 87px;
}

.icon--img-icon-arrow-blue-left-56x87.icon--bg {
  background-position: 46.87011% 62.4359%;
}

.icon--img-icon-arrow-blue-right-56x87 {
  width: 56px;
  height: 87px;
}

.icon--img-icon-arrow-blue-right-56x87.icon--bg {
  background-position: 48.33073% 65.22436%;
}

.icon--img-icon-arrow-white-left-25x56 {
  width: 25.38px;
  height: 56.26px;
}

.icon--img-icon-arrow-white-left-25x56.icon--bg {
  background-position: 49.39684% 67.34926%;
}

.icon--img-icon-arrow-white-left-56x87 {
  width: 56px;
  height: 87px;
}

.icon--img-icon-arrow-white-left-56x87.icon--bg {
  background-position: 50.46948% 69.83974%;
}

.icon--img-icon-arrow-white-right-25x56 {
  width: 25.38px;
  height: 56.26px;
}

.icon--img-icon-arrow-white-right-25x56.icon--bg {
  background-position: 51.51865% 71.91961%;
}

.icon--img-icon-arrow-white-right-56x87 {
  width: 56px;
  height: 87px;
}

.icon--img-icon-arrow-white-right-56x87.icon--bg {
  background-position: 52.60824% 74.45513%;
}

.icon--img-icon-close-menu-49x47 {
  width: 48.65px;
  height: 46.65px;
}

.icon--img-icon-close-menu-49x47.icon--bg {
  background-position: 53.9654% 76.25738%;
}

.icon--img-icon-contact-20x14 {
  width: 19.56px;
  height: 13.92px;
}

.icon--img-icon-contact-20x14.icon--bg {
  background-position: 54.82581% 76.94765%;
}

.icon--img-icon-juki-68x56 {
  width: 67.78px;
  height: 56px;
}

.icon--img-icon-juki-68x56.icon--bg {
  background-position: 56.04073% 78.41955%;
}

.icon--img-icon-kinderrechte-63x66 {
  width: 62.87px;
  height: 66px;
}

.icon--img-icon-kinderrechte-63x66.icon--bg {
  background-position: 57.74562% 80.45209%;
}

.icon--img-icon-mitmachen-77x64 {
  width: 76.3px;
  height: 64px;
}

.icon--img-icon-mitmachen-77x64.icon--bg {
  background-position: 59.60091% 82.5008%;
}

.icon--img-icon-nachrichten-65x74 {
  width: 64.74px;
  height: 73.5px;
}

.icon--img-icon-nachrichten-65x74.icon--bg {
  background-position: 61.43373% 84.79336%;
}

.icon--img-icon-open-menu-49x47 {
  width: 48.65px;
  height: 46.65px;
}

.icon--img-icon-open-menu-49x47.icon--bg {
  background-position: 62.86852% 86.41448%;
}

.icon--img-icon-search-14x14 {
  width: 14.22px;
  height: 14.68px;
}

.icon--img-icon-search-14x14.icon--bg {
  background-position: 63.5743% 87.02135%;
}

.icon--img-icon-spiel-spass-71x61 {
  width: 70.37px;
  height: 60.73px;
}

.icon--img-icon-spiel-spass-71x61.icon--bg {
  background-position: 64.90157% 88.77178%;
}

.icon--img-icon-wissen-62x75 {
  width: 61.75px;
  height: 75px;
}

.icon--img-icon-wissen-62x75.icon--bg {
  background-position: 66.61007% 91.12388%;
}

.icon--img-listen-10x14 {
  width: 11px;
  height: 14px;
}

.icon--img-listen-10x14.icon--bg {
  background-position: 67.33694% 91.73191%;
}

.icon--img-nav-active-juki-55x8 {
  width: 55px;
  height: 8px;
}

.icon--img-nav-active-juki-55x8.icon--bg {
  background-position: 68.39635% 91.9975%;
}

.icon--img-nav-active-kinderrechte-126x8 {
  width: 126px;
  height: 8px;
}

.icon--img-nav-active-kinderrechte-126x8.icon--bg {
  background-position: 71.14772% 92.24758%;
}

.icon--img-nav-active-machmit-104x8 {
  width: 104px;
  height: 8px;
}

.icon--img-nav-active-machmit-104x8.icon--bg {
  background-position: 74.06233% 92.49766%;
}

.icon--img-nav-active-nachrichten-118x8 {
  width: 118px;
  height: 8px;
}

.icon--img-nav-active-nachrichten-118x8.icon--bg {
  background-position: 77.09438% 92.74773%;
}

.icon--img-nav-active-spielspass-111x8 {
  width: 111px;
  height: 8px;
}

.icon--img-nav-active-spielspass-111x8.icon--bg {
  background-position: 80.07409% 92.99781%;
}

.icon--img-nav-active-wissen-80x8 {
  width: 80px;
  height: 8px;
}

.icon--img-nav-active-wissen-80x8.icon--bg {
  background-position: 82.33596% 93.24789%;
}

.icon--landingpage-button {
  width: 43px;
  height: 41px;
}

.icon--landingpage-button.icon--bg {
  background-position: 83.6236% 94.47252%;
}

.icon--outer-button-shape {
  width: 22px;
  height: 45px;
}

.icon--outer-button-shape.icon--bg {
  background-position: 84.28128% 95.88868%;
}

.icon--share {
  width: 36px;
  height: 36px;
}

.icon--share.icon--bg {
  background-position: 85.15828% 97.03564%;
}

.icon--tab-off {
  width: 286px;
  height: 47px;
}

.icon--tab-off.icon--bg {
  background-position: 92.06437% 98.51266%;
}

.icon--tab-on {
  width: 286px;
  height: 47px;
}

.icon--tab-on.icon--bg {
  background-position: 100% 100%;
}

.image--fit-cover,
.image--fit-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.accordion {
  border-bottom: 1px solid #81CBFF;
}

.accordion__item-header {
  position: relative;
  border-top: 1px solid #81CBFF;
  margin-bottom: 1.11111rem;
}

.accordion__item-toggle {
  padding-top: 0.55556rem;
  padding-right: 1.11111rem;
  padding-bottom: 0.55556rem;
  width: 100%;
  gap: 1.11111rem;
  align-items: flex-start;
  transition: transform 250ms;
}

.accordion__item-toggle.toggle-item__button--active > .icon {
  transform: rotate(180deg);
}

.accordion__item-content {
  transition: opacity 0.5s;
  padding-right: 4.22222rem;
}

.accordion__item-content:not(.toggle-item__content--active):not(.toggle-item--active) {
  visibility: hidden;
  position: absolute;
  border: 0;
  height: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
  opacity: 0;
}

.accordion__item-content.toggle-item--active, .accordion__item-content.toggle-item__content--active {
  margin-bottom: 1.66667rem;
}

.article-header {
  margin-bottom: 1.33rem;
}

.article-header__title {
  margin: 0;
}

.article-header__action {
  margin-top: 1rem;
}

@media only screen and (min-width: 768px) {
  .article-header--has-action {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 2.2222rem -webkit-min-content;
    -ms-grid-columns: auto 2.2222rem min-content;
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content;
    grid-column-gap: 2.2222rem;
    -ms-grid-rows: -webkit-min-content 0 1fr;
    -ms-grid-rows: min-content 0 1fr;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
    grid-row-gap: 0;
    grid-template-areas: "section action" "title   action";
  }
  .article-header--has-action .article-header__section {
    grid-area: section;
  }
  .article-header--has-action .article-header__title {
    grid-area: title;
  }
  .article-header--has-action .article-header__action {
    grid-area: action;
    margin-top: 0;
  }
}

.icon-button {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  transition-property: color;
  transition-duration: 150ms;
  transition-timing-function: ease;
}

.icon-button.omni-button, .easy-article .kindersache-quiz .actions button.icon-button {
  transition-property: color, opacity;
}

.icon-button[class*="icon-button--text-"] {
  justify-content: space-between;
}

.icon-button--text-above, .icon-button--text-below {
  flex-direction: column;
}

.icon-button__active-icon {
  display: none;
}

.icon-button--text-mobile-only .icon-button__icon, .icon-button--toggle .icon-button__icon {
  display: none;
}

.icon-button--toggle .icon-button__active-icon {
  display: block;
}

.icon-button__icon, .icon-button__active-icon {
  flex-shrink: 0;
}

.icon-button__icon {
  transition: transform 250ms;
}

.icon-button--rotate .icon-button__icon {
  transform: rotate(180deg);
}

.icon-button--text-before .icon-button__text {
  order: -1;
}

.icon-button--text-above .icon-button__text {
  order: -1;
}

.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;
  }
}

.scroll-to-top {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.scroll-to-top__button {
  position: absolute;
  right: 0.5556rem;
  bottom: 8.33333rem;
  text-decoration: none;
  text-transform: lowercase;
  opacity: 0;
  transition-property: opacity, color, background-color;
  transition-duration: 300ms;
  transition-timing-function: ease;
}

.scroll-to-top__button .icon-button__icon {
  transform: rotate(-90deg);
  color: #03347c;
}

.scroll-to-top__button .icon-button__text {
  font-family: "Signika Negative", sans-serif;
  font-size: 0.88889rem;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.5px;
  color: #000;
}

.scroll-to-top--visible {
  z-index: 9001;
}

.scroll-to-top--visible .scroll-to-top__button {
  opacity: 1;
}

.scroll-to-top--visible .scroll-to-top__button:not(:disabled):hover {
  opacity: 0.85;
}

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

.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?f5bd0d75") no-repeat;
  background-position: 9.25543% 11.00569%;
  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?f5bd0d75") no-repeat;
  background-position: 9.8242% 12.42884%;
  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?f5bd0d75") no-repeat;
  background-position: 12.66805% 19.54459%;
  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?f5bd0d75") no-repeat;
  background-position: 13.23681% 20.96774%;
  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?f5bd0d75") no-repeat;
  background-position: 19.14838% 30.18448%;
  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;
  }
}

.tile-teaser {
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
}

.tile-teaser__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1.38889rem -webkit-min-content;
  -ms-grid-columns: auto 1.38889rem min-content;
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  grid-column-gap: 1.38889rem;
  -ms-grid-rows: auto 0 auto;
  grid-template-rows: auto auto;
  grid-row-gap: 0;
  grid-template-areas: "image image" "content icon";
}

.tile-teaser__link {
  text-decoration: none;
}

.tile-teaser__link:-webkit-any-link:hover img, .tile-teaser__link:-webkit-any-link:focus img {
  transform: scale(1.15);
}

.tile-teaser__link:-moz-any-link:hover img, .tile-teaser__link:-moz-any-link:focus img {
  transform: scale(1.15);
}

.tile-teaser__link:any-link:hover img, .tile-teaser__link:any-link:focus img {
  transform: scale(1.15);
}

.tile-teaser__image {
  grid-area: image;
  overflow: hidden;
}

.tile-teaser__image img {
  transition: transform .25s ease-out;
  width: 100%;
}

.tile-teaser__content {
  grid-area: content;
}

.tile-teaser__icon {
  grid-area: icon;
}

.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;
  }
}

.easy-article {
  padding-right: 0.5556rem;
  padding-left: 0.5556rem;
}

@media only screen and (min-width: 768px) {
  .easy-article {
    padding-right: 2.2222rem;
    padding-left: 2.2222rem;
  }
}

.easy-article__inner-wrapper {
  padding: 2.22222rem;
  border-radius: 9.439px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 768px) {
  .easy-article {
    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) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr) 2.2222rem minmax(0, 1fr);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 2.2222rem;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: '. . content content content content content content content content . .';
  }
  .easy-article__inner-wrapper {
    grid-area: content;
  }
}

.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-spaceless-wrapper .section__content-wrapper {
  padding: 0;
}

.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;
  }
}

.background-base, .background-blue-gray, .background-blue-lighter-gray {
  color: #000;
}

.background-base {
  background-color: #fff;
}

.background-blue-gray {
  background-color: #e7f0f3;
}

.background-blue-lighter-gray {
  background-color: #E3F2F5;
}

.background-dark-blue, .easy-article .kindersache-quiz .actions button {
  background-color: #03347c;
  color: #fff;
}

.border {
  border-style: solid;
  border-color: currentColor;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.border-color-ls-light {
  border-color: #81CBFF;
}

.border-radius-3 {
  border-radius: 0.16667rem;
}

.border-radius-10 {
  border-radius: 0.55556rem;
}

.border-radius-18 {
  border-radius: 1rem;
}

.easy-article .kindersache-quiz .actions button, .font-h1-easy-language, .font-h2-easy-language, .easy-article .kindersache-quiz__question > legend > .fieldset-legend, .font-h3-easy-language, .font-h-teaser-easy-language, .font-h-claim-easy-language, .font-p-teaser-easy-language {
  font-family: "Signika Negative", sans-serif;
  font-style: normal;
  font-feature-settings: 'liga' off, 'clig' off;
}

.font-h1-easy-language {
  font-size: 1.66667rem;
  line-height: normal;
}

@media only screen and (min-width: 1024px) {
  .font-h1-easy-language {
    font-size: 2.11111rem;
  }
}

.font-h2-easy-language, .easy-article .kindersache-quiz__question > legend > .fieldset-legend {
  font-size: 1.22222rem;
  line-height: normal;
}

@media only screen and (min-width: 1024px) {
  .font-h2-easy-language, .easy-article .kindersache-quiz__question > legend > .fieldset-legend {
    font-size: 1.55556rem;
  }
}

.font-h3-easy-language {
  font-size: 0.94444rem;
  line-height: 1.22222rem;
}

@media only screen and (min-width: 1024px) {
  .font-h3-easy-language {
    font-size: 1.05556rem;
    line-height: 1.33333rem;
  }
}

.font-h-teaser-easy-language {
  font-size: 1.11111rem;
  line-height: normal;
}

@media only screen and (min-width: 1024px) {
  .font-h-teaser-easy-language {
    font-size: 1.77778rem;
  }
}

.font-h-claim-easy-language {
  font-size: 1.77778rem;
  line-height: normal;
}

@media only screen and (min-width: 1024px) {
  .font-h-claim-easy-language {
    font-size: 2.55556rem;
  }
}

.font-p-teaser-easy-language {
  font-size: 1.05556rem;
  line-height: 1.77778rem;
}

.m0 {
  margin: 0;
}

.mt-10 {
  margin-top: 0.55556rem;
}

.mb-20 {
  margin-bottom: 1.11111rem;
}

.mt-25 {
  margin-top: 1.38889rem;
}

.mb-25 {
  margin-bottom: 1.38889rem;
}

.mb-30 {
  margin-bottom: 1.66667rem;
}

.mt-40 {
  margin-top: 2.22222rem;
}

.mb-50 {
  margin-bottom: 2.77778rem;
}

.mt-56 {
  margin-top: 3.11111rem;
}

.mt-60 {
  margin-top: 3.33333rem;
}

.mt-100 {
  margin-top: 5.55556rem;
}

.pr-20 {
  padding-right: 1.11111rem;
}

.pl-20 {
  padding-left: 1.11111rem;
}

.pb-24 {
  padding-bottom: 1.33333rem;
}

.pt-25 {
  padding-top: 1.38889rem;
}

.pr-25 {
  padding-right: 1.38889rem;
}

.pb-25 {
  padding-bottom: 1.38889rem;
}

.pl-25 {
  padding-left: 1.38889rem;
}

.pt-26 {
  padding-top: 1.44444rem;
}

.pt-30 {
  padding-top: 1.66667rem;
}

.pb-30 {
  padding-bottom: 1.66667rem;
}

.pr-33 {
  padding-right: 1.83333rem;
}

.pl-33 {
  padding-left: 1.83333rem;
}

.pr-40 {
  padding-right: 2.22222rem;
}

.pl-40 {
  padding-left: 2.22222rem;
}

/*# sourceMappingURL=kindersache.css.map */