/* ==========================================================================
   Styling and layout for all media
   ========================================================================== */

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

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

#stripe { width: 100%; height: 12px; position: fixed; background: #009cb4; z-index: 100; }
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  /* 1 */
  display: inline-block;
  /* 2 */
  vertical-align: baseline;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/**
 * 1. Always force scrollbar padding so we don't get 'jumping'.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. As 2 above, for Windows Phone.
 */
html {
  -webkit-tap-highlight-color: rgba(0, 102, 255, 0.5);
  /* 1 */
  overflow-y: scroll;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  /* 12px */
  font-size: 0.8571429em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * 1. Remove the gap between images and the bottom of their containers.
 * 2. Remove border when inside `a` element in IE 8-10.
 */
img {
  /* 1 */
  vertical-align: middle;
  /* 2 */
  border: 0;
}

/**
 * Consistent tables.
 */
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/**
 * Make table cells align top and left by default.
 */
th,
td {
  vertical-align: top;
  text-align: left;
}

/**
 * Address paddings set differently.
 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}

/**
 * Remove margins from nested lists.
 */
li > ul,
li > ol {
  margin: 0;
}

/**
 * Address margins set differently.
 */
dd {
  margin: 0 0 0 2em;
}

/**
 * Italicise definition terms.
 */
dt {
  font-style: italic;
}

/* Clearfix
   ========================================================================== */

/**
 * Clearfix using the 'A new micro cleafix hack' method.
 *
 * More info: http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  content: "";
  display: table;
  clear: both;
}



* {margin: 0px; padding: 0px; }
#thegreatwrapper { position: absolute; width: 100%; height: 100%; top: 0; font-family: univers-next-pro, sans-serif; font-weight: 400; font-style: normal; }
#magenta { position: fixed; width: 100%; height: 100%; top: 0; background-color:#E83185; z-index: -1; }

#wrapper_content { padding-bottom: 4rem; }
#content { z-index: 0; }
#content_slogan_start { position: relative; margin-top: 1rem; margin-left: 1rem; font-size: 14rem; line-height: 16rem; color:#000000; }
#content_slogan { position: fixed; margin-top: 1rem; margin-left: 1rem; font-size: 14rem; line-height: 16rem; color:#000000; }
#articles { position: relative; width: 100%; text-shadow: 0 0 3px black, 0 0 5px black; color:#E83185; }
#articles_start { position: relative; width: 100%; }
#articles_inner, #articles_inner_news, #articles_inner_ressourcen { position: static; padding: 1rem; }
#articles #articles_inner_news, #articles #articles_inner_ressourcen { position: relative; text-shadow: none ; color:black; }

a { font-size: 1.3rem; line-height: 1.7rem; cursor: grab; cursor: pointer;}
#footer a { font-size: 1.2rem; line-height: 1.7rem; padding: 2px 5px 2px 5px; }
#footer a:link { text-decoration:underline; background: black; color:#E83185; }
#footer a:visited { text-decoration:underline; background: black; color:#E83185; }
#footer a:hover { text-decoration:none; background: black; color:#E83185; }
#footer a:active { text-decoration:none; background: black; color:#E83185; }
#footer a.active { text-decoration:none; background: black; color:#E83185; }
.tohide { font-size: 1.2rem; line-height: 1.7rem; background: black; color:#E83185; padding: 2px 0; }

#articles a { display: inline; text-decoration: underline; color: #E83185; text-align: left; padding: 0; margin: 0; }
.text a.link { text-decoration: underline; color: black; }

#articles #articles_inner_news a, #articles #articles_inner_ressourcen a { display: inline; text-decoration: underline; color: black; text-align: left; padding: 0; margin: 0; }
#articles #articles_inner_news .text, #articles #articles_inner_ressourcen .text { padding-bottom: 2rem; }

#articles p, #articles_start p { margin-bottom: 1rem; }
#articles .text, #articles_start .text { font-size: 1.3rem; line-height: 1.7rem; }
b { font-family: univers-next-pro, sans-serif; font-weight: 600; font-style: normal; }
i { font-family: univers-next-pro, sans-serif; font-weight: 400; font-style: italic; }

.title { font-size: 2rem; line-height: 2.2rem; margin-bottom: 1rem; }
#expl { font-size: 1.1rem; line-height: 1.4rem; }
p#txpCommentInputForm { display: none; }

#wrapper_footer { position: fixed; right: 10px; bottom: 10px; }

#content_slogan a { font-size: 14rem; line-height: 16rem; text-decoration: none; background:  #E83185; color: black; padding: 0; margin: 0; }


@media only screen and (max-width: 1000px) {

#footer a { display: block; text-align: right; padding: 0 5px 0 5px; margin-top: 8px; }
.tohide { display: none; }
}



@media only screen and (max-width: 760px) {

#content_slogan_start { font-size: 12rem; line-height: 15rem; color:#000000; }
#content_slogan { font-size: 12rem; line-height: 15rem; color:#000000; }
#content_slogan a { font-size: 12rem; line-height: 15rem; text-decoration: none; }
}



@media only screen and (max-width: 640px) {

#wrapper_content { padding-bottom: 11rem; }

#content_slogan_start { margin-top: 0.8rem; margin-left: 0.5rem; font-size: 10rem; line-height: 12rem; color:#000000; }
#content_slogan { margin-top: 0.8rem; margin-left: 0.5rem; font-size: 10rem; line-height: 12rem; color:#000000; }
#content_slogan a { font-size: 10rem; line-height: 12rem; }

#footer a { margin-top: 5px; }
}


@media only screen and (max-width: 540px) {

#content_slogan_start { font-size: 8rem; line-height: 9rem; color:#000000; }
#content_slogan { font-size: 8rem; line-height: 9rem; color:#000000; }
#content_slogan a { font-size: 8rem; line-height: 9rem; }
}


@media only screen and (max-width: 430px) {

#wrapper_content { padding-bottom: 12.5rem; }

#content_slogan_start { font-size: 7rem; line-height: 8rem; color:#000000; }
#content_slogan { font-size: 7rem; line-height: 8rem; color:#000000; }

a { font-size: 1.2rem; line-height: 1.7rem; }
#articles .text, #articles_start .text { font-size: 1.2rem; line-height: 1.7rem; }
.title { font-size: 1.8rem; line-height: 2rem; }
#expl { font-size: 1rem; line-height: 1.2rem; }

#content_slogan a { font-size: 7rem; line-height: 8rem; }
}


@media only screen and (max-width: 410px) {

#footer a { font-size: 1.1rem; }

#articles a { display: inline; text-align: left; padding: 0; margin: 0; }

.tohide { display: none; }
}


@media only screen and (max-width: 370px) {

#content_slogan_start { font-size: 6rem; line-height: 7rem; color:#000000; }
#content_slogan { font-size: 6rem; line-height: 7rem; color:#000000; }
#content_slogan a { font-size: 6rem; line-height: 7rem; }
}