body {
  margin: 0;
  padding: 10px 0 0 10px;
  background: rgb(255,222,89);
  background: -moz-radial-gradient(circle, rgba(255,222,89,0.5046218316428134) 0%, rgba(255,222,89,0.263725473099396) 79%, rgba(255,255,255,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(255,222,89,0.5046218316428134) 0%, rgba(255,222,89,0.263725473099396) 79%, rgba(255,255,255,1) 100%);
  background: radial-gradient(circle, rgba(255,222,89,0.5046218316428134) 0%, rgba(255,222,89,0.263725473099396) 79%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffde59",endColorstr="#ffffff",GradientType=1);
}
#page_margins_start {
  margin: 0 10px;
  padding: 20px 10px;
}
#col_start {
  width: 100%;
  float: none;
}
#preview {
  text-align: left;
  max-width: 650px;
  margin: 10px 20px 5px 25px;
  font-family: 'Atkinson-Hyperlegible-Regular', Helvetica, Arial, sans-serif;
}
@media ( min-width: 1000px ) {
  #preview {
    max-width: 850px;
  }
}
@media ( min-width: 1200px ) {
  #preview {
    max-width: 950px;
  }
}
@media ( min-width: 1400px ) {
  #preview {
    max-width: 1050px;
  }
}

#preview header {
  padding: 0 0 0 0;
}
#preview #preview_content {
  padding: 15px 0 0 0;

}
#preview h2,
#preview h2 span,
#preview h3,
#preview h4 {
  font-family: 'Atkinson-Hyperlegible-Bold', Helvetica, Arial, sans-serif;
  font-size: 22pt !important;
  line-height: 1.12;
  margin: 0; padding: 0;

}
#preview p,
#preview p *,
#preview ul {
  font-family: 'Atkinson-Hyperlegible-Bold', Helvetica, Arial, sans-serif;
  font-size: 22pt !important;
  line-height: 1.12;
  margin: 0; padding: 0 0 15px 0;
  color: #555;
}
@media ( max-width: 650px ) {
  #preview h2,
  #preview h2 span,
  #preview h3,
  #preview h4 {
    font-size: 17pt !important;
  }
  #preview p,
  #preview p *,
  #preview ul {
    font-size: 17pt !important;
  }
}
#preview p#expand,
#preview p#collapse
{
  text-align: left;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#preview p#expand:after {
  content: " Mehr erfahren";
  color: transparent;
  transition: 1s color;
  vertical-align: 4px;
}
#preview.collapsed p#expand:hover:after {
  content: " Mehr erfahren";
  color: #888;
  transition: 1s color;
  vertical-align: 4px;
}
#preview p#collapse:after {
  content: " Zuklappen";
  color: transparent;
  transition: 1s color;
  vertical-align: 4px;
}
#preview.expanded p#collapse:hover:after {
  content: " Zuklappen";
  color: #888;
  transition: 1s color;
  vertical-align: 4px;
}
#preview p#expand svg,
#preview p#collapse svg
{
  transform: scale(1.4);
  padding: 5px 0 0 0;
  fill: #555;
}
#preview p#expand svg path,
#preview p#collapse svg path
{
}

#preview p strong {
  font-family: 'Atkinson-Hyperlegible-Bold', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #009DE0;
}
#preview p em,
#preview p em * {
  font-family: 'Atkinson-Hyperlegible-Bold', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #E3007A
}

#preview h2.preview_teaser_title,
#preview h2.preview_teaser_title * {
  font-family: 'Atkinson-Hyperlegible-Bold', Helvetica, Arial, sans-serif;
  color: #555
}
#preview h2.preview_teaser_title .preview_name {
  color: #E3007A
}

#preview h2.preview_teaser_title .previous_name {
  color: #ec333c;
  color: #999;
  text-transform: lowercase;
}

#preview h3.preview_claim {
  font-family: 'Atkinson-Hyperlegible-Bold', Helvetica, Arial, sans-serif;
  color: #009DE0;
}

#preview .hide {
  display: none;
  opacity: 0;
  transition: 1s opacity;
}