/* ==========================================================================
   Styling and layout for all media
   ========================================================================== */
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in older browsers.
 * Correct `block` display not defined for `details` or `summary` in IE 11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * Remove tap delay in modern browsers.
 */
a,
input,
button {
  -ms-touch-action: none;
      touch-action: none;
}

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

body { margin-top: 0; font-size: 1rem; line-height: 1.5rem; font-family: helvetica-neue-lt-pro, sans-serif; font-weight: 400; font-style: normal; }
#thewrapper { width: 90%; margin: 0 5% 0 5%; }

#header { border-bottom: 1px solid black; padding-top: 1rem; padding-bottom: 1rem; }
#header img { float: right; height: 85px; }

#content { width: 100%; padding-top: 1rem;}

#navigation { width: 15%; float: left; padding-right: 2.5%; }
#navi {}
#navi ul { padding-left: 0; list-style: none; }
#navi ul li { border-bottom: 1px solid black; padding-top: 0.2rem; padding-bottom: 0.2rem; }
#navi ul li:first-of-type { padding-top: 0rem; }
#navi ul li a { text-decoration: none; color: black; }

#therealcontentwrapper { width: 55%; min-height: 600px; float: left; padding: 0 2.3% 0 2.3%; margin-top: 1rem; border-right: 1px solid black; border-left: 1px solid black; }
#article { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid black; }
#article:last-of-type { margin-bottom: 0; border-bottom: 0; }
.title {}
.link { text-decoration: underline; color: black; }
.halberabsatz { margin-bottom: 0.75rem; }
.article_img img { width: 100%; height: auto; }
img.img_100 { width: 100%; height: auto; }
img.img_50 { width: 50%; height: auto; }
img.img_33 { width: 33%; height: auto; }
.images_galerie { margin-top: 0.7rem; }
.images_galerie li { list-style: none; }
.images_galerie li img { height: 100px; width: auto; float: left; margin-right: 0.5rem; margin-top: 0.5rem; }

b { font-family: helvetica-neue-lt-pro, sans-serif; font-weight: 700; font-style: normal; }
.medium { font-family: helvetica-neue-lt-pro, sans-serif; font-weight: 500; font-style: normal; }


#teaser { width: 20%; float: right; padding-left: 2.5%; }
.title_teaser { margin-top: 1rem; }


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

#therealcontentwrapper { width: 80%; min-height: 400px; float: left; padding: 0 0 0 2.3%; border-right: 0px; border-left: 1px solid black; }
#teaser { display: none; }

}


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

#header img { float: none; width: 100%; height: auto; }
#navigation { width: 100%; float: none; padding-right: 0; padding-bottom: 0.5rem; }
#therealcontentwrapper { width: 100%; float: none; padding: 0 0 0 0; border-right: 0px; border-left: 0px; }
img.img_33 { width: 100%; height: auto; float: none; }

}