/* Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE7-9, Firefox3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* corrects inline-block display not defined in IE7-9, Firefox3 */
audio,
canvas,
video {
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

/* prevents modern browsers from displaying 'audio' without controls, remove excess height in iOS5 devices */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] {
  display: none;
}

html {
  /* corrects text resizing oddly in IE7 when body font-size is set using em units -
     http://clagnut.com/blog/348/#c790 */
  font-size: 100%;
  /* always force scrollbar padding so we don't get 'jumping' */
  overflow-y: scroll;
  /* prevents iOS text size adjust after orientation change, without disabling user zoom -
     http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* as above, for Windows Phone */
  -ms-text-size-adjust: 100%;
}

/* Addresses margins set differently in IE7 */
p,
pre {
  margin: 1em 0;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b,
strong { font-family: "garamond-premier-pro", serif; font-weight: 700; font-style: normal;
}

/* addresses CSS quotes not supported in IE7, addresses quote property not supported in Safari4 */
q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* removes border when inside 'a' element in IE7-9, Firefox3, improves image quality when scaled in IE7 -
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

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

/* addresses margins set differently in IE7 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 2em;
}

/* remove margins from nested lists */
dl dl,
ul ul,
ol ol {
  margin: 0;
}

/* addresses paddings set differently in IE7 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}


/* Clearfix
   ========================================================================== */
/* updated to prevent margin-collapsing on child elements in most situations -
   http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix,
header,
nav ul,
.container,
footer,
#paginator,
#monthly-list {
  /* zoom IE7 fix */
  *zoom: 1;
}

.clearfix:before,
.clearfix:after,
header:before,
header:after,
nav ul:before,
nav ul:after,
.container:before,
.container:after,
footer:before,
footer:after,
#paginator:before,
#paginator:after,
#monthly-list:before,
#monthly-list:after {
  content: "";
  display: table;
}

.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  clear: both;
}


* { margin: 0px ; padding: 0px ; }
body { height: 100%; font-family: "garamond-premier-pro", serif; font-weight: 400; font-style: normal; line-height: 1.3rem; }

#thegreatwrapper { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#header { width: 100%; position: fixed; top: 0; margin: 30px 0px; padding-bottom: 5px; border-bottom: 2px solid black; }

#wrapper_neat { width: 100%; border-bottom: 2px solid black; }
#neat { width: 960px; margin: 0 auto; font-size: 0.95rem; }
#logo { margin-bottom: 1rem; }
.logo_image { height: 70px; width: auto; }
.logo { margin-left: 5px; letter-spacing: 0.02rem; color: black; }

#navigation_top { width: 960px; height: 35px; margin: 0 auto; top: 80px; z-index: 22; padding-top: 1px; padding-bottom: 1px; }
#navigation_1 { padding-top: 10px; }
#navigation_1_left { display: inline; float: left; }
#navigation_1_right { display: inline; float: right; }

#sortby, #cooperations { display: inline-block; padding-right: 2px; }
#select, #select_coop { display: inline-block; float: right; cursor: pointer; cursor: hand; }
.select:hover, .select_coop:hover { color: DeepPink; }
.select_active, .select_coop_active { color: DeepPink; }
.select_list, .select_coop_list { display: none; position: absolute; }
.select_list a, .select_coop_list a { display: block; }
.pink { display: inline-block; background: HotPink; padding: 2px 7px 1px 7px; margin-bottom: 2px; margin-top: 2px; color: white; }
div.select_list, div.select_coop_list { margin-top: 5px; }
.pink:hover { color: black; }
.pink_active { color: DeepPink; }
.select_list_topics, .select_coop_list_topics { margin-top: 0.5rem; margin-bottom: 0.2rem; }
.select_list a:first-of-type span.select_list_topics, .select_coop_list a:first-of-type span.select_coop_list_topics { margin-top: 0.3rem; margin-bottom: 0.2rem; }

a { color: DeepPink; }
a:hover { text-decoration:none; color: black; }
a:active { text-decoration:none; color: #8ae415; }
a.active { text-decoration:none; color: #8ae415; }

a.none, a.none:visited { color: Black; }
a.none:hover { text-decoration:none; color: DeepPink; }
a.none:active { text-decoration:none; color: #8ae415; }
a.none.active { text-decoration:none; color: #8ae415; }

#content { width: 960px; margin: 0 auto; margin-top: 225px; }

.column { float: left; width: 30%; margin-right: 5%; }
.column:last-of-type { margin-right: 0; }

.article_work { border-bottom: 2px solid black; margin-bottom: 36px; }
.article_work:last-of-type { border-bottom: 0; }
.articleimage img { width: 100%; height: auto; }
.articleimage li { list-style: none; }

.articletext_work {}

.articleimages_addon img { width: 100%; height: auto; margin-bottom: 10px; }
.articleimages_addon li { list-style: none; }

.infobutton { cursor: pointer; cursor: hand; text-align: right; margin-top: -0.8rem; }
.infobutton::before { content: "view more /"; }
.infobutton:hover { color: DeepPink; }
.info_active { color: black; }
.info_active::before { content: "close /"; }
.infofield { display: none; width: 100%; margin-bottom: 1.2rem; }
.infofield p { margin-top: 0rem; margin-bottom: 0.5rem; line-height: 1.3rem; }
.infobutton_close { cursor: pointer; cursor: hand; text-align: right; }
.infofield p.infobutton_close { margin-top: 0rem; }
.infobutton_close:hover { color: DeepPink; }

.article_plain { margin-bottom: 36px; }

.bold { font-family: "garamond-premier-pro", serif; font-weight: 700; font-style: normal; }
h3 { font-weight: 400; font-style: normal; }
h4 { font-weight: 400; font-style: normal; }
.italic { font-family: "garamond-premier-pro", serif; font-weight: 400; font-style: italic; font-size: 100%; letter-spacing: 0.02rem; }
.pinkfont { color: DeepPink; }

.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

#footer { width: 100%; border-top: 2px solid black; clear: both; }
#navigation_bottom { width: 960px; margin: 0 auto; margin-bottom: 52px; }
#navigation_2 { padding-top: 12px; float: right; }

#footer_kontakt { width: 100%; position: absolute; bottom: 0; border-top: 2px solid black; clear: both; }

.navigation a:link { text-decoration:none; color: #000000; }
.navigation a:visited { text-decoration:none; color: #000000; }
.navigation a:hover { text-decoration:none; color: DeepPink; }
.navigation a:active { text-decoration:none; color: DeepPink; }
.navigation a.active { text-decoration:none; color: DeepPink; }

a:link { text-decoration:none; color: DeepPink; }
a:visited { text-decoration:none; color: DeepPink; }
a:hover { text-decoration:none; color: HotPink; }
a:active { text-decoration:none; color: HotPink; }
a.active { text-decoration:none; color: HotPink; }

.reset { clear: both; }



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

#neat { width: 90%; }
#navigation_top { width: 90%; }
#content { width: 90%; }
#navigation_bottom { width: 90%; }
}


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

body { font-size: 0.9rem; line-height: 1.2rem; }
.logo_image { height: 60px; width: auto; }
#content { margin-top: 205px; }
}


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

#cooperations { display: none; }
.column { float: none; width: 100%; margin-right: 0%; }
.article_work:last-of-type { border-bottom: 2px solid black; }
}