@charset "UTF-8";
/****************************************/
/* this stylesheet is using SASS syntax */
/* http://sass-lang.com/ */
/* Standard-Browser-Styles resetten */
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

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

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

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

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea { color: #222; }

html { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, img, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Media Queries ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Print styles ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
/* Farben */
/* Responsive Breakpoints (mit max-width benutzen!) */
/* Einheitliche Abstände zwischen Elementen */
/* Fonts */
/* Textgrössen */
/* Allgemeine Vorlagen */
.col, .kontakt .table .list .left .form ul li input, .kontakt .table .list .left .form ul li textarea, .kontakt .table .list .left .form li input, .kontakt .table .list .left .form li textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Eingabefeld resetten */
/****************************************/
/* Body */
@media only screen and (max-width: 767px) { body { min-height: 1px; /* Wir nutzen diese spezielle CSS-Regel, damit JS weiss, ob wir schon einen Media-Breakpoint erreicht haben. */ /* Mehr Info dazu und warum wir nicht einfach $(window).width() benutzen: */ /* http://stackoverflow.com/questions/11309859/css-media-queries-and-javascript-window-width-do-not-match */ } }

body, input, textarea, select { font-family: Merriweather, sans-serif; font-weight: 400; line-height: 1.4; font-size: 14px; background: white; color: #222222; outline: none; border-radius: 0;}

p { line-height: 1.7; }

/****************************************/
/* Wiederverwendbar */
.hidden { display: none; }

.centered { text-align: center; }

/****************************************/
/* Standard-Tags */
b, strong { font-weight: 700; }

i, em { font-style: italic; }

img { max-width: 100%; }

p, ul, ol { margin-bottom: 12px; }
p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; }

/****************************************/
/* Links */
a { text-decoration: none; color: #bcbcbc; }

a:hover { text-decoration: underline; }
@media only screen and (max-width: 767px) { a:hover { text-decoration: none; } }

/****************************************/
/* Headlines */
h1, h2, h3, h4, h5, h6 { font-family: "Merriweather Sans", sans-serif; font-weight: 300; line-height: 1.15; font-size: 22px; margin-bottom: 20px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; }

h2 { font-size: 22px; }

h3 { font-size: 22px; }

h4 { font-size: 22px; }

h5 { font-size: 22px; }

h6 { font-size: 22px; }

/****************************************/
/* Seitengerüst */
.row { display: table; table-layout: fixed; width: 100%; }

.col { padding: 0 10px; display: table-cell; vertical-align: top; margin-bottom: 12px; }
.col.full { width: 100%; }
.col.half { width: 50%; }
.col.third { width: 33.33333%; }
.col.twothirds { width: 66.66666%; }
.col.fourth { width: 25%; }
.col.threefourths { width: 75%; }
.col.fifth { width: 20%; }
.col.sixth { width: 16.66666%; }
@media only screen and (max-width: 767px) { .col.full, .col.half, .col.third, .col.twothirds, .col.fourth, .col.threefourths, .col.fifth, .col.sixth { width: auto; display: block; } }

::-webkit-input-placeholder { color: #222222; font-style: italic; }

::-moz-placeholder { color: #222222; }

/* firefox 19+ */
:-ms-input-placeholder { color: #222222; }

/* ie */
input:-moz-placeholder { color: #222222; }

/****************************************/
/* Header */
#header, header { width: 100%; display: block; top: 0; left: 0; height: 67px; border: 1px solid #bcbcbc; background: #fff; z-index: 99; }
#header .navigation .left, header .navigation .left { width: auto; float: left; }
#header .navigation .left .logo, header .navigation .left .logo { width: 67px; height: 67px; padding: 0px; display: block; border-right: 1px solid #bcbcbc; float: left; }
#header .navigation .left .logo.active, header .navigation .left .logo.active { background: white; }
#header .navigation .left .suche, header .navigation .left .suche { float: left; }
#header .navigation .left .suche img, header .navigation .left .suche img { width: 12px; padding-left: 16px; top: -2px; position: relative; }
#header .navigation .left .suche input[type=search], header .navigation .left .suche input[type=search] { width: auto; border: 0; box-shadow: none; height: 25px; color: #222222; padding: 22px 20px 18px 8px; }
#header .navigation .left .suche input[type=search]:focus, header .navigation .left .suche input[type=search]:focus { outline: 0; }
#header .navigation .left .lupe, header .navigation .left .lupe { width: 13px; height: 13px; background: transparent url("../img/lupe.svg") 0 center no-repeat; display: inline-block; background-size: 13px; margin-left: 22px; }
#header .navigation .right, header .navigation .right { float: right; width: auto; right: 0; }
#header .navigation .right ul, header .navigation .right ul { list-style: none; padding: 0; margin: 0; }
#header .navigation .right ul li, header .navigation .right ul li { float: left; border-left: 1px solid #bcbcbc; }
#header .navigation .right ul li a, header .navigation .right ul li a { padding: 25px 22px; text-align: center; display: block; margin: 0; color: #222222; font-weight: 800; font-family: "Merriweather Sans"; text-transform: uppercase; font-size: 13px; }
#header .navigation .right ul li a:hover, header .navigation .right ul li a:hover { text-decoration: none; background: #222222; color: white; }
#header .navigation .right ul li a.active, header .navigation .right ul li a.active { background: #222222; color: white; }
#header .navigation .right ul li.dropdown a, header .navigation .right ul li.dropdown a { width: auto !important; }
#header .navigation .right ul li.dropdown a:before, header .navigation .right ul li.dropdown a:before { content: url("../img/pfeil-nach-unten.jpg"); width: 6px; float: left; margin-right: 13px; top: -3px; position: relative; }
#header .navigation .right ul li.dropdown a:hover:before, header .navigation .right ul li.dropdown a:hover:before { content: url("../img/pfeil-nach-unten-active.png"); }
#header .navigation .right ul li.dropdown.ohnepfeil a:before, header .navigation .right ul li.dropdown.ohnepfeil a:before { content: '' !important; margin-right: 0; }
#header .navigation .right ul li.dropdown.ohnepfeil a, header .navigation .right ul li.dropdown.ohnepfeil a { padding: 25px 12px; }
#header .navigation .right ul li.dropdown li, header .navigation .right ul li.dropdown li { border-left: 0; border-bottom: 1px solid #bcbcbc; }
#header .navigation .right ul li.dropdown ul.submenu, header .navigation .right ul li.dropdown ul.submenu { display: none; }
#header .navigation .right ul li.dropdown ul.submenu a, header .navigation .right ul li.dropdown ul.submenu a { text-align: left; width: 170px; padding: 25px 10px 25px 14px !important; }
#header .navigation .right ul li.dropdown ul.submenu a:before, header .navigation .right ul li.dropdown ul.submenu a:before { content: '' !important; }
#header .navigation .right ul li.dropdown:hover ul.submenu, header .navigation .right ul li.dropdown:hover ul.submenu { display: block; }
#header .navigation .right .anmelden, header .navigation .right .anmelden { padding: 34px 26px; background: transparent url("../img/login.svg") center center no-repeat; background-size: 30px; }

section.intro { margin-top: 150px; }
section.intro .cut { left: 30%; display: block; position: relative; width: 6px; } /*left geändert, ursprünglich 25%*/
section.intro .cut h1, section.intro .cut h2 { font-size: 60px; line-height: 0px; font-family: "Merriweather Sans"; font-weight: 300; }
section.intro .cut h1 { color: #bcbcbc; line-height: 50px; }
section.intro .cut h2 { margin-bottom: 44px; }
section.grid { margin-top: 100px; }
section.grid .size { display: inline-block; }
section.grid .navi { width: 100%; height: 67px; border: 1px solid #bcbcbc; background: #fff; z-index: 99; }
section.grid .navi .left { width: auto; float: left; display: none; }
section.grid .navi .left .logo { width: 67px; height: 67px; padding: 0px; display: block; border-right: 1px solid #bcbcbc; float: left; }
section.grid .navi .left .suche { float: left;}
section.grid .navi .left .suche img { width: 13px; padding-left: 16px; top: -2px; position: relative;}
section.grid .navi .left .suche input[type=search] { width: auto; border: 0; box-shadow: none; height: 25px; color: #222222; padding: 22px 20px 18px 8px; }
section.grid .navi .left .suche input[type=search]:focus { outline: 0; }
section.grid .navi ul { margin: 0 auto; padding: 0; max-width: 100%; text-align: center; float: right; }
section.grid .navi li { float: left; border-left: 1px solid #bcbcbc; }
section.grid .navi li:last-of-type { border-right: 1px solid #bcbcbc; }
section.grid .navi li.listview, section.grid .navi li.size_medium, section.grid .navi li.size_large { border-left: 0; }
section.grid .navi li.size_small .inner, section.grid .navi li.size_medium .inner, section.grid .navi li.size_large .inner { display: block; }
section.grid .navi li.size_small .inner:hover, section.grid .navi li.size_medium .inner:hover, section.grid .navi li.size_large .inner:hover { background: none; }
section.grid .navi li.size_small .inner span, section.grid .navi li.size_medium .inner span, section.grid .navi li.size_large .inner span { cursor: pointer; }
section.grid .navi li.active span { background: #222222; }
section.grid .navi li.size_small .inner { margin: 0; padding: 29px 8px 29px 22px; }
section.grid .navi li.size_small .inner span { width: 8px; height: 8px; border: 1px solid #222222; display: block; }
section.grid .navi li.size_small .inner span:hover { background: #222222; }
section.grid .navi li.size_medium .inner { margin: 0; padding: 27px 10px 29px 8px; }
section.grid .navi li.size_medium .inner span { width: 12px; height: 12px; border: 1px solid #222222; display: block; }
section.grid .navi li.size_medium .inner span:hover { background: #222222; }
section.grid .navi li.size_large { border-right: 0; }
section.grid .navi li.size_large .inner { margin: 0; padding: 25px 22px 29px 8px; }
section.grid .navi li.size_large .inner span { width: 16px; height: 16px; border: 1px solid #222222; display: block; }
section.grid .navi li.size_large .inner span:hover { background: #222222; }
section.grid .navi li a, section.grid .navi li div { padding: 25px 22px; text-align: center; display: block; margin: 0; color: #222222; font-weight: 800; font-family: "Merriweather Sans"; text-transform: uppercase; font-size: 13px; }
section.grid .navi li a:hover, section.grid .navi li div:hover { text-decoration: none; background: #222222; color: white; }
section.grid .navi li .noHover a:hover, .noHover div:hover { text-decoration: none; background: none!important; color:#000000!important;}
section.grid .navi li.gridview div { background: url("../img/icon-liste.svg") 70px 22px no-repeat; padding: 25px 38px 25px 22px !important; background-size: 20px; background-position: 68px 22px; cursor: pointer; }
section.grid .navi li.gridview div:hover { color: #222222; background-image: url("../img/icon-liste-active.svg"); }
section.grid .navi li.gridview.active div { background-image: url("../img/icon-liste-active.svg"); }
section.grid .navi li.listview div { background: url("../img/icon-grid.svg") 80px 22px no-repeat; padding: 25px 47px 25px 22px !important; background-size: 20px; background-position: 80px 22px; cursor: pointer; }
section.grid .navi li.listview div:hover { color: #222222; background-image: url("../img/icon-grid-active.svg"); }
section.grid .navi li.listview.active div { background-image: url("../img/icon-grid-active.svg"); }
section.grid .navi li a.selected { background: #222222; color: white; }
section.grid .navi li a.selectedGroup { background: #222222; color: white; }
section.grid .navi li a.selected:before { content: url("../img/pfeil-nach-unten-active.png") !important; }
section.grid .navi li.dropdown { position: relative; }
section.grid .navi li.dropdown a:before { content: url("../img/pfeil-nach-unten.jpg"); width: 6px; float: left; margin-right: 13px; top: -3px; position: relative; }
section.grid .navi li.dropdown a:hover:before { content: url("../img/pfeil-nach-unten-active.png"); }
section.grid .navi li.dropdown li { border-left: 0; border-bottom: 1px solid #bcbcbc; }
section.grid .navi li.dropdown ul.submenu { display: none; position: absolute; left: 0; background: white; }
section.grid .navi li.dropdown ul.submenu li { float: none; border-right: 1px solid #bcbcbc; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; }
section.grid .navi li.dropdown ul.submenu li a { padding: 25px 14px 25px 38px; width: 170px; color: #222222; text-align: left; }
section.grid .navi li.dropdown ul.submenu li a:before { content: ''; }
section.grid .navi li.dropdown ul.submenu li a:hover { color: white; }
section.grid .navi li.dropdown:hover ul.submenu { display: block; }
section.grid .navi .blackbar { background: #222222; width: 100%; color: white; padding: 5px 10px; font-size: 10px; display: none; }
section.grid .abschnitt { width: auto; padding: 20px; clear: both; }
section.grid .abschnitt h3 { font-weight: 300; font-style: italic; font-size: 24px; border-bottom: 1px solid #bcbcbc; padding-bottom: 15px; display: block; font-family: "Merriweather"; margin-bottom: 40px; }
section.grid .abschnitt ul { list-style: none; padding: 0; margin: 0; }
section.grid .abschnitt li { margin-right: 40px; margin-bottom: 100px; display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; }
section.grid .abschnitt li a { color: #222222; text-decoration: none; font-family: "Merriweather Sans"; }
section.grid .abschnitt li a img { height: 250px; width: auto; }
section.grid .abschnitt li a span { font-family: "Merriweather Sans"; font-size: 14px; }
section.grid .abschnitt li a .title { margin: 26px 0 10px 0; font-weight: 600; max-width: 200px; }
section.grid .abschnitt li a .details { max-width: 300px; max-width: 200px; }
section.grid .abschnitt li a .year { font-weight: 400; }
section.grid .abschnitt li .icon { width: 25px; display: block; height: 25px; background: transparent url("../img/merken.svg") 0 center no-repeat; background-size: 23px; padding: 2px 2px 2px 35px; line-height: 26px; }
section.grid .abschnitt li .icon:hover, section.grid .abschnitt li .icon.active { background: transparent url("../img/merken_active.svg") 0 center no-repeat; background-size: 23px; cursor: pointer; }
section.grid .abschnitt li .merken { margin-top: 30px; height: 30px; font-weight: 700; font-family: "Merriweather Sans"; text-transform: uppercase; }
section.grid .abschnitt li .merken a { color: #222222; }
section.grid .abschnitt li .merken a:hover { text-decoration: none; }
section.grid .abschnitt li .merken img { width: 20px; top: -2px; position: relative; margin-right: 10px; height: 20px; }
section .abb { font-weight: 400; }

/******** List View  **********/
section.grid .mehr { border: 1px solid #222222; font-family: Merriweather Sans; font-weight: 600; color: white; display: block; margin: 0 auto; padding: 20px 0; text-align: center; width: 250px; background: #222222; text-transform: uppercase; }
section.grid .mehr:hover { background: white; color: #222222; text-decoration: none; }
section.grid .grid_content.list_view ul li { width: 100%; float: none; position: relative; border-bottom: 1px solid #bcbcbc; padding-bottom: 20px; display: inline-block; padding-top: 20px; margin-bottom: 0 !important; }
section.grid .grid_content.list_view ul li:hover { background: #e3e3e3; }
section.grid .grid_content.list_view ul li img { height: 180px; float: left; margin-right: 150px; }
section.grid .grid_content.list_view ul li .title, section.grid .grid_content.list_view ul li .details { position: absolute; top: 30px; left: 550px; max-width: 500px !important; }
section.grid .grid_content.list_view ul li .details { top: 80px; }
section.grid .grid_content.list_view ul li .merken { position: absolute; right: 70px; top: 42px; }

/***** FOOTER *******/
footer, #footer { position: relative; width: 100%; margin-top: 30px; }
footer ul, #footer ul { list-style: none; width: auto; display: block; float: left; padding: 20px; }
footer ul li, #footer ul li { float: left; padding: 14px 52px 24px 0; }
footer ul li a, #footer ul li a { color: #bcbcbc; font-weight: 800; font-family: "Merriweather Sans"; text-transform: uppercase; font-size: 13px; }
footer ul li a:hover, #footer ul li a:hover { color: #222222; text-decoration: none; }
footer ul li a.active, #footer ul li a.active { color: #222222; }

.followMeBar { position: relative; z-index: 1; }

.followMeBar.fixed { position: fixed; top: 0; z-index: 0; }
.followMeBar.fixed .left, .followMeBar.fixed .blackbar { display: block !important; }

.followMeBar.fixed.absolute { position: absolute; }

section.werk_details { margin-top: 100px; }
section.werk_details .cut { padding: 10px 20px 0 20px; position: relative; overflow: hidden; }
section.werk_details .cut .nav_top { float: right; position: absolute; right: 25px; bottom: 20px; }
section.werk_details .cut .nav_top .previous, section.werk_details .cut .nav_top .next, section.werk_details .cut .nav_top .close { width: 30px; display: block; float: left; }
section.werk_details .cut .nav_top .previous img, section.werk_details .cut .nav_top .next img, section.werk_details .cut .nav_top .close img { height: 25px; }
section.werk_details h1, section.werk_details h2 { font-size: 36px; line-height: 38px; font-family: "Merriweather Sans"; font-weight: 300; }
section.werk_details h1 { color: #bcbcbc; }
section.werk_details h2 { margin-bottom: 30px; float: left; }
section.werk_details .inventar { font-size: 13px; display: block; margin-top: 40px; position: relative; float: left; margin-left: 5px; font-weight: 600; }
section.werk_details .uebersicht { overflow: hidden; border-top: 1px solid #bcbcbc; padding: 40px 20px; clear: both; }
section.werk_details .uebersicht .left { float: left; margin-right: 60px; width: 49%; }
section.werk_details .uebersicht .left img { width: 100%; }
section.werk_details .uebersicht .left .thumbnail_nav img { border: 1px solid #fff; }
section.werk_details .uebersicht .left .thumb { width: auto; height: 70px; float: left; margin-right: 10px; margin-top: 10px; padding: 2px; cursor: pointer; }
section.werk_details .uebersicht .left .thumb.blackborder { border-color: #222222; }
section.werk_details .uebersicht .right { width: 40%; float: left; }
section.werk_details .uebersicht .right ul { list-style: none; display: table; float: left; margin-top: 0; line-height: 40px; }
section.werk_details .uebersicht .right ul.left_col { font-size: 15px; }
section.werk_details .uebersicht .right ul.right_col { font-weight: 600; font-size: 20px; }
section.werk_details .uebersicht .right .daten { display: table; }
section.werk_details .uebersicht .right .bearbeiten { display: block; margin: 10% 30px 0 20px; padding: 2px; text-align: center; position: relative; float: left; font-size: 13px; color: #222222; font-weight: 800; font-family: "Merriweather Sans"; text-transform: uppercase; }
section.werk_details .uebersicht .right .bearbeiten a { color: #222222; }
section.werk_details .uebersicht .right .bearbeiten a:hover { text-decoration: none; }
section.werk_details .uebersicht .right .bearbeiten .icon { background: transparent url("../img/bearbeiten.svg") center 0 no-repeat; background-size: 64px; display: block; width: auto; min-width: 71px; height: 70px; }
section.werk_details .uebersicht .right .bearbeiten .icon:hover, section.werk_details .uebersicht .right .bearbeiten .icon.active { background: transparent url("../img/bearbeiten_active.svg") center 0 no-repeat; background-size: 64px; cursor: pointer; }
section.werk_details .uebersicht .right .bearbeiten:hover { text-decoration: none; }
section.werk_details .uebersicht .right .bearbeiten img { width: 66px; display: inline-block; float: none; margin-bottom: 10px; }
section.werk_details .uebersicht .right .merken { display: block; margin: 10% 30px 0 30px; padding: 2px; text-align: center; position: relative; float: left; font-size: 13px; color: #222222; font-weight: 800; font-family: "Merriweather Sans"; text-transform: uppercase; }
section.werk_details .uebersicht .right .merken a { color: #222222; }
section.werk_details .uebersicht .right .merken a:hover { text-decoration: none; }
section.werk_details .uebersicht .right .merken .icon { background: transparent url("../img/merken.svg") center 0 no-repeat; background-size: 65px; display: block; width: auto; min-width: 71px; height: 70px; }
section.werk_details .uebersicht .right .merken .icon:hover, section.werk_details .uebersicht .right .merken .icon.active { background: transparent url("../img/merken_active.svg") center 0 no-repeat; background-size: 65px; cursor: pointer; }
section.werk_details .uebersicht .right .merken:hover { text-decoration: none; }
section.werk_details .uebersicht .right .merken img { width: 66px; display: inline-block; float: none; margin-bottom: 10px; }
section.werk_details .uebersicht .right .teilen { display: block; margin: 10% 30px 0 20px; padding: 2px; text-align: center; position: relative; float: left; font-size: 13px; color: #222222; font-weight: 800; font-family: "Merriweather Sans"; text-transform: uppercase; }
section.werk_details .uebersicht .right .teilen a { color: #222222; }
section.werk_details .uebersicht .right .teilen a:hover { text-decoration: none; }
section.werk_details .uebersicht .right .teilen .icon { background: transparent url("../img/teilen.svg") center 0 no-repeat; background-size: 64px; display: block; width: auto; min-width: 71px; height: 70px; }
section.werk_details .uebersicht .right .teilen .icon:hover, section.werk_details .uebersicht .right .teilen .icon.active { background: transparent url("../img/teilen_active.svg") center 0 no-repeat; background-size: 64px; cursor: pointer; }
section.werk_details .uebersicht .right .teilen:hover { text-decoration: none; }
section.werk_details .uebersicht .right .teilen img { width: 66px; display: inline-block; float: none; margin-bottom: 10px; }
section #accordion { list-style: none; margin: 0; padding: 0 20px; }
section #accordion .ui-state-focus { outline: none; }
section #accordion .ui-accordion-content { border-bottom: 1px solid #bcbcbc; }
section #accordion a { font-weight: 600; color: #a1a1a1; font-family: "Merriweather Sans"; }
section #accordion a:hover { color: #222222; text-decoration: none; }
section #accordion a.werk { font-size: 15px; font-family: "Merriweather Sans"; color: #222222; display: block; width: 100%; margin-left: -10px; padding: 10px; margin-top: 5px; margin-bottom: 5px; }
section #accordion a.werk:hover { background: #e3e3e3; }
section #accordion h3 { font-size: 36px; position: relative; display: block; cursor: pointer; padding-bottom: 7px; border-bottom: 1px solid #bcbcbc; }
section #accordion h3 .arrow { background: transparent url("../img/pfeil_unten.svg") center center no-repeat; background-size: 35px; width: 40px; height: 30px; position: absolute; right: 11px; bottom: 20%; }
section #accordion h3.ui-state-active { border-bottom: none; }
section #accordion h3.ui-state-active .arrow { display: none; }
section #accordion h3.closed { border-bottom: 1px solid #bcbcbc; }
section #accordion h3.closed .arrow { background: transparent url("../img/pfeil_unten.svg") center center no-repeat; background-size: 35px; width: 40px; height: 30px; position: absolute; right: 11px; bottom: 20%; display: block; }
section #accordion div { padding-bottom: 5px; max-width: 100%; font-size: 15px; display: none; line-height: 28px; position: relative; }
section #accordion div p { max-width: 60%; padding-bottom: 5px; font-size: 15px; line-height: 28px; }
section #accordion div .arrow.up { background: transparent url("../img/pfeil_oben.svg") center center no-repeat; background-size: 35px; border-bottom: none; width: 40px; height: 30px; position: absolute; right: 11px; bottom: 20px; }
section #accordion div span { display: inline-block; float: none; width: 100%; }
section #accordion div span.title { font-weight: 600; }
section #accordion div span.details { font-weight: 400; }

span.werk { font-size: 15px; font-family: "Merriweather Sans"; color: #222222; display: block; width: 100%; margin-left: -10px; padding: 0 10px 10px 10px; margin-top: 0px; margin-bottom: 40px; }
span.werk .title, span.werk .details { display: block; float: none; }
span.werk .title { font-weight: 600; margin-bottom: 10px; }

input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

input[type=checkbox].css-checkbox + label.css-label { padding-left: 45px; height: 35px; margin-bottom: 10px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; font-family: "Merriweather Sans"; font-weight: 600; color: #222222; text-transform: uppercase; }
input[type=checkbox].css-checkbox + label.css-label a:hover { text-decoration: none; color: #222222; }

input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -37px; color: #222222; font-weight: 800; }

.css-label { background-image: url("../img/checkboxen.png"); }

.form .anmelden { color: #a1a1a1; font-family: "Merriweather Sans"; font-weight: 800; text-transform: uppercase; cursor: pointer; }
.form .anmelden:hover { text-decoration: none; color: #222222; }

.registrieren input[type=submit] { margin: 20px 0; border-radius: 0; }

.feedback .left { margin-bottom: 300px; }

.liste { margin: 100px 0; padding: 0px; width: 100%; }

.liste table { border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; }

.liste tr { border-bottom: 1px solid #bcbcbc; }

.liste td { vertical-align: top; text-align: left; padding: 20px; font-size: 20px; color: #222222; font-family: 'Merriweather Sans'; font-weight: 400; }
.liste td strong { font-weight: 800; font-size: 24px; display: block; padding-bottom: 5px; }
.liste td .details { display: block; font-size: 13px; }

.liste.thead tr td { text-align: left; font-size: 13px; color: #222222; font-family: 'Merriweather Sans'; font-weight: 800; }

.liste tr:hover td { background: #e3e3e3; }

.liste.thead tr:hover td { background: transparent; }

#anmelden { position: fixed; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.8); top: 0; left: 0; display: none; z-index: 9999999; }
#anmelden .inner { display: block; position: relative; width: 350px; height: 500px; top: 50%; left: 50%; padding: 30px 30px 50px 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #222222; box-shadow: 0 0 5px #111; color: white; font-size: 15px; line-height: 1.7; font-family: "Merriweather"; }
#anmelden .inner .close { position: absolute; right: 10px; top: -10px; cursor: pointer; }
#anmelden .inner span { display: inline-block; font-size: 36px; line-height: 38px; font-family: "Merriweather Sans"; font-weight: 300; margin-bottom: 20px; margin-top: 10px; }
#anmelden .inner ul, #anmelden .inner .liste { list-style: none; padding: 0; margin: 0; width: 100%; /* firefox 19+ */ /* ie */ }
#anmelden .inner ul ::-webkit-input-placeholder, #anmelden .inner .liste ::-webkit-input-placeholder { color: white; font-style: italic; }
#anmelden .inner ul ::-moz-placeholder, #anmelden .inner .liste ::-moz-placeholder { color: white; font-style: italic; }
#anmelden .inner ul :-ms-input-placeholder, #anmelden .inner .liste :-ms-input-placeholder { color: white; font-style: italic; }
#anmelden .inner input, #anmelden .inner li { display: block; width: 100%; margin-bottom: 15px; margin-top: 15px; }
#anmelden .inner input a, #anmelden .inner li a { font-family: "Merriweather Sans"; text-transform: uppercase; font-weight: 600; font-size: 15px; }
#anmelden .inner input a:hover, #anmelden .inner li a:hover { color: white; text-decoration: none; }
#anmelden .inner input[type=text], #anmelden .inner input[type=email], #anmelden .inner input[type=password] { border: 1px solid white; padding: 17px 10px; width: 100%; display: block; background: transparent; color: white; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#anmelden .inner input[type=submit] { background: white; font-size: 15px; font-weight: 800; font-family: "Merriweather Sans"; color: white; text-transform: uppercase; border: 1px solid white; text-align: center; padding: 17px 10px; width: 100%; display: inline-block; margin-top: 20px; color: #222222; border-radius: 0; }
#anmelden .inner input[type=submit]:hover { color: white; background: transparent; }
#anmelden .inner input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
#anmelden .inner input[type=checkbox].css-checkbox + label.css-label { padding-left: 45px; height: 35px; width: 250px; margin-bottom: 10px; display: inline-block; line-height: 37px; background-repeat: no-repeat; background-position: 0 0; font-size: 13px; vertical-align: middle; cursor: pointer; font-family: "Merriweather Sans"; font-weight: 600; color: white; text-transform: uppercase; }
#anmelden .inner input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -37px; color: white; font-weight: 800; }
#anmelden .inner .css-label { background-image: url("../img/checkboxen-weiss.png"); }

#teilen { position: fixed; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.8); top: 0; left: 0; display: none; z-index: 9999999; }
#teilen .inner { display: block; position: relative; width: 270px; height: auto; top: 50%; left: 50%; padding: 30px 30px 50px 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #222222; box-shadow: 0 0 5px #111; color: white; font-size: 15px; line-height: 1.7; font-family: "Merriweather"; }
#teilen .inner .close { position: absolute; right: 10px; top: -10px; cursor: pointer; }
#teilen .inner span { display: inline-block; font-size: 36px; line-height: 38px; font-family: "Merriweather Sans"; font-weight: 300; margin-bottom: 20px; margin-top: 10px; }
#teilen .inner ul { list-style: none; padding: 0; margin: 0; width: 100%; }
#teilen .inner li { display: block; width: 100%; margin-bottom: 15px; margin-top: 15px; /* firefox 19+ */ /* ie */ }
#teilen .inner li ::-webkit-input-placeholder { color: white; font-style: italic; }
#teilen .inner li ::-moz-placeholder { color: white; font-style: italic; }
#teilen .inner li :-ms-input-placeholder { color: white; font-style: italic; }
#teilen .inner li img { width: 20px; margin-right: 20px; }
#teilen .inner li a { font-family: "Merriweather Sans"; text-transform: uppercase; font-weight: 600; font-size: 15px; }
#teilen .inner li a:hover { color: white; text-decoration: none; }
#teilen .inner input[type=text], #teilen .inner input[type=email], #teilen .inner input[type=password] { border: 1px solid white; padding: 17px 10px; width: 80%; background: transparent; color: white; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.edit-icon { position: fixed; right: 0; bottom: 0; padding: 10px 18px; background: #222222; cursor: pointer; }
.edit-icon img { width: 20px; }

.mitarbeit { position: fixed; bottom: 0; right: 0; display: none; z-index: 9999999; }
.mitarbeit .edit { position: absolute; left: -57px; top: -10px; padding: 10px 18px; background: #222222; cursor: pointer; }
.mitarbeit .edit img { width: 20px; }
.mitarbeit .inner { display: block; position: relative; width: 350px; height: 500px; padding: 30px 30px 50px 30px; background: #222222; color: white; font-size: 15px; line-height: 1.7; font-family: "Merriweather"; font-weight: 300; }
.mitarbeit .inner .close { position: absolute; right: 10px; top: -10px; cursor: pointer; }
.mitarbeit .inner span { display: inline-block; font-size: 36px; line-height: 38px; font-family: "Merriweather Sans"; font-weight: 300; margin-bottom: 20px; margin-top: 10px; }
.mitarbeit .inner ul, .mitarbeit .inner .liste { list-style: none; padding: 0; margin: 0; width: 100%; /* firefox 19+ */ /* ie */ }
.mitarbeit .inner ul ::-webkit-input-placeholder, .mitarbeit .inner .liste ::-webkit-input-placeholder { color: white; font-style: italic; }
.mitarbeit .inner ul ::-moz-placeholder, .mitarbeit .inner .liste ::-moz-placeholder { color: white; font-style: italic; }
.mitarbeit .inner ul :-ms-input-placeholder, .mitarbeit .inner .liste :-ms-input-placeholder { color: white; font-style: italic; }
.mitarbeit .inner input, .mitarbeit .inner li { display: block; width: 100%; margin-bottom: 15px; margin-top: 15px; }
.mitarbeit .inner input a, .mitarbeit .inner li a { font-family: "Merriweather Sans"; text-transform: uppercase; font-weight: 600; font-size: 15px; }
.mitarbeit .inner input a:hover, .mitarbeit .inner li a:hover { color: white; text-decoration: none; }
.mitarbeit .inner textarea { border: 1px solid white; padding: 17px 10px; width: 100%; display: block; background: transparent; color: white; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mitarbeit .inner input[type=text], .mitarbeit .inner input[type=email], .mitarbeit .inner input[type=password] { border: 1px solid white; padding: 17px 10px; width: 100%; display: block; background: transparent; color: white; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mitarbeit .inner input[type=submit] { background: white; font-size: 15px; font-weight: 800; font-family: "Merriweather Sans"; color: white; text-transform: uppercase; border: 1px solid white; text-align: center; padding: 17px 10px; width: 100%; display: inline-block; margin-top: 20px; color: #222222; border-radius: 0; }
.mitarbeit .inner input[type=submit]:hover { color: white; background: transparent; }
.mitarbeit .inner input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.mitarbeit .inner input[type=checkbox].css-checkbox + label.css-label { padding-left: 45px; height: 35px; width: 250px; margin-bottom: 10px; display: inline-block; line-height: 37px; background-repeat: no-repeat; background-position: 0 0; font-size: 13px; vertical-align: middle; cursor: pointer; font-family: "Merriweather Sans"; font-weight: 600; color: white; text-transform: uppercase; }
.mitarbeit .inner input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -37px; color: white; font-weight: 800; }
.mitarbeit .inner .css-label { background-image: url("../img/checkboxen-weiss.png"); }

.lightbox { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); top: 0; left: 0; display: none; z-index: 9999999; }
/*.lightbox .inner { display: block; }
.lightbox .inner img { display: block; position: absolute; height: 90%; border: 5px solid white; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
*/

.lightbox > .inner{
	position:absolute;
	height:94%;
	width:94%;
	top: 3%;
	left:3%;
}

.lightbox > .inner img{
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0; 
  max-height:100%;
}

.awFilter{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

span.size2{
	font-size: 14px;
	font-weight: 600;
	margin-left: 10px;
}
section.grid .abschnitt li a span.size3{
	font-size: 10px;
}

.active{
	color:#000;
}

.slides_container { display: block; position: relative; }
.slides_container .resize { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s,opacity 0.5s linear; }

.slides_container:hover .resize { display: block; position: absolute; width: 100%; height: 100%; z-index: 9; background: rgba(255, 255, 255, 0.85) url("../img/resize.svg") 97% 96% no-repeat; background-size: 60px; cursor: pointer; top: 0; left: 0; bottom: 0; right: 0; visibility: visible; opacity: 1; transition-delay: 0s; }

/*** VITA ***/
.transparent { background: transparent !important; }
.transparent .navigation .left .suche { /* firefox 19+ */ /* ie */ }
.transparent .navigation .left .suche ::-webkit-input-placeholder { color: white; font-style: italic; }
.transparent .navigation .left .suche ::-moz-placeholder { color: white; font-style: italic; }
.transparent .navigation .left .suche :-ms-input-placeholder { color: white; font-style: italic; }
.transparent .navigation .left .suche input:-moz-placeholder { color: white; font-style: italic; }
.transparent .navigation .left .suche input[type=search] { background: transparent; color: white !important; }
.transparent .navigation .left .suche .lupe { width: 13px; height: 13px; background: transparent url("../img/lupe-w.svg") 0 center no-repeat !important; display: inline-block; background-size: 13px !important; margin-left: 22px; }
.transparent .navigation .right ul li a { color: white !important; }
.transparent .navigation .right ul li a.active, .transparent .navigation .right ul li a:hover { background: white !important; color: #222222 !important; }
.transparent .navigation .right ul li.dropdown a:before { content: url("../img/pfeil-nach-unten-active.png") !important; }
.transparent .navigation .right .anmelden { padding: 34px 26px; background: transparent url("../img/login-w.svg") center center no-repeat !important; background-size: 30px !important; }

section.bg_image, .bg_image { margin-top: -87px; background-size: cover; min-height: 200px; width: 100%; display: block; position: relative; }
section.bg_image .cut, .bg_image .cut { position: absolute; bottom: -7px; left: 80px; }
section.bg_image .cut h1, .bg_image .cut h1 { font-size: 130px; color: white; line-height: 105px; }

.vita { width: 60%; margin: 0 auto; display: block; }
.vita h2 { font-size: 60px; margin-left: 120px; }
.vita .abschnitt { display: table; }
.vita .abschnitt .year { display: table-cell; width: 120px; font-style: italic; font-size: 19px; font-weight: 300; }
.vita .abschnitt .text { display: table-cell; padding-bottom: 30px; font-size: 15px; line-height: 1.7; }

.information .abschnitt .text { margin-left: 120px; position: relative; display: block; }
.information .abschnitt h3 { font-style: italic; font-family: "Merriweather"; font-weight: 300; font-size: 24px; margin-bottom: 15px; }
.information .abschnitt a { font-weight: 600; color: #a1a1a1; font-family: "Merriweather Sans"; }
.information .abschnitt a:hover { color: #222222; text-decoration: none; }

.start { width: auto; padding: 15px 80px; margin: 0 auto; display: block; }
.start h2 { font-size: 60px; font-weight: 300; color: #bcbcbc; }
.start h2 span { color: #222222; }
.start .table { display: table; position: relative; }
.start .table .left { display: table-cell; width: 50%; float: left; }
.start .table .right { display: table-cell; position: absolute; bottom: 0; float: right; right: 0; height: auto; background-color: #e3e3e3; width: 35%; }
.start .table .right .box { padding: 20px; color: #222222; }
.start .table .right .box .icon { display: table-cell; float: left; width: 30px; padding: 0 20px 0 0; }
.start .table .right .box .icon img { height: 40px; }
.start .table .right .box .title { font-size: 34px; }
.start .table .right .box .button { display: table; width: 100%; }
.start .table .right .box .button .inside { padding: 22px 0 18px 0; position: relative; background: #222222; display: inline-block; width: 100%; float: left; color: white; text-align: center; font-family: "Merriweather Sans"; font-weight: 700; text-transform: uppercase; margin-top: 10px; }
.start .table .right .box .button .inside:hover { border: 1px solid #222222; background-color: transparent; color: #222222; text-decoration: none; }

.inhaltsverzeichnis { padding: 40px 0px 0 0px; }
.inhaltsverzeichnis h3 { font-style: italic; font-size: 24px; display: block; padding: 0 80px 20px 80px; margin-bottom: 0; font-weight: 300; font-family: "Merriweather"; border-bottom: 1px solid #bcbcbc; }
.inhaltsverzeichnis a { color: #222222; display: block; }
.inhaltsverzeichnis a:hover { text-decoration: none; background: #e3e3e3; }
.inhaltsverzeichnis .archiv { display: block; padding: 20px 0px 20px 80px; border-bottom: 1px solid #bcbcbc; }
.inhaltsverzeichnis .left { display: table-cell; margin: 0; padding: 10px 70px 0 0; width: 300px; vertical-align: top; font-size: 24px; font-family: "Merriweather Sans"; }
.inhaltsverzeichnis .left .title { font-weight: 600; display: block; }
.inhaltsverzeichnis .right { display: table-cell; }
.inhaltsverzeichnis .right img { float: left; margin-right: 20px; height: 200px; width: auto; }

.kontakt { width: auto; padding: 15px 80px; margin: 0 auto; display: block; }
.kontakt h2 { font-size: 36px; font-weight: 300; color: #222222; }
.kontakt .table { display: table; position: relative; width: 100%; }
.kontakt .table .list  .left { display: table-cell; width: 50%; float: left; }
.kontakt .table .list  .left .form { margin-top: 40px; }
.kontakt .table .list  .left .form ul, .kontakt .table .list  .left .form { list-style: none; padding: 0; margin: 0; }
.kontakt .table .list  .left .form ul li, .kontakt .table .list  .left .form li { display: block; width: 100%; margin-bottom: 15px; }
.kontakt .table .list  .left .form ul li:last-child, .kontakt .table .list  .left .form li:last-child { margin-bottom: 0; }
.kontakt .table .list  .left .form ul li input, .kontakt .table .list  .left .form ul li textarea, .kontakt .table .list  .left .form li input, .kontakt .table .list  .left .form li textarea { border: 1px solid #bcbcbc; padding: 17px 10px; width: 100%; display: block; }
.kontakt .table .list  .left .form ul li input.submit, .kontakt .table .list  .left .form ul li textarea.submit, .kontakt .table .list  .left .form li input.submit, .kontakt .table .list  .left .form i textarea.submit { background: #222222; font-size: 13px; font-weight: 800; font-family: "Merriweather Sans"; color: white; text-transform: uppercase; border: 1px solid #222222; }
.kontakt .table .list  .left .form ul li input.submit:hover, .kontakt .table .list  .left .form ul li textarea.submit:hover, .kontakt .table .list  .left .form li input.submit:hover, .kontakt .table .list  .left .form li textarea.submit:hover { background: transparent; color: #222222; border: 1px solid #222222; }
.kontakt .table .list  .right { display: table-cell; position: absolute; bottom: 0; float: right; right: 0; height: 265px; background-color: #e3e3e3; width: 40%; }
.kontakt .table .list  .right .box { padding: 20px; color: #222222; }
.kontakt .table .list  .right .box input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.kontakt .table .list  .right .box input[type=checkbox].css-checkbox + label.css-label { padding-left: 45px; height: 35px; width: 150px; margin-bottom: 10px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; font-family: "Merriweather Sans"; font-weight: 600; color: #222222; }
.kontakt .table .list  .right .box input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -37px; color: #222222; font-weight: 800; }
.kontakt .table .list  .right .box .css-label { background-image: url("../img/checkboxen.png"); }
.kontakt .table .list  .right .box .button { display: table; width: 100%; }
.kontakt .table .list  .right .box .button .inside { padding: 22px 0 18px 0; position: relative; background: #222222; display: inline-block; width: 100%; float: left; color: white; text-align: center; font-family: "Merriweather Sans"; font-weight: 700; text-transform: uppercase; margin-top: 10px; }
.kontakt .table .list  .right .box .button .inside:hover { border: 1px solid #222222; background-color: transparent; color: #222222; text-decoration: none; }

.ausstellungen h3 span { font-size: 13px; font-weight: 600; font-style: normal; }
.ausstellungen .infos { display: block; line-height: 28px; font-size: 15px; max-width: 60%; margin-bottom: 20px; margin-top: -20px; }
.ausstellungen ul li { margin-bottom: 30px !important; }
.ausstellungen ul li a .title { max-width: 160px !important; }
.ausstellungen ul li img { height: 180px !important; }

.quelle { font-size: 12px; display: block; line-height: 1.4; margin-top: 30px; font-style: italic; }

.methodik { margin-left: 120px !important; padding-left: 0 !important; padding-right: 0 !important; }
.methodik h2 { margin-left: 0; }
.methodik li div { max-width: 85% !important; }

.mobile_menu { display: none; visibility: hidden; }



.fetteNumerInDerTabelle{
	font-size:24px;
	color:#a6a6a6;
}

.fetterTextInTabelle{
	font-size:22px!important;
}

.imgVita{
	width:100px;
	margin-top:10px;
}

.imgVita:hover{
	position:absolute;
	margin-left:-40px;
	width:auto;
	max-width:100%;
}

.imageHover{
	position:static;
}

.imageHidden{
	display:none;
}

.imageHidden:hover{
	position:absolute;
	width:auto;
	display:block;
	margin-top:-120px;
	z-index:100;
}

.imageHover:hover + .imageHidden{
	position:absolute;
	width:auto;
	display:block;
	margin-top:-120px;
	z-index:100;
}

.imagePublication{
	max-width:160px;
}

.awImgContainer ~ .copyright, .slides_container > .copyright{
	float:left;
	margin-top:1px;
	font-size:10px!important;
	color:#bcbcbc;
}
.awImgContainer ~ .imageCountUnderArtwork{
	float:left;
	margin-right:10px;
	font-size:10px!important;
	color:#333;
}

.imgNews{
	width:80px;
}

.imageNewsContainer{
	display:inline-block!important;
	margin-right:10px;
	margin-bottom:100px;
	vertical-align:bottom;
}

.newsImagesContainer{
	margin-left:120px;
}

#header .news a{
	
	-webkit-animation-name: shake;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
	
	-moz-animation-name: shake;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 2s;
	
	animation-name: shake;
	animation-duration: 5s;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 2s;

}


#header .news a.active {
	-webkit-animation-name: none;
	-moz-animation-name: none;
	animation-name: none;	
}

@-webkit-keyframes shake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	1% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); background-color:#DCF000; color:#222; }
	2% { -webkit-transform: translate(-3px, 0px) rotate(3deg); background-color:#DCF000; color:#222; }
	3% { -webkit-transform: translate(0px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	4% { -webkit-transform: translate(1px, -1px) rotate(1deg); background-color:#DCF000; color:#222; }
	5% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	6% { -webkit-transform: translate(-3px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	7% { -webkit-transform: translate(2px, 1px) rotate(-2deg); background-color:#DCF000; color:#222; }
	8% { -webkit-transform: translate(-1px, -1px) rotate(4deg); background-color:#DCF000; color:#222; }
	9% { -webkit-transform: translate(2px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	10% { -webkit-transform: translate(1px, -2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	11% { -webkit-transform: translate(2px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	12% { -webkit-transform: translate(-1px, -2px) rotate(-2deg); background-color:#DCF000; color:#222; }
	13% { -webkit-transform: translate(-3px, 0px) rotate(3deg); background-color:#DCF000; color:#222; }
	14% { -webkit-transform: translate(0px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	15% { -webkit-transform: translate(1px, -1px) rotate(1deg); background-color:#DCF000; color:#222; }
	16% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	17% { -webkit-transform: translate(-3px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	18% { -webkit-transform: translate(2px, 1px) rotate(-2deg); background-color:#DCF000; color:#222; }
	19% { -webkit-transform: translate(-1px, -1px) rotate(4deg); background-color:#DCF000; color:#222; }
	20% { -webkit-transform: translate(2px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	21% { -webkit-transform: translate(1px, -2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	22% { -webkit-transform: translate(0) rotate(0); background:none; color:inherit;}
	100% { }
}

@-moz-keyframes shake {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	1% { -moz-transform: translate(-1px, -2px) rotate(-2deg); background-color:#DCF000; color:#222; }
	2% { -moz-transform: translate(-3px, 0px) rotate(3deg); background-color:#DCF000; color:#222; }
	3% { -moz-transform: translate(0px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	4% { -moz-transform: translate(1px, -1px) rotate(1deg); background-color:#DCF000; color:#222; }
	5% { -moz-transform: translate(-1px, 2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	6% { -moz-transform: translate(-3px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	7% { -moz-transform: translate(2px, 1px) rotate(-2deg); background-color:#DCF000; color:#222; }
	8% { -moz-transform: translate(-1px, -1px) rotate(4deg); background-color:#DCF000; color:#222; }
	9% { -moz-transform: translate(2px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	10% { -moz-transform: translate(1px, -2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	11% { -moz-transform: translate(2px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	12% { -moz-transform: translate(-1px, -2px) rotate(-2deg); background-color:#DCF000; color:#222; }
	13% { -moz-transform: translate(-3px, 0px) rotate(3deg); background-color:#DCF000; color:#222; }
	14% { -moz-transform: translate(0px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	15% { -moz-transform: translate(1px, -1px) rotate(1deg); background-color:#DCF000; color:#222; }
	16% { -moz-transform: translate(-1px, 2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	17% { -moz-transform: translate(-3px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	18% { -moz-transform: translate(2px, 1px) rotate(-2deg); background-color:#DCF000; color:#222; }
	19% { -moz-transform: translate(-1px, -1px) rotate(4deg); background-color:#DCF000; color:#222; }
	20% { -moz-transform: translate(2px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	21% { -moz-transform: translate(1px, -2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	22% { -moz-transform: translate(0) rotate(0); background:none; color:inherit;}
	100% { }
}

@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	1% { transform: translate(-1px, -2px) rotate(-2deg); background-color:#DCF000; color:#222; }
	2% { transform: translate(-3px, 0px) rotate(3deg); background-color:#DCF000; color:#222; }
	3% { transform: translate(0px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	4% { transform: translate(1px, -1px) rotate(1deg); background-color:#DCF000; color:#222; }
	5% { transform: translate(-1px, 2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	6% { transform: translate(-3px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	7% { transform: translate(2px, 1px) rotate(-2deg); background-color:#DCF000; color:#222; }
	8% { transform: translate(-1px, -1px) rotate(4deg); background-color:#DCF000; color:#222; }
	9% { transform: translate(2px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	10% { transform: translate(1px, -2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	11% { transform: translate(2px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	12% { transform: translate(-1px, -2px) rotate(-2deg); background-color:#DCF000; color:#222; }
	13% { transform: translate(-3px, 0px) rotate(3deg); background-color:#DCF000; color:#222; }
	14% { transform: translate(0px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	15% { transform: translate(1px, -1px) rotate(1deg); background-color:#DCF000; color:#222; }
	16% { transform: translate(-1px, 2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	17% { transform: translate(-3px, 1px) rotate(0deg); background-color:#DCF000; color:#222; }
	18% { transform: translate(2px, 1px) rotate(-2deg); background-color:#DCF000; color:#222; }
	19% { transform: translate(-1px, -1px) rotate(4deg); background-color:#DCF000; color:#222; }
	20% { transform: translate(2px, 2px) rotate(0deg); background-color:#DCF000; color:#222; }
	21% { transform: translate(1px, -2px) rotate(-1deg); background-color:#DCF000; color:#222; }
	22% { transform: translate(0) rotate(0); background:none; color:inherit;}
	100% { }
}



span.subtitle{
	font-style:italic;
}

/* Responsive */
/* Responsive Anpassungen */
@media all and (max-width: 1200px) { #header .navigation .right ul li a, header .navigation .right ul li a { font-size: 12px; padding: 26px 10px !important; transition: all ease-in 0.3s; /* explorer 10 */ -webkit-transition: all ease-in 0.3s; /* chrome & safari */ -moz-transition: all ease-in 0.3s; /* firefox */ -o-transition: all ease-in 0.3s; /* opera */ }


	#header .navigation .right ul li.dropdown ul.submenu a, header .navigation .right ul li.dropdown ul.submenu a { padding: 26px 7px 26px 15px; }
  .start .table .right .box .title { font-size: 27px; }
}
@media all and (max-width: 1065px) { .start .table .right .box .title { font-size: 25px; }
	.start .table .right .box .icon { padding-right: 8px; }
	.start .table .right .box .icon img { height: 30px; }
	.start h2 { font-size: 45px; }
	.inhaltsverzeichnis .right img { height: 160px; }
	.navigation .right { display: none; width: 100%; }
	.navigation .right .anmelden { background: transparent url("../img/login.svg") 96% center no-repeat; background-size: 27px; height: 24px; margin-top: 7px; }
	.navigation .right ul { background: white; }
	.navigation .right ul li { float: none; padding: 0 !important; margin: 0; border-left: 0; }
	.navigation .right ul li a { padding: 15px 0 0 0 !important; font-size: 14px; text-align: right; margin-right: 15px; color: #a1a1a1 !important; }
	.navigation .right ul li a.active { color: #222222 !important; background: transparent !important; }
	.navigation .right ul li:last-child { padding-bottom: 15px !important; }
	.navigation .left .logo { border-right: 0; }
	.navigation .left .suche { display: none; }
	.navigation .mobile_menu { display: block; visibility: visible; background: transparent url("../img/mobile.svg") center center no-repeat; background-size: 40px; padding: 18px 18px; width: 25px; height: 31px; position: absolute; right: 0; top: 0; }
	.navigation .mobile_menu img { width: 35px; }
	.navigation .mobile_menu.active { background: white url("../img/mobile.svg") center center no-repeat; background-size: 40px; }
	.navigation .transparent .mobile_menu { display: block; visibility: visible; background: transparent url("../img/mobile-w.svg") center center no-repeat; background-size: 40px; padding: 18px 18px; width: 25px; height: 31px; position: absolute; right: 0; top: 0; }
	.navigation .transparent .mobile_menu img { width: 35px; }
	.navigation .transparent .mobile_menu.active { background: white url("../img/mobile.svg") center center no-repeat; background-size: 40px; }

	/*Quickfix*/
header.white, #header.white { background: white !important; }
header .navigation .right, #header .navigation .right { display: none; width: 100%; }
header .navigation .right .anmelden, #header .navigation .right .anmelden { background: transparent url("../img/login.svg") 96% center no-repeat; background-size: 27px; height: 24px; margin-top: 7px; }
header .navigation .right ul, #header .navigation .right ul { background: white; }
header .navigation .right ul li, #header .navigation .right ul li { float: none; padding: 0 !important; margin: 0; border-left: 0; }
header .navigation .right ul li a, #header .navigation .right ul li a { padding: 15px 0 0 0 !important; font-size: 14px; text-align: right; margin-right: 15px; color: #a1a1a1 !important; }
header .navigation .right ul li a.active, #header .navigation .right ul li a.active { color: #222222 !important; background: transparent !important; }
header .navigation .right ul li:last-child, #header .navigation .right ul li:last-child { padding-bottom: 15px !important; }
header .navigation .left .logo, #header .navigation .left .logo { border-right: 0; }
header .navigation .left .suche, #header .navigation .left .suche { display: none; }
header .navigation .mobile_menu, #header .navigation .mobile_menu { display: block; visibility: visible; background: transparent url("../img/mobile.svg") center center no-repeat; background-size: 40px; padding: 18px 18px; width: 25px; height: 31px; position: absolute; right: 0; top: 0; }
header .navigation .mobile_menu img, #header .navigation .mobile_menu img { width: 35px; }
header .navigation .ombile_menu.active, #header .navigation .mobile_menu.active { background: white url("../img/mobile.svg") center center no-repeat; background-size: 40px; }
header .navigation .transparent .mobile_menu, #header .navigation .transparent .mobile_menu { display: block; visibility: visible; background: transparent url("../img/mobile-w.svg") center center no-repeat; background-size: 40px; padding: 18px 18px; width: 25px; height: 31px; position: absolute; right: 0; top: 0; }
header .navigation .transparent .mobile_menu img, #header .navigation .transparent .mobile_menu img { width: 35px; }
header .navigation .transparent .mobile_menu.active, #header .navigation .transparent .mobile_menu.active { background: white url("../img/mobile.svg") center center no-repeat; background-size: 40px; }

#mysearch{
	width:50% !important;
	padding: 22px 10px 18px 8px;
}

#header .suche > form{
	width:70%;
}

#header .suche > form > .lupe{
	margin-left:10px !important;
}

#header .suche{
	display:inline-block !important;
	width:70%;
}
}

@media all and (max-width: 913px) { .inhaltsverzeichnis .left { display: block; width: auto; }
  #anmelden { position: relative; }
  #anmelden .inner { display: block; position: relative; width: 80%; height: 100%; top: 50%; left: 50%; padding: 30px 30px 50px 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #222222; box-shadow: 0 0 5px #111; color: white; font-size: 15px; line-height: 1.7; font-family: "Merriweather"; }

}


@media all and (max-width: 790px) { header, #header { border: 0; border-bottom: 0; position: absolute; }
  header.white, #header.white { background: white !important; }
  header .navigation .right, #header .navigation .right { display: none; width: 100%; }
  header .navigation .right .anmelden, #header .navigation .right .anmelden { background: transparent url("../img/login.svg") 96% center no-repeat; background-size: 27px; height: 24px; margin-top: 7px; }
  header .navigation .right ul, #header .navigation .right ul { background: white; }
  header .navigation .right ul li, #header .navigation .right ul li { float: none; padding: 0 !important; margin: 0; border-left: 0; }
  header .navigation .right ul li a, #header .navigation .right ul li a { padding: 15px 0 0 0 !important; font-size: 14px; text-align: right; margin-right: 15px; color: #a1a1a1 !important; }
  header .navigation .right ul li a.active, #header .navigation .right ul li a.active { color: #222222 !important; background: transparent !important; }
  header .navigation .right ul li:last-child, #header .navigation .right ul li:last-child { padding-bottom: 15px !important; }
  header .navigation .left .logo, #header .navigation .left .logo { border-right: 0; }
  header .navigation .left .suche, #header .navigation .left .suche { display: none; }
  header .navigation .mobile_menu, #header .navigation .mobile_menu { display: block; visibility: visible; background: transparent url("../img/mobile.svg") center center no-repeat; background-size: 40px; padding: 18px 18px; width: 25px; height: 31px; position: absolute; right: 0; top: 0; }
  header .navigation .mobile_menu img, #header .navigation .mobile_menu img { width: 35px; }
  header .navigation .ombile_menu.active, #header .navigation .mobile_menu.active { background: white url("../img/mobile.svg") center center no-repeat; background-size: 40px; }
  header .navigation .transparent .mobile_menu, #header .navigation .transparent .mobile_menu { display: block; visibility: visible; background: transparent url("../img/mobile-w.svg") center center no-repeat; background-size: 40px; padding: 18px 18px; width: 25px; height: 31px; position: absolute; right: 0; top: 0; }
  header .navigation .transparent .mobile_menu img, #header .navigation .transparent .mobile_menu img { width: 35px; }
  header .navigation .transparent .mobile_menu.active, #header .navigation .transparent .mobile_menu.active { background: white url("../img/mobile.svg") center center no-repeat; background-size: 40px; }
  section.bg_image .cut, .bg_image .cut { left: 10px; }
  section.bg_image .cut h1, .bg_image .cut h1 { font-size: 60px; line-height: 58px; }
  section.intro .cut { left: 0!important; padding-left: 10px!important; width: auto !important; }
  section.intro .cut h1, section.intro .cut h2 { font-size: 30px; line-height: 15px; margin-bottom: 15px; }
  section.grid .followWrap { display: none; }
  section.grid .abschnitt { padding: 10px; }
  section.werk_details .cut { padding: 0 10px; }
  section.werk_details .cut h1, section.werk_details .cut h2 { margin-bottom: 0; }
  section.werk_details .uebersicht { padding: 10px; width: auto; }
  section.werk_details .uebersicht .left, section.werk_details .uebersicht .right { width: auto; float: none; margin-right: 0; }
  section.werk_details .uebersicht .left .thumbnail_nav, section.werk_details .uebersicht .right .thumbnail_nav { display: inline-block; float: none; width: auto; }
  section.werk_details .uebersicht .left .thumbnail_nav img, section.werk_details .uebersicht .right .thumbnail_nav img { height: 50px; }
  section.werk_details .uebersicht .left .right_col, section.werk_details .uebersicht .right .right_col { padding: 10px; margin-top: 20px; }
  section.werk_details .uebersicht .left .merken, section.werk_details .uebersicht .left .teilen, section.werk_details .uebersicht .right .merken, section.werk_details .uebersicht .right .teilen, section.werk_details .uebersicht .right .bearbeiten { margin: 10px; }
  section.werk_details h2 { line-height: 43px; }
  section.werk_details .cut .nav_top { bottom: 7px; }
  section #accordion li { background-size: 20px; }
  section #accordion li div { max-width: 90%; }
  section #accordion li h2 { font-size: 20px; margin-bottom: 10px; }
  /* section.werk_details .uebersicht .right .bearbeiten { display: none; visibility: hidden; } */
  .edit-icon { display: none; visibility: hidden; }
  .ausstellungen .infos { max-width: 100%; }
  .information .abschnitt .text { margin-left: 0; }
  section #accordion { padding: 0 10px; }
  .kontakt { padding: 10px; }
  .kontakt .table { display: block; }
  .kontakt .table .left, .kontakt .table .list  .right { width: auto; float: none; display: inline-block; position: relative; bottom: auto; }
  .kontakt .table .list  .right { margin-top: 20px; }
  .methodik { margin-left: 10px !important; }
  .start { padding: 10px 10px; }
  .start h2 { font-size: 25px; margin-bottom: 0; }
  .start .table .left { width: auto; }
  .start .table .right { display: none; }
  .inhaltsverzeichnis h3 { font-size: 20px; padding: 0 10px 10px 10px; }
  .inhaltsverzeichnis .archiv { padding: 10px 10px; display: block; overflow: hidden; }
  .inhaltsverzeichnis .archiv .left, .inhaltsverzeichnis .archiv .right { width: auto; float: none; display: block; font-size: 14px; }
  .inhaltsverzeichnis .archiv .left img, .inhaltsverzeichnis .archiv .right img { height: 80px; margin-top: 10px; margin-bottom: 10px; }
  .vita { width: auto; padding: 0 10px; }
  .vita h2 { margin-left: 10px; }
  .vita .abschnitt { display: block; padding-left: 10px; }
  .vita .abschnitt .year { display: block; float: none; margin-bottom: 10px; max-width:100%;width:auto;}
  #footer ul, footer ul { padding: 10px 10px; }
  #footer ul li, footer ul li { padding: 5px 9px 5px 0; }
  #footer ul li a, footer ul li a { font-size: 14px; } 
  .imgVita{display:block;max-width:100%;width:auto;}
  .imgVita:hover{display:block;position:static;margin-left:0;}
  
  #mysearch{
	width:50% !important;
	padding: 22px 10px 18px 8px; 
  }
  
  #header .suche > form{
	width:70%;
  }
  
  #header .suche > form > .lupe{
	  margin-left:10px !important;
  }
  
  #header .suche{
	  display:inline-block !important;
	  width:70%;
  }
  
  #grid_content > .abschnitt > ul > li{
	  max-width:100%;
  }
  
  #grid_content > .abschnitt > ul > li .awImgContainer > img{
	height:auto;
	max-height:250px;
  }
  
}
  
 .uppercase { text-transform:uppercase; }


@media print{
	.no-print{
		display:none !important;
	}
	
	.navi.followMeBar{
		display:none!important;
	}
	
	.awFilter > *{
		display:none;
	}
	
	.awFilter > .uppercase, .awFilter > .filterActive{
		display:inline;
	}
	
	#footer{
		display:none;
	}
	
	.merken{
		display:none;
	}
	
	a[href]:after {
		content: none !important;
	}
	  
	.navigation .logo{
		position:absolute;
		top:0;
		left:0;
	}
	
	.followMeBar .logo {
		position: absolute;
		top:0;
		left:0;
	}

}