/* Columns */
/* Fonts */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.eot');
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold-webfont.eot');
  src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#Roboto-Bold-webfont') format('svg');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black-webfont.eot');
  src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black-webfont.woff') format('woff'), url('../fonts/Roboto-Black-webfont.ttf') format('truetype'), url('../fonts/Roboto-Black-webfont.svg#Roboto-Bold-webfont') format('svg');
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../fonts/RobotoSlab-Regular-webfont.eot');
  src: url('../fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Regular-webfont.woff') format('woff'), url('../fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'), url('../fonts/RobotoSlab-Regular-webfont.svg#Roboto-Bold-webfont') format('svg');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../fonts/RobotoSlab-Bold-webfont.eot');
  src: url('../fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Bold-webfont.woff') format('woff'), url('../fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'), url('../fonts/RobotoSlab-Bold-webfont.svg#Roboto-Bold-webfont') format('svg');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'nmb';
  src: url('../fonts/nmb.eot');
  src: url('../fonts/nmb.eot?#iefix') format('embedded-opentype'), url('../fonts/nmb.woff') format('woff'), url('../fonts/nmb.ttf') format('truetype'), url('../fonts/nmb.svg#Roboto-Bold-webfont') format('svg');
  font-style: normal;
  font-weight: 700;
}
/* 700, 900 */
/* 400, 700 */
/* mixins */
/********************/
* {
  margin: 0;
  padding: 0;
}
html {
  position: relative;
  min-height: 100%;
  min-width: 320px;
  background-color: #fff;
}
body {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375em;
  color: #000;
}
body div#body-wrapper {
  overflow-x: hidden;
}
header,
footer,
section,
article,
figure,
figcaption {
  display: block;
  position: relative;
}
header,
div#content {
  margin-left: auto;
  margin-right: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none !important;
}
table {
  border-collapse: collapse;
  border: none;
  margin: 20px 0 10px;
}
table caption {
  caption-side: bottom;
  text-align: left;
  color: #6C6D70;
}
th,
td {
  vertical-align: top;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
  border-bottom: 1px solid #6C6D70;
}
th + th,
td + th,
th + td,
td + td {
  padding-left: 10px;
}
#main p + p,
#main p + ul,
#main ul + p {
  margin-top: 1em;
}
#main li {
  margin-left: 16px;
}
.hidden {
  display: none;
}
.mobile-only {
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.nowrap {
  white-space: nowrap;
}
.hyphenate {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
span.more::after {
  content: " >";
}
header {
  position: relative;
  height: 154px;
  z-index: 66000;
  border-bottom: 1px solid #000;
}
div#content {
  margin-top: 20px;
  margin-bottom: 140px;
}
section#main {
  /*margin: 0 -10px;*/
  overflow: hidden;
}
section#main > div,
section#main > aside {
  box-sizing: border-box;
  margin: 0 10px;
  float: left;
  min-height: 50px;
}
footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2em 0;
  background-color: #ddd;
}
footer div.inner {
  position: relative;
  margin: 0 auto;
}
footer .terms {
  position: absolute;
  top: 0;
  right: 0;
}
/* Logo */
#logo {
  position: absolute;
  top: 76px;
  left: 0;
}
#logo svg {
  width: 292px;
  height: 58px;
}
#logo a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#logo a span {
  display: none;
}
/* Navigation */
#nav-main {
  width: 1030px;
  position: absolute;
  right: 0;
  bottom: 13px;
  left: 312px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
#nav-main ul {
  list-style-type: none;
}
#nav-main li {
  position: relative;
}
#nav-main li.active > a,
#nav-main li.trail > a {
  color: #000;
}
#nav-main.is-root a {
  color: #000;
}
#nav-main.is-root ul:hover a {
  color: #6C6D70;
}
#nav-main a {
  display: inline-block;
  color: #6C6D70;
  text-decoration: none !important;
}
#nav-main li:hover > a {
  color: #000 !important;
}
#nav-main ul.level_1 > li {
  display: inline;
}
#nav-main ul.level_1 > li > a {
  padding: 5px 10px 0;
}
#nav-main ul.level_1 > li:hover > a {
  color: #000;
}
#nav-main ul.level_2 {
  position: absolute;
  left: 0;
  display: none;
  padding: 26px 0 10px 0;
  white-space: nowrap;
}
#nav-main ul.level_2:after {
  content: "";
  position: absolute;
  top: 16px;
  right: -9000px;
  bottom: 0;
  left: -9000px;
  display: block;
  background-color: white;
  z-index: -1;
  box-shadow: 0px 8px 8px -8px #000;
}
#nav-main ul.level_2 a {
  padding-left: 10px;
}
#nav-language {
  position: absolute;
  right: -20;
  top: 40px;
  right: 0px;
}

#nav-language ul {
  list-style: none;
  display: inline;
}

#nav-language li {
  display: inline;
}
#nav-meta {
  position: absolute;
  right: 60px;
  top: 40px;
}
#nav-meta div.element {
  float: left;
}
#nav-meta div.element + div.element {
  margin-left: 2px;
}
#nav-meta div.element.toggle-main-nav {
  position: relative;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  height: 14px;
  margin-top: 4px;
  margin-left: 20px !important;
}
#nav-meta div.element.toggle-main-nav:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: #000;
}
#nav-meta div.element.toggle-main-nav a {
  width: 30px;
}
#nav-meta form {
  padding: 0;
  margin: 0;
  border: none;
}
#nav-meta input[type="search"] {
  border: none;
  border-bottom: 1px solid #000;
}
#nav-meta button {
  overflow: hidden;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  border: none;
  background-color: transparent;
  letter-spacing: 10px;
  text-indent: 2px;
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  margin-left: -4px;
}
#nav-meta a {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 20px;
  white-space: nowrap;
  letter-spacing: 10px;
  text-indent: 3px;
  text-decoration: none;
  font-size: 15px;
  line-height: 24px;
  color: #000;
}
#nav-meta a:hover {
  text-decoration: none;
}
nav.navigation {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
  /* line-height: 16px; */
  text-transform: uppercase;
}
nav.navigation ul {
  list-style-type: none;
}
nav.navigation a {
  color: #6C6D70;
}
nav.navigation a:hover {
  color: #000;
  text-decoration: none;
}
nav.navigation li.active > a,
nav.navigation li.trail > a {
  color: #000;
}
nav.navigation li + li {
  /* margin-top: 4px; */
}
/* Components */
.component + .component {
  margin-top: 16px;
}
.component.teaser-page,
.component.teaser-text,
.component.teaser-circle,
.component.box {
  padding-bottom: 16px;
  border-bottom: 1px solid #000;
}
div.hours p.opening-hours {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1em;
  text-decoration: underline;
}
div.hours a.more {
  color: #000;
}
div.carousel {
  position: relative;
  height: 500px;
  margin-bottom: 20px;
}
div.carousel div.item {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  font-size: 0;
}
div.carousel div.item div.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
div.carousel div.item div.text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
div.carousel div.item a {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.carousel div.item h2 {
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1em;
  text-shadow: 1px 1px 1px #000;
  margin-top: 40px;
  margin-left: 20px;
}
div.carousel div.item h2 span {
  display: block;
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1em;
  margin-top: 7px;
  margin-bottom: 4px;
}
div.carousel div.controls {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 32px;
  font-size: 24px;
  line-height: 1em;
  color: #fff;
  cursor: pointer;
}
div.carousel div.controls > a {
  display: inline-block;
  width: 50%;
  text-align: center;
  color: #fff;
  padding: 4px 0 2px;
  background-color: rgba(0, 0, 0, 0.4);
}
div.carousel div.controls > a:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
div.carousel div.controls > a span + span {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
}
#header div.carousel div.item {
  display: none;
}
#header div.carousel div.item.prev2,
#header div.carousel div.item.prev,
#header div.carousel div.item.active,
#header div.carousel div.item.next,
#header div.carousel div.item.next2 {
  display: block;
}
#header div.carousel div.item.prev2 {
  opacity: 1;
  left: -2400px;
}
#header div.carousel div.item.prev {
  opacity: 1;
  left: -1200px;
}
#header div.carousel div.item.active {
  opacity: 1;
  left: 0;
}
#header div.carousel div.item.next {
  opacity: 1;
  left: 1200px;
}
#header div.carousel div.item.next2 {
  opacity: 1;
  left: 2400px;
}
div.carousel-small {
  position: relative;
  font-size: 0;
}
div.carousel-small div.item {
  display: none;
  overflow: hidden;
}
div.carousel-small div.controls {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  line-height: 1em;
  color: #fff;
  cursor: pointer;
}
div.carousel-small div.controls > a {
  display: inline-block;
  width: 50%;
  text-align: center;
  color: #fff;
  padding: 8px 0 6px;
}
div.carousel-small div.controls > a span + span {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
}
div.carousel-small figure {
  overflow: hidden;
}
div.carousel-small img {
  float: left;
  width: 100%;
  height: auto;
}
div.carousel-small figcaption {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 280px;
  padding: 7px 10px 9px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}
div.page-head h1 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
  font-size: 60px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 12px;
}
div.page-head h1 span.latin {
  display: block;
  font-size: 18px;
  line-height: 1.25em;
  letter-spacing: normal;
  margin: 1em 0;
}
div.page-head p.intro {
  font-weight: 700;
}
div.page-head-form h1 {
  border-bottom: 1px solid #000000;
  padding-bottom: 18px;
  margin-bottom: 20px;
}
div.page-head-form h1 span.latin {
  margin-top: 0;
  margin-bottom: 0.5em;
}
div.page-head-form p.intro {
  font-weight: 400;
}
div.page-head-image {
  position: relative;
  overflow: hidden;
}
div.page-head-image h1 {
  position: absolute;
  top: 40px;
  left: 20px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
  font-size: 60px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000;
  color: #fff;
  line-height: 1em;
}
div.page-head-image h1 span.latin {
  font-size: 18px;
}
div.page-head-image div.head {
  min-height: 300px;
}
div.page-head-image p.intro {
  font-weight: 700;
}
div.page-head-pressimage {
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
div.page-head-pressimage h1 {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
  font-size: 60px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1em;
}
div.text-image h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
div.text-image figure {
  width: 280px;
}
div.text-image figure img {
  width: 100%;
  height: auto;
}
div.text-image figure.left {
  float: left;
  margin: 4px 20px 10px 0;
}
div.text-image p + h2,
div.text-image figure + h2 {
  margin: 1em 0 0 0;
}
div.component.pressimage {
  overflow: hidden;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
div.component.pressimage h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
div.component.pressimage figure {
  width: 280px;
}
div.component.pressimage figure img {
  width: 100%;
  height: auto;
}
div.component.pressimage figure.left {
  float: left;
  margin: 4px 20px 10px 0;
}
div.component.pressimage div.text {
  margin-left: 300px;
}
div.component.shop-simple-item {
  overflow: hidden;
  border-bottom: 1px solid #000;
  padding-bottom: 16px;
}
div.component.shop-simple-item h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
div.component.shop-simple-item h2 span {
  font-weight: 400;
}
div.component.shop-simple-item figure {
  width: 130px;
}
div.component.shop-simple-item figure img {
  width: 100%;
  height: auto;
}
div.component.shop-simple-item figure.left {
  float: left;
  margin: 4px 20px 10px 0;
}
div.component.shop-simple-item div.text {
  margin-left: 160px;
}
div.text-image-staff h2 {
  line-height: 2em;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
}
div.component.news h2 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  border-bottom: 1px solid #000000;
  padding-bottom: 4px;
}
div.component.news h2.show-more {
  padding: 8px 0 8px;
  cursor: pointer;
}
div.component.news h2 span {
  float: right;
  color: black;
  line-height: 22px;
}
div.component.news div.news {
  border-bottom: 1px solid #000000;
  padding: 9px 0 10px;
}
div.component.pressreleases h2 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  border-bottom: 1px solid #000000;
  padding-bottom: 4px;
}
div.component.pressreleases h2.show-more {
  padding: 8px 0 8px;
  cursor: pointer;
}
div.component.pressreleases h2 span {
  float: right;
  color: black;
  line-height: 22px;
}
div.component.pressreleases div.pressrelease {
  border-bottom: 1px solid #000000;
  padding: 9px 0 10px;
}
div.box-text h3 {
  margin: 0 0 0.25em 0;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
div.box-text.invert h3 {
  background-color: #000;
  color: #fff;
  padding: 4px 6px;
}
div.box-text-pc h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.125em;
  margin-bottom: 10px;
}
div.box-contact h2 {
  margin-bottom: 18px;
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1em;
}
div.box-contact p.contact-data {
  margin-top: 0 !important;
}
div.box-contact div.contact + div.contact {
  margin-top: 10px;
}
div.box-download h3 {
  margin: 0 0 0.25em 0;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
div.box-download img {
  width: 100%;
  height: auto;
}
div.box-download ul {
  list-style-type: none;
}
div.box-download li {
  margin-left: 0 !important;
}
div.staff-teaser div.img-substitute,
div.staff-detail div.img-substitute {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #6d6e71;
  margin-bottom: 10px;
}
div.staff-teaser div.img-substitute p,
div.staff-detail div.img-substitute p {
  padding-top: 44%;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}
ul#filter,
ul#back {
  list-style-type: none;
  margin-bottom: 10px;
}
ul#filter li,
ul#back li {
  display: inline-block;
  margin-left: 0;
  margin-right: 6px;
  margin-bottom: 10px;
}
ul#filter li.active a,
ul#back li.active a {
  background-color: #000000;
}
ul#filter li a,
ul#back li a {
  display: block;
  padding: 3px 8px 3px 8px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #ffffff;
}
ul#filter li a:hover,
ul#back li a:hover {
  background-color: #000000;
  text-decoration: none;
}
ul#filter {
  margin-right: 10px;
  margin-left: 10px;
}
ul#filter li a {
  background-color: #6c6d70;
}
div.staff-teaser {
  height: 360px;
}
div.staff-teaser img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin-bottom: 10px;
  display: block;
}
div.staff-teaser h2 {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 700;
}
div.staff-teaser p {
  margin: 0;
}
div.staff-teaser p.contact-data span {
  display: block;
}
div.landingpage div.staff-teaser {
  float: left;
  margin: 0 10px 20px 10px;
}
div.staff-detail {
  overflow: hidden;
  margin-bottom: 20px;
}
div.staff-detail div.sub_left,
div.staff-detail div.sub_right {
  float: left;
}
div.staff-detail img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
div.staff-detail h1 {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1em;
}
div.staff-detail h1 + span {
  display: block;
  margin-top: -4px;
}
div.staff-detail p {
  margin-top: 1em;
}
div.staff-detail p.jobdescription {
  font-weight: 700;
}
div.staff-detail p.contact-data span {
  display: block;
}
div.teaser-pressimages {
  height: 250px;
}
div.teaser-pressimages img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
div.teaser-pressimages h2 {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 700;
}
div.teaser-pressimages.generated {
  float: left;
  margin: 0 10px 20px 10px;
}
div.teaser-page {
  /* "teaser" component */
}
div.teaser-page h3 {
  margin: 0 0 0.25em 0;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  word-spacing: -3px;
}
div.teaser-page.invert h3 {
  margin: 0 !important;
  background-color: #000;
  color: #fff;
  padding: 4px 6px;
}
div.teaser-page.invert h3 + p {
  margin-top: 0.25em;
}
div.teaser-page img {
  margin: 0;
  width: 100%;
  height: auto;
}
div.teaser-page a:hover {
  text-decoration: none;
}
div.teaser-page p.description {
  /* font-weight: 700; */
}
div.teaser-page.generated a h3 {
  color: #000;
  margin-bottom: 0.25em;
}
div.teaser-page.generated a:hover {
  text-decoration: none;
}
div.landingpage div.teaser-page.generated {
  float: left;
  margin: 0 10px 16px 10px;
}
div#content.fourcolumns div.center div.component {
  float: left;
  margin: 0 10px 16px 10px;
}
div.teaser-circle {
  box-sizing: border-box;
  display: table;
  position: relative;
  background-color: transparent;
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
}
div.teaser-circle .inner {
  position: relative;
  display: table-cell;
  width: 230px;
  height: 230px;
  vertical-align: middle;
  text-align: center;
  margin: 0 30px;
  color: #fff;
  border-radius: 50%;
}
div.teaser-circle.teaser-circle-linkedimage .inner {
  line-height: 0;
}
div.teaser-circle.teaser-circle-linkedimage img {
  width: 230px;
  height: 230px;
  border-radius: 50%;
}
div.teaser-circle strong {
  display: block;
  text-decoration: underline;
}
div.teaser-circle a {
  color: #fff;
}
div.teaser-circle a:hover {
  text-decoration: none;
}
div.teaser-circle-backup {
  box-sizing: border-box;
  display: table;
  position: relative;
  background-color: transparent;
  width: 100%;
  padding-right: 50px;
}
div.teaser-circle-backup .inner {
  position: relative;
  display: table-cell;
  width: 230px;
  height: 230px;
  vertical-align: middle;
  text-align: center;
  margin: 0 30px;
  color: #fff;
}
div.teaser-circle-backup .inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  border-radius: 50%;
  z-index: -1;
}
div.teaser-circle-backup strong {
  display: block;
  text-decoration: underline;
}
div.teaser-circle-backup a {
  color: #fff;
}
div.teaser-circle-backup a:hover {
  text-decoration: none;
}
div.teaser-text h6 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.125em;
}
div.teaser-text a h6 {
  text-decoration: underline;
}
div.teaser-text a:hover h6 {
  color: #000000 !important;
}
div.teaser-text span.more {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25em;
  color: #000;
  margin-top: 10px;
}
div.overview-teaser {
  position: relative;
}
div.overview-teaser div.head {
  position: relative;
  overflow: hidden;
  font-size: 0;
  min-height: 306px;
}
div.overview-teaser h2 {
  position: absolute;
  top: 40px;
  left: 20px;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 60px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  line-height: 1em;
  text-shadow: 1px 1px 1px #000;
}
div.overview-teaser nav.navigation {
  position: absolute;
  top: 0;
  right: 0;
}
div.introduction nav.navigation h3,
div.detail.collection nav.navigation h3,
div.detail.archive nav.navigation h3 {
  margin: 0 0 0.25em 0;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
div.introduction nav.navigation a.invert h3,
div.detail.collection nav.navigation a.invert h3,
div.detail.archive nav.navigation a.invert h3,
div.introduction nav.navigation div.invert h3,
div.detail.collection nav.navigation div.invert h3,
div.detail.archive nav.navigation div.invert h3 {
  background-color: #000;
  color: #fff;
  padding: 4px 6px;
}
div.introduction nav.navigation > ul,
div.detail.collection nav.navigation > ul,
div.detail.archive nav.navigation > ul {
  margin-bottom: 20px;
}
div.introduction nav.navigation > ul ul,
div.detail.collection nav.navigation > ul ul,
div.detail.archive nav.navigation > ul ul {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}
div.introduction nav.navigation li,
div.detail.collection nav.navigation li,
div.detail.archive nav.navigation li {
  margin-left: 0 !important;
}
div.lightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
div.lightbox .lightbox_content {
  position: absolute;
  top: 10%;
  left: 50%;
  box-sizing: border-box;
  margin-left: -290px;
  width: 580px;
  padding: 20px;
  min-height: 20%;
  max-height: 80%;
  overflow: auto;
  background-color: #fff;
  border: 1px solid #ddd;
}
div.lightbox .lightbox_close {
  content: "X";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #000;
  cursor: pointer;
}
div.accordion a {
  position: relative;
  display: block;
}
div.accordion a.open span:before {
  content: "\e900";
}
div.accordion h3 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding: 7px 40px 4px 0;
  border-bottom: 1px solid #000;
}
div.accordion .box {
  display: none;
  border-bottom: 1px solid #000;
  padding: 5px 0;
}
div.accordion span {
  position: absolute;
  top: 0;
  right: 0;
}
div.accordion span:before {
  content: "\e901";
  line-height: 34px;
  color: #000;
}
div#content.search div.component {
  border-bottom: none;
}
div#content.search h1 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}
div#content.search h3 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
div#content.search div.result {
  margin-bottom: 20px;
}
div#content.search span.excerpt-fragment {
  display: block;
}
div#content.search form {
  margin-top: 20px;
}
div#content.search form input[type="search"] {
  border: none;
  border-bottom: 1px solid #000;
  padding: 2px 4px 0;
  font-size: 16px;
}
div#content.search form button {
  overflow: hidden;
  width: 20px;
  height: 24px;
  white-space: nowrap;
  border: none;
  background-color: transparent;
  letter-spacing: 10px;
  text-indent: 2px;
  cursor: pointer;
  line-height: 24px;
  margin-left: -4px;
  font-size: 20px !important;
}
div#content.events {
  border-top: none;
  padding-top: 0;
}
div.events {
  border-top: 1px solid #000;
  padding-top: 10px;
}
div.events div.event {
  position: relative;
  min-height: 80px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
div.events div.event h3,
div.events div.event div {
  margin-left: 130px;
  margin-right: 18px;
}
div.events div.event span.nmb-icon-event {
  position: absolute;
  right: 0;
  bottom: 0;
}
div.events div.event span.nmb-icon-event:before {
  content: "\e901";
  line-height: 34px;
  color: #000;
}
div.events div.event.open > span.nmb-icon-event:before {
  content: "\e900";
}
div.events div.event.expandable {
  cursor: pointer;
}
div.events div.event:hover p.date {
  background-color: #000;
}
div.events div.event div.text {
  margin-top: 1em;
}
div.events p.date {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2em;
}


.outercorona2g {
  border: 3px solid #333d40;
  position: absolute;
  top: -8px;
  left: -133px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

div.outercorona2g::before{
  border: 3px solid #333d40;
  content: "2G";
  color:#333d40;
  font-weight:bold;
  position: absolute;
  width:20px;
  height:20px;
  border-radius:50%;
  background-color:#FFFFFF;
  left:75px;
  top:-5px;
  padding:2px;
}

div.outercorona2g::after{
  border: 3px solid #333d40;
  content: "\00a0\2714";
  color:#293133;
  font-weight:bold;
  position: absolute;
  width:20px;
  height:20px;
  border-radius:50%;
  background-color:#FFFFFF;
  left:75px;
  top:75px;
  padding:2px;
}


.outercorona {
  border: 3px solid limegreen;
  position: absolute;
  top: -8px;
  left: -133px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

div.outercorona::before{
  border: 3px solid limegreen;
  content: "3G";
  color:limegreen;
  font-weight:bold;
  position: absolute;
  width:20px;
  height:20px;
  border-radius:50%;
  background-color:#FFFFFF;
  left:75px;
  top:-5px;
  padding:2px;
}

div.outercorona::after{
  border: 3px solid limegreen;
  content: "\00a0\2714";
  color:limegreen;
  font-weight:bold;
  position: absolute;
  width:20px;
  height:20px;
  border-radius:50%;
  background-color:#FFFFFF;
  left:75px;
  top:75px;
  padding:2px;
}

div.covidhinweis {
  margin-top:-20px;
}

div.covidhinweis::after{
  border: 3px solid limegreen;
  content: "3G";
  color: limegreen;
  font-weight: bold;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #FFFFFF;
  left: px;
  top: 22px;
  padding: 2px;
  margin-bottom: 3px;
}

div.events p.date span {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
div.events p.date span:first-child {
  margin-top: 16px;
}
div.events.generated h2 {
  margin-bottom: 20px;
}
div.events.even-odd {
  border-top: none;
}
div.events.even-odd div.event.odd {
  float: left;
  clear: left;
  margin-right: 10px;
}
div.events.even-odd div.event.even {
  float: right;
  clear: right;
  margin-left: 10px;
}
div.form {
  margin-top: 10px;
}
div.form fieldset {
  border: none;
}
div.form fieldset + fieldset {
  margin-top: 10px;
}
div.form fieldset > h2 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  margin: 10px 0;
}
div.form div.form-row,
div.form div.cr_ipe_item {
  overflow: hidden;
  background-color: #e6e6e6;
  margin-top: 10px;
}
div.form div.form-row > label,
div.form div.cr_ipe_item > label {
  float: left;
  width: 25%;
}
div.form div.form-row > label span,
div.form div.cr_ipe_item > label span {
  margin-left: 4px;
}
div.form div.form-row > input[type="text"],
div.form div.cr_ipe_item > input[type="text"] {
  width: 75%;
}
div.form fieldset h2 + div {
  margin-top: 0 !important;
}
div.form label,
div.form input,
div.form textarea {
  border: none;
}
div.form input[type="text"] {
  float: right;
}
div.form input[type="radio"] {
  margin: 0 10px;
}
div.form input[type="radio"] + label {
  box-sizing: border-box;
  position: relative;
}
div.form input[type="radio"] + label svg {
  position: absolute;
  left: 4px;
  top: 4px;
  height: 16px;
}
div.form input[type="radio"] + label svg path.dot {
  fill: #fff;
}
div.form input[type="radio"]:checked + label svg path.dot {
  fill: #000;
}
div.form label,
form.cr_form label,
div.form input,
form.cr_form input,
div.form textarea,
form.cr_form textarea {
  font-family: 'Roboto Slab', 'Times New Roman', serif;
  font-size: 16px;
  line-height: 20px;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
div.form label,
form.cr_form label {
  cursor: pointer;
}
div.form textarea,
form.cr_form textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 4px;
  resize: vertical;
}
div.form input[type="submit"],
form.cr_form input[type="submit"],
div.form button[type="submit"],
form.cr_form button[type="submit"] {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  color: #ffffff;
  line-height: 28px;
  padding: 0 6px;
  cursor: pointer;
}
form.cr_form div.no-bgc {
  background-color: transparent;
}
form.cr_form div.no-bgc input[type="text"] {
  float: none;
  background-color: #e6e6e6;
}
form.cr_form label {
  display: inline-block;
  width: 150px;
}
form.cr_form label.recaptcha_only_if_image {
  width: auto;
}
form.cr_form div[rel="radio"] label,
form.cr_form label.recaptcha_only_if_image {
  cursor: default;
}
form.cr_form .clever_form_error {
  border-color: orange;
}
/***********************/
/* R E S P O N S I V E */
/*
 * 1280
 */
@media all and (min-width: 1280px) {
  header,
  div#content,
  footer > .inner {
    width: 1180px;
  }
  /* Layouts */
  div#content.home div.left,
  div#content.special-exhibition div.left,
  div#content.home aside.right,
  div#content.special-exhibition aside.right {
    width: 280px;
  }
  div#content.home div.center,
  div#content.special-exhibition div.center {
    width: 580px;
  }
  div#content.landingpage-school div.left,
  div#content.landingpage-media div.left,
  div#content.landingpage-news div.left,
  div#content.detail div.left {
    width: 580px;
  }
  div#content.landingpage-school div.right,
  div#content.landingpage-media div.right,
  div#content.landingpage-news div.right,
  div#content.detail div.right {
    width: 580px;
  }
  div#content.landingpage-school aside.sub_left,
  div#content.landingpage-media aside.sub_left,
  div#content.landingpage-news aside.sub_left,
  div#content.detail aside.sub_left {
    width: 280px;
    float: left;
  }
  div#content.landingpage-school div.sub_right,
  div#content.landingpage-media div.sub_right,
  div#content.landingpage-news div.sub_right,
  div#content.detail div.sub_right {
    width: 280px;
    float: right;
  }
  div#content.landingpage div.center,
  div#content.pressimages div.center,
  div#content.fourcolumns div.center {
    width: 1200px;
    margin: 0;
  }
  div#content.overview div.center,
  div#content.events div.center {
    width: 1180px;
  }
  div#content.introduction div.center,
  div#content.pressimage div.center,
  div#content.shop-simple div.center,
  div#content.search div.center {
    width: 880px;
  }
  div#content.introduction div.right,
  div#content.pressimage div.right,
  div#content.shop-simple div.right,
  div#content.search div.right {
    width: 280px;
  }
  div#content.twocolumns div.left,
  div#content.staff div.left {
    width: 580px;
  }
  div#content.twocolumns div.right,
  div#content.staff div.right {
    width: 580px;
  }
  /* Layout > Component */
  /*div#content.introduction .component + .component {*/
  /*  width: 580px;*/
  /*}*/
  /* Components */
  div.teaser-page.generated {
    width: 280px;
  }
  div.teaser-page.generated:nth-child(4n+1) {
    clear: left;
  }
  div.landingpage div.staff-teaser,
  div.teaser-pressimages {
    width: 280px;
  }
  div#content.fourcolumns div.center div.component:not(.mgnlEditorBar) {
    width: 280px;
  }
  div#content.fourcolumns div.center div.component:nth-child(4n+1) {
    clear: left;
  }
  div.overview-teaser div.head {
    width: 880px;
  }
  div.overview-teaser nav.navigation {
    width: 280px;
  }
  div.overview-teaser p.description {
    width: 580px;
  }
  div.page-head-image p.intro {
    width: 580px;
  }
  div.staff-detail div.sub_left,
  div.staff-detail div.sub_right {
    width: 280px;
  }
  div.events.even-odd div.event {
    width: 580px;
  }
}
/*
 * 960
 */
@media all and (min-width: 960px) and (max-width: 1279px) {
  header,
  div#content,
  footer > .inner {
    width: 880px;
  }
  /* Head */
  #logo {
    top: 40px;
  }
  #nav-main {
    left: 0;
  }
  /* Layouts */
  div#content.home div.left,
  div#content.special-exhibition div.left {
    width: 280px;
  }
  div#content.home div.center,
  div#content.special-exhibition div.center {
    width: 580px;
  }
  div#content.home aside.right,
  div#content.special-exhibition aside.right {
    width: 280px;
    clear: left;
  }
  div#content.landingpage-school div.left,
  div#content.landingpage-media div.left,
  div#content.landingpage-news div.left,
  div#content.detail div.left {
    width: 580px;
  }
  div#content.landingpage-school div.right,
  div#content.landingpage-media div.right,
  div#content.landingpage-news div.right,
  div#content.detail div.right {
    width: 280px;
  }
  div#content.landingpage-school aside.sub_left,
  div#content.landingpage-media aside.sub_left,
  div#content.landingpage-news aside.sub_left,
  div#content.detail aside.sub_left {
    width: 280px;
  }
  div#content.landingpage-school div.sub_right,
  div#content.landingpage-media div.sub_right,
  div#content.landingpage-news div.sub_right,
  div#content.detail div.sub_right {
    width: 280px;
    margin-bottom: 1em;
  }
  div#content.landingpage div.center,
  div#content.pressimages div.center,
  div#content.fourcolumns div.center,
  div#content.searchs div.center {
    width: 880px;
    /*width: 900px;*/
    margin: 0;
  }
  div#content.overview div.center,
  div#content.events div.center {
    width: 880px;
  }
  div#content.introduction div.center,
  div#content.search div.center {
    width: 580px;
  }
  div#content.introduction div.right,
  div#content.search div.right {
    width: 280px;
  }
  div#content.pressimage div.center,
  div#content.shop-simple div.center {
    width: 880px;
  }
  div#content.pressimage div.right,
  div#content.shop-simple div.right {
    width: 280px;
    clear: left;
  }
  div#content.twocolumns div.left,
  div#content.staff div.left {
    width: 430px;
  }
  div#content.twocolumns div.right,
  div#content.staff div.right {
    width: 430px;
  }
  /* Components */
  #header div.carousel div.item.prev {
    left: -900px;
  }
  #header div.carousel div.item.next {
    left: 900px;
  }
  div.teaser-page.generated {
    width: 280px;
  }
  div.teaser-page.generated:nth-child(3n+1) {
    clear: left;
  }
  div.landingpage div.staff-teaser,
  div.teaser-pressimages {
    width: 280px;
  }
  div#content.fourcolumns div.center div.component:not(.mgnlEditorBar) {
    width: 280px;
  }
  div.overview-teaser div.head {
    width: 580px;
  }
  div.overview-teaser nav.navigation {
    width: 280px;
  }
  div.overview-teaser p.description {
    width: 580px;
  }
  div.staff-detail div.sub_left,
  div.staff-detail div.sub_right {
    width: 280px;
  }
  div.events.even-odd div.event {
    width: 430px;
  }
}
/*
 * 768
 */
@media all and (min-width: 768px) and (max-width: 959px) {
  header,
  div#content,
  footer > .inner {
    width: 688px;
  }
  /* Head */
  #logo {
    top: 40px;
  }
  #nav-main {
    left: 0;
    font-size: 14px;
    letter-spacing: 1.2px;
  }
  /* Layouts */
  div#content.home div.left,
  div#content.special-exhibition div.left {
    width: 216px;
  }
  div#content.home div.center,
  div#content.special-exhibition div.center {
    width: 452px;
  }
  div#content.home aside.right,
  div#content.special-exhibition aside.right {
    width: 216px;
    clear: left;
  }
  div#content.landingpage-school div.left,
  div#content.landingpage-media div.left,
  div#content.landingpage-news div.left,
  div#content.detail div.left {
    width: 452px;
  }
  div#content.landingpage-school div.right,
  div#content.landingpage-media div.right,
  div#content.landingpage-news div.right,
  div#content.detail div.right {
    width: 216px;
  }
  div#content.landingpage-school aside.sub_left,
  div#content.landingpage-media aside.sub_left,
  div#content.landingpage-news aside.sub_left,
  div#content.detail aside.sub_left {
    width: 216px;
  }
  div#content.landingpage-school div.sub_right,
  div#content.landingpage-media div.sub_right,
  div#content.landingpage-news div.sub_right,
  div#content.detail div.sub_right {
    width: 216px;
    margin-bottom: 1em;
  }
  div#content.landingpage div.center,
  div#content.pressimages div.center,
  div#content.fourcolumns div.center {
    width: 688px;
    /*width: 708px;*/
    margin: 0;
  }
  div#content.overview div.center,
  div#content.events div.center {
    width: 688px;
  }
  div#content.introduction div.center,
  div#content.search div.center {
    width: 452px;
  }
  div#content.introduction div.right,
  div#content.search div.right {
    width: 216px;
  }
  div#content.pressimage div.center,
  div#content.shop-simple div.center {
    width: 688px;
  }
  div#content.pressimage div.right,
  div#content.shop-simple div.right {
    width: 216px;
  }
  div#content.twocolumns div.left,
  div#content.staff div.left {
    width: 334px;
  }
  div#content.twocolumns div.right,
  div#content.staff div.right {
    width: 334px;
  }
  /* Components */
  div.carousel {
    height: 300px;
  }
  div.carousel img {
    height: 300px;
    width: auto;
  }
  div.carousel div.item h2 {
    font-size: 45px;
    margin-top: 20px;
    margin-left: 20px;
  }
  div.teaser-circle {
    padding-right: 21px;
    padding-left: 20px;
  }
  div.teaser-circle .inner {
    width: 175px;
    height: 175px;
  }
  div.teaser-circle.teaser-circle-linkedimage img {
    width: 175px;
    height: 175px;
  }
  #header div.carousel div.item.prev {
    left: -708px;
  }
  #header div.carousel div.item.next {
    left: 708px;
  }
  div.teaser-page.generated {
    width: 216px;
  }
  div.teaser-page.generated:nth-child(3n+1) {
    clear: left;
  }
  div.landingpage div.staff-teaser,
  div.teaser-pressimages {
    width: 216px;
  }
  div#content.fourcolumns div.center div.component:not(.mgnlEditorBar) {
    width: 216px;
  }
  div.overview-teaser div.head {
    width: 452px;
  }
  div.overview-teaser nav.navigation {
    width: 216px;
  }
  div.overview-teaser p.description {
    width: 452px;
  }
  div.overview-teaser h2 {
    top: 20px;
    font-size: 45px;
  }
  div.page-head-image h1 {
    top: 20px;
    font-size: 45px;
  }
  div.staff-detail div.sub_left,
  div.staff-detail div.sub_right {
    width: 216px;
  }
  div.component.pressimage figure {
    width: 216px;
  }
  div.component.pressimage div.text {
    margin-left: 236px;
  }
  div.component.shop-simple-item figure {
    width: 98px;
  }
  div.component.shop-simple-item div.text {
    margin-left: 128px;
  }
  div.events.even-odd div.event {
    width: 334px;
  }
}
/*
 * 480
 */
@media all and (min-width: 480px) and (max-width: 767px) {
  /* content inside */
  header,
  div#content,
  footer > .inner {
    width: 452px;
  }
  #nav-meta {
    top: 58px;
  }
  /* Layouts */
  div#content.home div.left,
  div#content.special-exhibition div.left,
  div#content.home div.center,
  div#content.special-exhibition div.center,
  div#content.home aside.right,
  div#content.special-exhibition aside.right {
    width: 452px;
  }
  div#content.landingpage-school div.left,
  div#content.landingpage-media div.left,
  div#content.landingpage-news div.left,
  div#content.detail div.left,
  div#content.landingpage-school div.right,
  div#content.landingpage-media div.right,
  div#content.landingpage-news div.right,
  div#content.detail div.right,
  div#content.landingpage-school aside.sub_left,
  div#content.landingpage-media aside.sub_left,
  div#content.landingpage-news aside.sub_left,
  div#content.detail aside.sub_left,
  div#content.landingpage-school div.sub_right,
  div#content.landingpage-media div.sub_right,
  div#content.landingpage-news div.sub_right,
  div#content.detail div.sub_right {
    width: 452px;
  }
  div#content.landingpage-school aside.sub_left,
  div#content.landingpage-media aside.sub_left,
  div#content.landingpage-news aside.sub_left,
  div#content.detail aside.sub_left,
  div#content.landingpage-school div.sub_right,
  div#content.landingpage-media div.sub_right,
  div#content.landingpage-news div.sub_right,
  div#content.detail div.sub_right {
    overflow: hidden;
    /* overflow -> generated teasers */
  }
  div#content.landingpage-school aside.sub_left > div,
  div#content.landingpage-media aside.sub_left > div,
  div#content.landingpage-news aside.sub_left > div,
  div#content.detail aside.sub_left > div,
  div#content.landingpage-school div.sub_right > div,
  div#content.landingpage-media div.sub_right > div,
  div#content.landingpage-news div.sub_right > div,
  div#content.detail div.sub_right > div {
    float: left;
    margin: 0 0 1em;
    width: 216px;
  }
  div#content.landingpage-school aside.sub_left > div:nth-child(2n+1),
  div#content.landingpage-media aside.sub_left > div:nth-child(2n+1),
  div#content.landingpage-news aside.sub_left > div:nth-child(2n+1),
  div#content.detail aside.sub_left > div:nth-child(2n+1),
  div#content.landingpage-school div.sub_right > div:nth-child(2n+1),
  div#content.landingpage-media div.sub_right > div:nth-child(2n+1),
  div#content.landingpage-news div.sub_right > div:nth-child(2n+1),
  div#content.detail div.sub_right > div:nth-child(2n+1) {
    margin-right: 20px;
  }
  div#content.landingpage div.center,
  div#content.pressimages div.center,
  div#content.fourcolumns div.center {
    width: 452px;
    /*width: 472px;*/
    margin: 0;
  }
  div#content.overview div.center,
  div#content.events div.center {
    width: 452px;
  }
  div#content.introduction div.center,
  div#content.pressimage div.center,
  div#content.shop-simple div.center,
  div#content.search div.center,
  div#content.introduction div.right,
  div#content.pressimage div.right,
  div#content.shop-simple div.right,
  div#content.search div.right {
    width: 452px;
  }
  div#content.twocolumns div.left,
  div#content.staff div.left,
  div#content.twocolumns div.right,
  div#content.staff div.right {
    width: 452px;
  }
  div#content.twocolumns div.right,
  div#content.staff div.right {
    margin-top: 20px;
  }
  /* Components */
  div.carousel {
    height: 242px;
  }
  div.carousel img {
    height: 242px;
    width: auto;
  }
  div.carousel div.item h2 {
    font-size: 45px;
    margin-top: 10px;
    margin-left: 10px;
  }
  div.teaser-circle {
    padding-right: 139px;
    padding-left: 138px;
  }
  div.teaser-circle .inner {
    width: 175px;
    height: 175px;
  }
  div.teaser-circle.teaser-circle-linkedimage img {
    width: 175px;
    height: 175px;
  }
  #header div.carousel div.item.prev {
    left: -472px;
  }
  #header div.carousel div.item.next {
    left: 472px;
  }
  div.teaser-page.generated {
    width: 216px;
  }
  div.teaser-page.generated:nth-child(2n+1) {
    clear: left;
  }
  div#content.fourcolumns div.center div.component,
  div.landingpage div.staff-teaser,
  div.teaser-pressimages {
    width: 452px;
  }
  div.overview-teaser div.head {
    width: 452px;
  }
  div.overview-teaser nav.navigation {
    width: 452px;
    position: relative;
  }
  div.overview-teaser p.description {
    width: 452px;
  }
  div.overview-teaser h2 {
    top: 10px;
    left: 10px;
    font-size: 45px;
  }
  div.page-head-image h1 {
    top: 10px;
    left: 10px;
    font-size: 45px;
  }
  div.staff-detail div.sub_left,
  div.staff-detail div.sub_right {
    width: 216px;
  }
  div.component.pressimage figure {
    width: 216px;
  }
  div.component.pressimage div.text {
    margin-left: 236px;
  }
  div.component.shop-simple-item figure {
    width: 98px;
  }
  div.component.shop-simple-item div.text {
    margin-left: 128px;
  }
  div.events.even-odd div.event {
    width: 100%;
    float: none;
  }
}
/*
 * 480 AND 320 | header restructure and mobile navigation
 */
@media all and (max-width: 767px) {
  header {
    min-height: 96px;
    height: auto;
    border-bottom: 0;
  }
  .mobile-only {
    display: block !important;
  }
  .not-mobile-only {
    display: none !important;
  }
  #logo {
    z-index: 2;
    top: 20px;
  }
  #nav-main {
    padding-top: 96px;
    padding-bottom: 40px;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
  }
  #nav-main a {
    display: block;
    box-sizing: border-box;
  }
  #nav-main ul.level_1 > li {
    display: block;
    margin-left: 0 !important;
  }
  #nav-main ul.level_1 > li:hover ul.level_2 {
    display: none;
  }
  #nav-main ul.level_2 {
    position: relative;
    left: auto;
    display: none;
    padding: 0;
  }
  #nav-main ul.level_2:after {
    content: normal;
  }
  #nav-main ul.level_2 > li {
    padding-left: 20px;
    font-size: 14px;
  }
  #nav-main:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 96px;
    width: 100%;
    background-color: #fff;
  }
  div#content {
    margin-top: 0;
  }
  footer .terms {
    position: relative;
    top: auto;
    right: auto;
  }
}
/*
 * 320
 */
@media all and (max-width: 479px) {
  header,
  div#content,
  footer > .inner {
    width: 300px;
  }
  header {
    min-height: 136px;
  }
  #nav-main {
    padding-top: 136px;
  }
  #nav-main:after {
    height: 136px;
  }
  #logo {
    top: 60px;
    width: 100%;
  }
  #logo svg {
    width: 100%;
    height: auto;
  }
  #nav-meta {
    top: 20px;
  }
  #nav-meta div.element.toggle-main-nav {
    margin-left: 100px !important;
  }
  /* Layouts */
  div#content.home div.left,
  div#content.special-exhibition div.left,
  div#content.home div.center,
  div#content.special-exhibition div.center,
  div#content.home aside.right,
  div#content.special-exhibition aside.right {
    width: 300px;
  }
  div#content.landingpage-school div.left,
  div#content.landingpage-media div.left,
  div#content.landingpage-news div.left,
  div#content.detail div.left,
  div#content.landingpage-school div.right,
  div#content.landingpage-media div.right,
  div#content.landingpage-news div.right,
  div#content.detail div.right,
  div#content.landingpage-school aside.sub_left,
  div#content.landingpage-media aside.sub_left,
  div#content.landingpage-news aside.sub_left,
  div#content.detail aside.sub_left,
  div#content.landingpage-school div.sub_right,
  div#content.landingpage-media div.sub_right,
  div#content.landingpage-news div.sub_right,
  div#content.detail div.sub_right {
    width: 300px;
    margin-bottom: 1em;
  }
  div#content.landingpage div.center,
  div#content.pressimages div.center,
  div#content.fourcolumns div.center {
    width: 320px;
    margin: 0;
  }
  div#content.overview div.center,
  div#content.events div.center {
    width: 300px;
  }
  div#content.introduction div.center,
  div#content.pressimage div.center,
  div#content.shop-simple div.center,
  div#content.search div.center,
  div#content.introduction div.right,
  div#content.pressimage div.right,
  div#content.shop-simple div.right,
  div#content.search div.right {
    width: 300px;
  }
  div#content.twocolumns div.left,
  div#content.staff div.left,
  div#content.twocolumns div.right,
  div#content.staff div.right {
    width: 300px;
  }
  div#content.twocolumns div.right,
  div#content.staff div.right {
    margin-top: 20px;
  }
  /* Components */
  div.carousel {
    margin: 0 -10px 20px -10px;
    height: 175px;
  }
  div.carousel img {
    height: 175px;
    width: auto;
  }
  div.carousel div.item h2 {
    font-size: 30px;
    margin-top: 10px;
    margin-left: 10px;
  }
  div.carousel div.item h2 span {
    font-size: 16px;
  }
  div.teaser-circle {
    padding-right: 63px;
    padding-left: 62px;
  }
  div.teaser-circle .inner {
    width: 175px;
    height: 175px;
  }
  div.teaser-circle.teaser-circle-linkedimage img {
    width: 175px;
    height: 175px;
  }
  #header div.carousel div.item.prev {
    left: -340px;
  }
  #header div.carousel div.item.next {
    left: 340px;
  }
  div.teaser-page.generated,
  div.teaser-pressimages,
  div.landingpage div.staff-teaser,
  div#content.fourcolumns div.center div.component {
    width: 300px;
  }
  div.overview-teaser div.head {
    width: 300px;
  }
  div.overview-teaser nav.navigation {
    width: 300px;
    position: relative;
  }
  div.overview-teaser p.description {
    width: 300px;
  }
  div.overview-teaser h2 {
    top: 10px;
    left: 10px;
    font-size: 30px;
  }
  div.page-head-image h1 {
    top: 10px;
    left: 10px;
    font-size: 30px;
  }
  div.staff-detail div.sub_left,
  div.staff-detail div.sub_right {
    float: none;
  }
  div.component.pressimage,
  div.component.shop-simple-item {
    padding-bottom: 15px;
  }
  div.component.pressimage figure,
  div.component.shop-simple-item figure {
    width: 300px;
    float: none;
  }
  div.component.pressimage div.text,
  div.component.shop-simple-item div.text {
    margin-left: 0;
  }
  div.events.even-odd div.event {
    width: 100%;
    float: none;
  }
}
/* colors */
.bg_black {
  background-color: #000000;
}
/* general classes */
.pc_black .pc_font,
.sc_black .sc_font,
.sc_black .sc_font a {
  color: #000000;
}
.pc_black .pc_background,
.sc_black .sc_background {
  background-color: #000000;
}
.pc_himbeere .pc_font,
.sc_himbeere .sc_font,
.sc_himbeere .sc_font a {
  color: #c7007f;
}
.pc_himbeere .pc_background,
.sc_himbeere .sc_background {
  background-color: #c7007f;
}
.pc_pflaume .pc_font,
.sc_pflaume .sc_font,
.sc_pflaume .sc_font a {
  color: #5459a4;
}
.pc_pflaume .pc_background,
.sc_pflaume .sc_background {
  background-color: #5459a4;
}
.pc_tuerkis .pc_font,
.sc_tuerkis .sc_font,
.sc_tuerkis .sc_font a {
  color: #ae1b49;
}
.pc_tuerkis .pc_background,
.sc_tuerkis .sc_background {
  background-color: #ae1b49;
}
.pc_granatapfel .pc_font,
.sc_granatapfel .sc_font,
.sc_granatapfel .sc_font a {
  color: #8a7355;
}
.pc_granatapfel .pc_background,
.sc_granatapfel .sc_background {
  background-color: #8a7355;
}
.pc_apfel .pc_font,
.sc_apfel .sc_font,
.sc_apfel .sc_font a {
  color: #9ec23e;
}
.pc_apfel .pc_background,
.sc_apfel .sc_background {
  background-color: #9ec23e;
}
/* Links, Form H2 */
.pc_black a,
.pc_black div.form h2 {
  color: #000000;
}
.pc_himbeere a,
.pc_himbeere div.form h2 {
  color: #c7007f;
}
.pc_pflaume a,
.pc_pflaume div.form h2 {
  color: #5459a4;
}
.pc_tuerkis a,
.pc_tuerkis div.form h2 {
  color: #ae1b49;
}
.pc_granatapfel a,
.pc_granatapfel div.form h2 {
  color: #8a7355;
}
.pc_apfel a,
.pc_apfel div.form h2 {
  color: #9ec23e;
}
/* Form Button */
.pc_black div.form input[type="submit"] {
  background-color: #000000;
}
.pc_himbeere div.form input[type="submit"] {
  background-color: #c7007f;
}
.pc_pflaume div.form input[type="submit"] {
  background-color: #5459a4;
}
.pc_tuerkis div.form input[type="submit"] {
  background-color: #ae1b49;
}
.pc_granatapfel div.form input[type="submit"] {
  background-color: #8a7355;
}
.pc_apfel div.form input[type="submit"] {
  background-color: #9ec23e;
}
/* SVG */
.pc_black #logo svg path#background,
.pc_black div.form input[type="radio"]:checked + label svg path.dot {
  fill: #000000;
}
.pc_himbeere #logo svg path#background,
.pc_himbeere div.form input[type="radio"]:checked + label svg path.dot {
  fill: #c7007f;
}
.pc_pflaume #logo svg path#background,
.pc_pflaume div.form input[type="radio"]:checked + label svg path.dot {
  fill: #5459a4;
}
.pc_tuerkis #logo svg path#background,
.pc_tuerkis div.form input[type="radio"]:checked + label svg path.dot {
  fill: #ae1b49;
}
.pc_granatapfel #logo svg path#background,
.pc_granatapfel div.form input[type="radio"]:checked + label svg path.dot {
  fill: #8a7355;
}
.pc_apfel #logo svg path#background,
.pc_apfel div.form input[type="radio"]:checked + label svg path.dot {
  fill: #9ec23e;
}
/* ICONS */
[class^="nmb-icon-"],
[class*=" nmb-icon-"] {
  font-family: 'nmb';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nmb-icon-accordion-close:before {
  content: "\e900";
}
/* - */
.nmb-icon-accordion-open:before {
  content: "\e901";
}
.nmb-icon-app-events:before {
  content: "\e902";
}
.nmb-icon-app-opening-hours:before {
  content: "\e921";
}
.nmb-icon-carousel-next:before {
  content: "\e922";
}
.nmb-icon-carousel-previous:before {
  content: "\e923";
}
.nmb-icon-facebook:before {
  content: "\e924";
}
.nmb-icon-search:before {
  content: "\e925";
}
.nmb-icon-twitter:before {
  content: "\e926";
}
.nmb-icon-world:before {
  content: "\e927";
}
.nmb-icon-instagram:before {
  content: "\e928";
  font-size: 16px;
  line-height: 22px;
}
.nmb-icon-youtube:before {
  content:  url("data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45NyAxMS4yIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFkMWQxYjt9LmNscy0xLC5jbHMtMntmaWxsLXJ1bGU6ZXZlbm9kZDt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzkuMDYsOS40Mkg1MS42OWExLjY5LDEuNjksMCwwLDEsMS42NywxLjd2Ny43OWExLjY5LDEuNjksMCwwLDEtMS42NywxLjcxSDM5LjA2YTEuNjksMS42OSwwLDAsMS0xLjY3LTEuNzFWMTEuMTJBMS42OSwxLjY5LDAsMCwxLDM5LjA2LDkuNDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuMzkgLTkuNDIpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDguMTQsMTUuMTRsLTQuNzIsMi4zOWMtLjE0LjA3LS4yNSwwLS4yNS0uMTNWMTIuNjNjMC0uMTQuMTEtLjIuMjUtLjEzbDQuNzIsMi4zOUM0OC4yOCwxNSw0OC4yOCwxNS4wOCw0OC4xNCwxNS4xNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNy4zOSAtOS40MikiLz48L3N2Zz4=");
  font-size: 18px;
  line-height: 22px;
}
.nmb-icon-linkedin:before {
  content:  url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNTAgNTAiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiPiAgICA8cGF0aCBkPSJNNDEsNEg5QzYuMjQsNCw0LDYuMjQsNCw5djMyYzAsMi43NiwyLjI0LDUsNSw1aDMyYzIuNzYsMCw1LTIuMjQsNS01VjlDNDYsNi4yNCw0My43Niw0LDQxLDR6IE0xNywyMHYxOWgtNlYyMEgxN3ogTTExLDE0LjQ3YzAtMS40LDEuMi0yLjQ3LDMtMi40N3MyLjkzLDEuMDcsMywyLjQ3YzAsMS40LTEuMTIsMi41My0zLDIuNTNDMTIuMiwxNywxMSwxNS44NywxMSwxNC40N3ogTTM5LDM5aC02YzAsMCwwLTkuMjYsMC0xMCBjMC0yLTEtNC0zLjUtNC4wNGgtMC4wOEMyNywyNC45NiwyNiwyNy4wMiwyNiwyOWMwLDAuOTEsMCwxMCwwLDEwaC02VjIwaDZ2Mi41NmMwLDAsMS45My0yLjU2LDUuODEtMi41NiBjMy45NywwLDcuMTksMi43Myw3LjE5LDguMjZWMzl6Ii8+PC9zdmc+");
  font-size: 18px;
  line-height: 22px;
}
.nmb-icon-logo-kaefer:before {
  content: "\e929";
}
.nmb-icon-newsletter:before {
  content: "\e92a";
}
/* Magnolia Editor */
body.mgnl_editor div.carousel,
body.mgnl_editor div.carousel-small {
  height: auto !important;
}
body.mgnl_editor div.carousel div.item,
body.mgnl_editor div.carousel-small div.item {
  position: relative;
  display: block !important;
  opacity: 1;
}
body.mgnl_editor div.carousel div.controls,
body.mgnl_editor div.carousel-small div.controls {
  display: none;
}
/* NO Javascript */
body.nojs #nav-main li:hover ul.level_2 {
  display: block;
}