/*
 Theme Name:   core3 Child Theme
 Theme URI:    http://www.visual4.de
 Author:       visual4 GmbH
 Description:  Individuelle Wordpress Theme
 Version:      0.0.1
 Template:     wp-visual4-core3
 Text Domain:  wp-visual4-core3-child
*/
/*
 * Creates a baseline grid based off your $line-height-ratio to help visualize your vertical rhythm grid. You can offset the grid by negative or positive pixels to line it up perfectly with the bottom of your text.
 *
 * @param {color} [$color=black] - A color to be lightened and used as the color for the grid.
 * @param {number} [$px-offset=false] - A positive or negative number of pixels to offset the grid by. Useful for lining the bottom of the gridlines up with your text.
 *
 * @example
 *   grid-overlay(blue, 2)
 */
/*
 * Returns a "vertical unit". Useful for specifying the height and margins of non-text elements like images and such.
 *
 * @param {number} [$units=1] - Number of units. Accepts floated numbers as well.
 * @param {number} [$px-offset=false] - A positive or negative number of pixels to offset the grid by. Useful for lining the bottom of the gridlines up with your text. Since this doesn't compute a literal pixel you may need to use a floated number (multiples of .25 work well) to keep your rhythm on track.
 *
 * @example
 *   img
 *     vr-block(5.25, .5)
 */
/*
 * The Typographic Reset. This is where Typographic goes through every markup element and styles it to adhere to a vertical rhythm. After you set your variables in a settings file fire this mixin.
 *
 * @example
 *   typographic()
 */
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}
.hentry {
  margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
## No JS
	- body#javascript-enabled
	- body#javascript-disabled
--------------------------------------------------------------*/
body#javascript-disabled .js-only {
  display: none;
}
/* 
stylelint-disable
selector-no-universal
declaration-no-important
*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
template,
[hidden] {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font: inherit;
}
optgroup {
  font-weight: bold;
}
button,
input,
select {
  overflow: visible;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
html {
  font-family: 'Open Sans', 'Arial', 'sans-serif';
  font-weight: 300;
  color: #111;
  font-size: 8px;
  line-height: 1.55em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
p,
blockquote,
pre,
address,
dl,
ol,
ul,
table {
  margin-bottom: 1.55em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-weight: 500;
  color: #111;
  clear: both;
}
h1 {
  font-size: 18.569593301560406px;
  margin-top: 0.834697871315121em;
  line-height: 1.001637445578145em;
  margin-bottom: 0.166939574263024em;
}
h2 {
  font-size: 15.691335605736722px;
  margin-top: 0.987806289372412em;
  line-height: 1.185367547246895em;
  margin-bottom: 0.235332661693464em;
}
h3 {
  font-size: 13.259203316594517px;
  margin-top: 1.168999345579159em;
  line-height: 1.402799214694991em;
  margin-bottom: 0.286698945372522em;
}
h4 {
  font-size: 11.204047699197544px;
  margin-top: 1.38342859796198em;
  line-height: 1.660114317554376em;
  margin-bottom: 0.350771191295327em;
}
h5 {
  font-size: 9.467437963545382px;
  margin-top: 1.637190553524951em;
  line-height: 1.964628664229941em;
  margin-bottom: 0.32743811070499em;
}
h6 {
  font-size: 8px;
  margin-top: 1.9375em;
  line-height: 2.325em;
  margin-bottom: 0.6296875em;
}
blockquote {
  font-style: italic;
}
blockquote cite {
  display: block;
  font-style: normal;
}
pre {
  padding: 0.775em;
  margin-bottom: 1.55em;
}
pre code {
  padding: 0;
}
code {
  font-family: 'Courier New', 'Courier', 'Lucida Sans Typewriter', 'Lucida Typewriter', 'monospace';
  padding: 0.0775em 0.2325em;
  line-height: 0;
}
big,
small,
sub,
sup {
  line-height: 0;
}
abbr,
acronym {
  border-bottom: 1px dotted currentColor;
  cursor: help;
}
address {
  font-style: normal;
}
dt {
  color: #111;
  font-weight: bold;
}
ul {
  padding-left: 1.1em;
}
ol {
  padding-left: 1.4em;
}
fieldset {
  padding: 0.775em 1.55em 1.55em;
  border-width: 1px;
  border-style: solid;
  max-width: 100%;
  margin-bottom: 1.660714285714286em;
}
fieldset button,
fieldset input[type="submit"] {
  margin-bottom: 0;
}
legend {
  color: #111;
  font-weight: bold;
}
label {
  display: block;
  padding-bottom: 0.19375em;
  margin-bottom: -0.110714285714286em;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  display: block;
  max-width: 100%;
  padding: 0.3875em;
  font-size: 8px;
  margin-bottom: 1.1625em;
}
input[type="submit"],
button {
  display: block;
  cursor: pointer;
  font-size: 8px;
  padding: 0.3875em 1.55em;
  margin-bottom: 0.996428571428572em;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 2.103571428571429em;
}
th {
  text-align: left;
  color: #111;
  padding: 0.19375em 0.775em;
}
td {
  padding: 0.19375em 0.775em;
}
/* stylelint-enable*/
/** @define SocialLinks */
.SocialLinks-link {
  display: inline-block;
  width: 3em;
  height: 3em;
  margin: 0 0.5em;
  background-size: cover;
  opacity: 0.5;
  transition: opacity 1s;
}
.SocialLinks-link:hover {
  opacity: 1;
}
.SocialLinks-link--facebook {
  background-image: url("assets/images/icons/facebook.svg");
}
.SocialLinks-link--twitter {
  background-image: url("assets/images/icons/twitter.svg");
}
.SocialLinks-link--instagram {
  background-image: url("assets/images/icons/instagram.svg");
}
/*
    html
    body
        height 100%
*/
body {
  background-size: cover;
  background-attachment: fixed;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-size: 1.75em;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
body h1.Title,
body h2.Title,
body h3.Title,
body h4.Title,
body h5.Title,
body h6.Title {
  margin-bottom: 0.25em;
}
body h1.Subtitle,
body h2.Subtitle,
body h3.Subtitle,
body h4.Subtitle,
body h5.Subtitle,
body h6.Subtitle {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
body h1.Subtitle--large,
body h2.Subtitle--large,
body h3.Subtitle--large,
body h4.Subtitle--large,
body h5.Subtitle--large,
body h6.Subtitle--large {
  font-size: 1.25em;
}
p {
  margin: 1em 0;
}
a {
  color: #925c1b;
}
b,
strong {
  font-weight: bold;
}
.is-animated {
  transition: 0.3s ease all;
}
.is-hidden {
  display: none !important;
}
.is-locked {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  opacity: 0.5;
  pointer-events: none;
}
.shariff-button.info {
  display: none;
}
.Brand-logo-image {
  height: 100%;
}
.ButtonBar {
  height: 3em;
  border-top: solid 1px #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ButtonBar-button {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  background: #fff;
  position: relative;
  border-right: solid 1px #ddd;
  transition: background 0.25s ease;
  cursor: pointer;
}
.ButtonBar-button--last {
  border-right: none;
}
.ButtonBar-button-icon {
  opacity: 0.5;
  display: inline-block;
  height: 1.5em;
  margin-top: 0.75em;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.25s ease;
}
.ButtonBar-button-icon--link {
  background-image: url("assets/images/icons/link.svg");
}
.ButtonBar-button-icon--tags {
  background-image: url("assets/images/icons/tag.svg");
}
.ButtonBar-button-icon--like {
  background-image: url("assets/images/icons/like.svg");
}
.ButtonBar-button-icon--year {
  background-image: url("assets/images/icons/calendar.svg");
}
.ButtonBar-button-text {
  opacity: 0.75;
  width: 100%;
  position: absolute;
  text-align: center;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-weight: 100;
  font-size: 0.7em;
  margin-top: 1.3em;
}
.ButtonBar-button:hover,
.ButtonBar-button.is-active {
  background: #b28d5f;
  color: #fff;
}
.ButtonBar-button:hover .ButtonBar-button-icon,
.ButtonBar-button.is-active .ButtonBar-button-icon {
  opacity: 1;
}
.ButtonBar-button:hover .ButtonBar-button-icon--link,
.ButtonBar-button.is-active .ButtonBar-button-icon--link {
  background-image: url("assets/images/icons/link-white.svg");
}
.ButtonBar-button:hover .ButtonBar-button-icon--tags,
.ButtonBar-button.is-active .ButtonBar-button-icon--tags {
  background-image: url("assets/images/icons/tag-white.svg");
}
.ButtonBar-button:hover .ButtonBar-button-icon--like,
.ButtonBar-button.is-active .ButtonBar-button-icon--like {
  background-image: url("assets/images/icons/like-white.svg");
}
.ButtonBar-button:hover .ButtonBar-button-icon--year,
.ButtonBar-button.is-active .ButtonBar-button-icon--year {
  background-image: url("assets/images/icons/calendar-white.svg");
}
.Card {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.25);
  position: relative;
}
.Card--transparent {
  background-color: transparent;
}
.Card--padding {
  padding: 2em;
}
.Card--form {
  margin-bottom: 1.5em;
}
/*
    &--paddingMain
        padding 3em

    &-image
        width 100%
        background-size cover
        background-position center
        border-bottom solid 1px gray

        &--4to3
            padding-bottom 66.67%

        &--16to9
            padding-bottom 56.25%

        &--portrait
            padding-bottom 133%

.Grid--quart
    & .Card
        &-title
            font-size 1em
*/
.Category {
  font-size: 0.9em;
  display: inline-block;
  text-decoration: none;
  border: solid 1px #757575;
  color: #757575;
  margin: 0 0.5em 0.5em 0;
  padding: 0.5em 0.25em;
  text-align: center;
  min-width: 14em;
  transition: background-color 250ms linear;
}
.Category--anzeige {
  display: none;
}
.Category:hover {
  text-decoration: none !important;
}
.Center {
  width: 70%;
  max-width: 1200px;
  margin: 0 auto;
}
.ContentColumn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ContentColumn--full {
  width: 100%;
}
.ContentColumn--quart {
  width: 25%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ContentColumn--quart--right {
  width: calc(25% - 2em);
  margin-right: 2em;
}
.ContentColumn--quart--left {
  width: calc(25% - 2em);
  margin-left: 2em;
}
.Footer {
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Footer-navigation,
.Footer-copy {
  width: 50%;
  float: left;
  opacity: 0.5;
}
.Footer-copy {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.fotorama__nav-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.fotorama__nav__shaft {
  width: auto;
}
.fotorama__nav--dots .fotorama__nav__frame {
  height: 10px;
  width: 30px;
}
.fotorama__dot {
  position: static;
  left: 0;
  top: 0;
  width: 20px;
  border-radius: 0;
  height: 2px;
  border: none;
  background: #fff;
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 20px;
  height: 2px;
  background: #40464d;
}
.fotorama__caption {
  font-family: 'Open Sans', 'Arial', 'sans-serif';
  font-weight: 300;
  font-size: 1em;
  width: 100%;
  color: #757575;
}
.fotorama__caption__wrap {
  width: 100%;
  min-height: 3em;
  line-height: 1.5em;
  padding: 0.75em 2em;
}
.fotorama__stage__frame {
  background: transparent;
}
.fotorama__thumb-border {
  border-color: #c47c24;
}
.Gallery {
  margin-bottom: 1.5em;
}
.Gallery .Slideshow--single-image {
  width: 100%;
  display: block;
}
.Gallery--raumprobe .Gallery-Stage,
.Gallery--raumprobe .Gallery-Thumb {
  width: 100%;
  display: block;
}
.Gallery--raumprobe .Gallery-Stage {
  padding-right: 0em;
}
.Gallery--raumprobe .Gallery-Thumb {
  padding-left: 1em;
  margin-bottom: 1.125em;
}
.Gallery--raumprobe .Gallery-display {
  font-size: 0.8em;
  position: absolute;
  bottom: -0.5em;
  right: 0;
}
/*
.Grid
    display flex

    &-cell
        flex-grow 1
*/
.Header {
  height: 9.75em;
  margin-bottom: 5em;
  padding-top: 4em;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(to bottom, #87888a 10%, rgba(135,136,138,0) 100%);
  background: rgba(135,136,138,0.8);
}
.Header-brand,
.Header-secondBrand {
  width: 15%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding: 0 2em;
}
.Header-brand img,
.Header-secondBrand img {
  width: 100%;
  max-width: 15em;
  height: auto;
}
.Header-brand {
  text-align: right;
}
.Header-secondBrand {
  text-align: left;
}
.Header-secondBrand img {
  width: 75%;
  max-width: 8.5em;
  height: auto;
}
.Header-center {
  width: 70%;
  max-width: 1200px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.Header-navigation {
  position: relative;
}
.Button {
  background: #40464d;
  color: #fff;
  text-transform: uppercase;
  margin: 1em 0;
  opacity: 0.75;
  transition: 0.2s ease opacity;
}
.Button:hover {
  opacity: 1;
}
.Button--label {
  display: inline-block;
  cursor: pointer;
}
.Button--button {
  border: none;
}
.Button--submit {
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-weight: 400;
  text-align: center;
  width: 100%;
  padding: 0;
  letter-spacing: 0.1em;
  height: 2.4em;
}
.Buttonselect {
  margin-bottom: 2em;
}
.Buttonselect-option {
  font-size: 1em;
  padding: 0.5em 0.5em;
  margin: 0 0.75em 0.75em 0;
  border: 1px solid #757575;
  display: inline-block;
  width: calc(20% - 0.75em);
  min-width: 150px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #757575;
  transition: background-color 250ms linear;
}
.Buttonselect-option:hover {
  background-color: #f0f1f4;
}
.Buttonselect-option.is-selected {
  background-color: #757575;
  color: #fff;
}
.Checkbox {
  position: relative;
}
.Checkbox input {
  position: absolute;
  top: 3px;
  left: 0;
}
.Checkbox-label.Label {
  display: inline-block;
  margin: 0;
  margin-left: 18px;
  font-size: 1em;
  line-height: 1.55em;
}
.Dropzone {
  background: #fff;
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 0.75em;
  line-height: 14px;
}
.Dropzone--medium {
  width: 95%;
}
.Dropzone.dz-drag-hover {
  border-style: dashed;
  background: #f0f1f4;
}
.Dropzone.dz-clickable {
  cursor: pointer;
}
.Dropzone-input[type="text"] {
  display: none !important;
}
.Dropzone-message {
  pointer-events: none;
}
.Dropzone-message-title {
  font-size: 1.25em;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.Dropzone-message-text {
  position: absolute;
  left: 0.5em;
  bottom: 0.5em;
  color: #757575;
}
.Dropzone-zone {
  pointer-events: none;
  padding-bottom: calc(75% - 0.75em) /* 4:3 */;
}
.Dropzone-preview {
  border: 1px solid #757575;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.Dropzone-preview-previewImage {
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: 0;
}
.Dropzone-preview.dz-error {
  border: 2px solid #f44336;
}
.Dropzone.isError .Dropzone-preview {
  border: 2px solid #f44336;
}
.Dropzone-loading {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.25) url("assets/images/spinners/clock.gif") center center no-repeat;
}
.Dropzone-menu {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.5s;
}
.Dropzone-menu:hover {
  opacity: 1;
}
.Dropzone-delete {
  position: absolute;
  z-index: 30;
  left: calc(50% - 1.5em);
  top: calc(50% - 1.5em);
  color: #fff;
  font-weight: 700;
  text-shadow: 1px 1px 0px #000;
  opacity: 0.5;
}
.Dropzone-delete:hover {
  opacity: 0.8;
}
.Dropzone-delete-icon.material-icons {
  font-size: 3em;
  cursor: pointer;
}
.Dropzone-error.Validation-error {
  position: absolute;
  top: -3em;
  left: -9px;
  font-size: 11px;
  line-height: 14px;
}
.Dropzone--large {
  width: calc(50% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
}
.Dropzone--medium {
  width: calc(25% - 10px);
  margin-right: 10px;
  margin-bottom: 13px;
}
.Fieldset {
  margin-bottom: 6em;
}
.Fieldset-row--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 1em);
}
.Fieldset-row--flex > .Fieldset-col--1of2 {
  width: 50%;
  margin-bottom: 0;
  margin-right: 1em;
}
.Fieldset-row--flex > .Fieldset-col--1of4 {
  width: 25%;
  margin-bottom: 0;
  margin-right: 1em;
}
.Fieldset-row--isotope {
  width: calc(100% + 0.75em);
}
.Fieldset-grid-columnSizer {
  width: 25%;
}
.Fieldset-grid-gutterSizer {
  width: 1em;
}
.Form-remark {
  font-family: 'Open Sans', 'Arial', 'sans-serif';
  font-size: 0.55em;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  margin-left: 1em;
  color: #757575;
}
.Form p {
  padding: 0;
  margin-top: 0;
  color: #757575;
}
.Form .Subtitle {
  font-size: 1.4em;
  text-transform: none;
  letter-spacing: 0;
}
.Form-extendedTerms {
  margin-left: 1.25em;
}
.Input {
  position: relative;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.Input-field[type="text"],
.Input-field[type="email"] {
  font-size: 1em;
  height: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0.25em 0.25em 0.25em 0.5em;
  display: inline-block;
  width: 100%;
  border: 1px solid #757575;
}
.Input-field[type="text"][type="text"],
.Input-field[type="email"][type="text"],
.Input-field[type="text"][type="email"],
.Input-field[type="email"][type="email"] {
  margin-bottom: 0;
}
.Input-field[type="text"]:focus,
.Input-field[type="email"]:focus {
  outline: none;
  background: #f0f1f4;
}
.Input-field[type="text"].isError,
.Input-field[type="email"].isError {
  border: 2px solid #f44336;
}
.Input-field:invalid {
  box-shadow: none;
}
.Input-label {
  position: absolute;
  top: -0.5em;
}
.Input-error {
  margin-top: 0.5em;
}
::-webkit-input-placeholder {
  color: #757575;
  opacity: 1;
}
:-moz-placeholder {
/* Firefox 18- */
  color: #757575;
  opacity: 1;
}
::-moz-placeholder {
/* Firefox 19+ */
  color: #757575;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #757575;
  opacity: 1;
}
.Label {
  color: #757575;
  margin: 0;
  margin-left: 9px;
  font-size: 0.75em;
  line-height: 1.25em;
}
.Input-label {
  opacity: 0;
  transition: opacity 0.1s linear;
}
input:valid + .Label {
  opacity: 1;
}
.Select {
  position: relative;
  margin-bottom: 0.35em;
  padding-top: 0.75em;
}
.Select-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  width: 100%;
  border: 1px solid #757575;
  padding: 0.25em;
  font-size: 1em;
  height: 35px;
  line-height: 35px;
  margin-bottom: 0.25em;
  background-image: url("assets/images/icons/select-arrow.png");
  background-position: right;
  background-repeat: no-repeat;
  color: #757575;
}
.Select-select::-ms-expand {
  display: none;
}
.Select-select.isError {
  border: 2px solid #f44336;
}
.Select-label {
  position: absolute;
  top: -0.5em;
}
select + .Label {
  opacity: 0;
}
select:valid + .Label {
  opacity: 1;
}
.Textarea {
  margin-bottom: 1em;
}
.Textarea-wrap {
  position: relative;
  border: solid 1px #999;
  padding: 0.1em;
  min-height: 35px;
}
.Textarea-wrap.isError {
  border: 2px solid #f44336;
}
.Textarea-pre,
.Textarea-textarea {
  border: 0;
  font-size: 1em;
  word-wrap: break-word;
  text-wrap: normal;
  white-space: pre-wrap;
  font-family: inherit;
  line-height: 1.4em;
  resize: none;
  display: block;
  padding: 0.5em;
}
.Textarea-textarea {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Textarea-pre {
  visibility: hidden;
  margin-bottom: 0;
  padding: 0;
  margin-bottom: 2em;
}
.Textarea-remark {
  text-align: right;
  margin-right: 0.75em;
}
.Textarea-error {
  margin-top: 0.5em;
}
.Validation-error {
  display: block;
  font-size: 0.75em;
  line-height: 0.75em;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #f44336;
  margin-left: 9px;
}
.Isotope-filterContainer {
  background: rgba(255,255,255,0.35);
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5em;
}
.Isotope-filterContainer-filter {
  width: 20%;
}
.Isotope-filterContainer-filter-label {
  font-size: 1em;
  line-height: 1em;
  padding: 0;
  margin: 0;
  margin-bottom: 0.5em;
}
.Isotope-filterButton,
.Isotope-filterBlock {
  position: relative;
  display: inline-block;
  margin-right: 1.5em;
  background-color: rgba(255,255,255,0.5);
  border: solid 1px #999;
  padding: 0.25em 0.5em;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
  transition: background-color 0.5s ease;
}
.Isotope-filterButton:hover,
.Isotope-filterBlock:hover {
  background-color: rgba(255,255,255,0.9);
}
.Isotope-filterButton {
  cursor: pointer;
  height: 2.15em;
  margin-top: 1.5em;
}
.Isotope-filterBlock {
  display: block;
  background-image: url("assets/images/icons/select-arrow.png");
  background-position: right;
  background-repeat: no-repeat;
  height: 2em;
}
.Isotope-filterBlock:hover .Isotope-filterList {
  height: auto;
  opacity: 1;
}
.Isotope-filterList {
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  top: 1.95em;
  left: 0;
  width: 100%;
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
  transition: opacity 0.5s ease;
}
.Isotope-filter {
  cursor: pointer;
  background: #fff;
  padding: 0.5em;
}
.Isotope-filter:hover {
  background: #925c1b;
  color: #fff;
}
.Isotope-filter.is-selected {
  background: #ddd;
}
.Isotope-filter.is-selected:hover {
  background: #925c1b;
}
.Isotope-container {
  width: calc(100% + 1.5em);
  opacity: 0;
  transition: opacity 0.75s ease;
}
.Isotope-container.is-loaded {
  opacity: 1;
}
.Isotope-container-gridSizer {
  width: 25%;
  position: absolute;
}
.Isotope .Alert {
  display: none;
}
.Isotope-loadMorePosts {
  border: none;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-weight: 400;
  letter-spacing: 0.1em;
  height: 2.4em;
  text-align: center;
  width: 100%;
}
.Isotope-loadMorePosts-loadingState {
  display: none;
}
.Isotope-loadMorePosts.is-inactive {
  pointer-events: none;
  opacity: 0;
}
.Isotope-loadMorePosts.is-loading {
  opacity: 0.5;
  cursor: wait;
  pointer-events: none;
}
.Isotope-loadMorePosts.is-loading .Isotope-loadMorePosts-loadingState {
  display: inline;
}
.Isotope-loadMorePosts.is-loading .Isotope-loadMorePosts-regularState {
  display: none;
}
.Link {
  text-decoration: none;
  color: #40464d;
  opacity: 0.5;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.2em;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-weight: 300;
  transition: opacity 0.5s, margin-left 0.5s;
}
.Link:hover {
  opacity: 1;
}
.Link--next:after {
  content: "\2192";
  display: inline-block;
  width: 1em;
  margin-left: 0.25em;
  height: 12px;
}
.Link--next:hover {
  margin-left: 0.5em;
}
.Link--prev:before {
  content: "\2190";
  display: inline-block;
  width: 1em;
  margin-right: 0.5em;
  height: 12px;
}
.Link--prev:hover {
  margin-left: -0.5em;
}
.Map-marker {
  display: none;
}
.Map-marker-title {
  margin: 0;
  margin-bottom: 0 !important;
  line-height: 1.2;
  padding: 0;
}
.Buttonrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 1.5em);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5em;
}
.Buttonrow-button {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 1.5em;
  background-color: #424242;
  color: #fff;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-weight: 300;
  text-decoration: none;
  padding: 0.75em 1em;
  transition: background-color 0.25s;
}
.Buttonrow-button:hover {
  background-color: #212121;
}
.Buttonrow-button-title {
  font-size: 1.75em;
  margin-bottom: 0.25em;
  display: block;
}
.Buttonrow-button-subtitle {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.Materialblog-single {
  margin-bottom: 1.5em;
}
.Materialblog-single-banner {
  margin-bottom: 2em;
  max-height: 25em;
  overflow-y: hidden;
}
.Materialblog-single-banner-image {
  width: 100%;
  height: auto;
}
.Materialblog-single .ContentColumn--full {
  padding-right: 5em;
}
.Materialblog-single .ContentColumn--full p {
  font-family: 'Open Sans', 'Arial', 'sans-serif' !important;
}
.Materialblog-single .ContentColumn--full p span {
  font-size: 1em !important;
  font-family: 'Open Sans', 'Arial', 'sans-serif' !important;
}
.Materialblog-single .ContentColumn--full p:first-child {
  margin-top: 0;
}
.Materialblog-single .ContentColumn--full a,
.Materialblog-single .ContentColumn--full img,
.Materialblog-single .ContentColumn--full figure {
  max-width: 100% !important;
}
.Materialblog-single .ContentColumn--full figure {
  width: 100% !important;
  padding: 0;
  margin: 0;
  margin: 2em 0;
}
.Materialblog-single .ContentColumn--full figure img {
  margin: 0;
  display: block;
}
.Materialblog-single .ContentColumn--full figure figcaption {
  text-align: left;
  font-style: italic;
  margin-top: 0.25em;
}
.Materialblog-single .ContentColumn--full img {
  height: auto;
  margin: 2em 0;
  border: solid 1px #ddd;
}
.Materialblog-single-date {
  position: absolute;
  bottom: 0;
}
.Materialblog-single .fotorama__wrap {
  padding-bottom: 6em;
}
.Materialblog-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4em;
}
.Materialblog-teaser-image {
  width: 20em;
  height: 7em;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #e5e1e1;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b7b3b2' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.Materialblog-teaser-image-img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Materialblog-teaser-text {
  position: relative;
  width: calc(100% - 26em);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.Materialblog-teaser--list .Materialblog-teaser-image {
  margin-right: 2em;
  border: solid 1px #ddd;
}
.Materialblog-teaser--list .Materialblog-teaser-link {
  position: absolute;
  bottom: 0;
  color: #40464d;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-size: 1em;
  line-height: 1em;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0.5;
  transition: opacity 0.5s ease 0s, margin-left 0.5s ease 0s;
}
.Materialblog-teaser--list .Materialblog-teaser-link:hover {
  opacity: 1;
  margin-left: 0.5em;
}
.Materialblog-teaser--list .Materialblog-teaser-link::after {
  content: "\2192";
  display: inline-block;
  height: 12px;
  margin-left: 0.25em;
  width: 1em;
}
.Materialblog-teaser--sticky {
  width: 100%;
  margin-right: 2em;
  margin-bottom: 2em;
  padding-bottom: 20%;
  position: relative;
}
.Materialblog-teaser--sticky .Materialblog-teaser-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.Materialblog-teaser--sticky .Materialblog-teaser-link:hover .Materialblog-teaser-image {
  -webkit-filter: saturate(1) brightness(1);
          filter: saturate(1) brightness(1);
}
.Materialblog-teaser--sticky .Materialblog-teaser-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: saturate(0.5) brightness(0.75);
          filter: saturate(0.5) brightness(0.75);
  transition: -webkit-filter 1s ease;
  transition: filter 1s ease;
  transition: filter 1s ease, -webkit-filter 1s ease;
}
.Materialblog-teaser--sticky .Materialblog-teaser-image-img {
  width: auto;
  height: 100%;
}
.Materialblog-teaser--sticky .Materialblog-teaser-text {
  position: absolute;
  top: 2em;
  left: 2em;
}
.Materialblog-teaser--sticky .Materialblog-teaser-title,
.Materialblog-teaser--sticky .Materialblog-teaser-subtitle {
  color: #fff;
}
.Materialblog-teaser--card {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 1.5em;
  margin-bottom: 0;
}
.Materialblog-teaser--card:first-child {
  margin-left: 0;
}
.Materialblog-teaser--card .Teaser-image {
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.Materialblog-teaser--card .Teaser-image-inner {
  position: static;
  display: block;
}
.Materialblog-teaser--card .Teaser-content {
  min-height: auto;
}
.Materialblog-teaser--card .Teaser-content-inner {
  position: static;
  min-height: auto;
}
.Materialblog-featuredList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Materialblog-featuredList-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% / 3 * 2);
}
.Materialblog-featuredList-main .Materialblog-teaser {
  height: 25em;
}
.Materialblog-featuredList-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% / 3);
}
.Materialblog-featuredList-sub .Materialblog-teaser {
  height: 11.5em;
}
.Materialblog-list,
.Materialblog-row {
  margin-bottom: 2em;
}
.Materialblog-row-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Materialblog-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Materialblog-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 1em;
}
.Materialblog-categories a {
  text-decoration: none;
  color: #40464d;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-size: 1em;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-decoration: none;
  text-transform: uppercase;
}
.Materialblog-categories a:hover {
  text-decoration: underline;
}
.Materialblog-sponsored {
  position: absolute;
  top: 3em;
  right: 3em;
  border: solid 1px #999;
  color: #999;
  line-height: 1;
  text-transform: uppercase;
  padding: 0.4em;
  font-size: 0.62em;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-align: center;
}
.Pagination {
  color: #40464d;
  font-family: 'Oswald', 'Arial', 'sans-serif';
  font-size: 1em;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-decoration: none;
  text-transform: uppercase;
}
.Pagination-current {
  margin-right: 2em;
}
.Pagination .page-numbers {
  text-decoration: none;
  border-bottom: solid 1px #40464d;
  padding: 0.25em 1em;
  color: #40464d;
  opacity: 0.5;
  transition: opacity 0.5s ease 0s;
}
.Pagination .page-numbers:hover,
.Pagination .page-numbers.current {
  opacity: 1;
}
.Pagination .page-numbers.dots {
  border-bottom: none;
}
.Row-header {
  background: #111;
  padding: 0.25em 1em 0.5em;
  margin-bottom: 1.5em;
  line-height: 1.5em;
}
.Row-header-title {
  font-weight: 300;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 1.5em;
  margin: 0 !important;
}
.Materialpreis {
  margin-bottom: 1.5em;
}
.Materialpreis-headlines {
  position: relative;
}
.Materialpreis-headlines.Text-content-headlines {
  margin-bottom: 2em;
}
.Materialpreis-voting {
  font-family: 'Oswald', 'Arial', 'sans-serif';
  opacity: 0.75;
  cursor: pointer;
  margin-top: 3em;
  width: 9em;
  transition: opacity 0.5s ease;
}
.Materialpreis-voting:hover {
  opacity: 0.75;
}
.Materialpreis-voting-trigger {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5em;
  font-weight: 400;
}
.Materialpreis-voting-result {
  background: url("assets/images/icons/like.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -0.25em;
  font-size: 1.75em;
  font-weight: 100;
}
.Materialpreis-voting-result-count {
  margin-left: 1.5em;
}
.Materialpreis-gallery {
  cursor: pointer;
}
.Materialpreis-address {
  margin-bottom: 2em;
}
.Materialpreis-awardLogo {
  width: 16em;
  height: 7.5em;
  color: #925c1b;
  background-repeat: no-repeat;
  background-size: 58% auto;
  position: relative;
}
.Materialpreis-awardLogo--materialpreis-project {
  background-image: url("assets/images/logos/materialpreis-project.png");
}
.Materialpreis-awardLogo--materialpreis-material {
  background-image: url("assets/images/logos/materialpreis-material.png");
}
.Materialpreis-awardLogo-title {
  position: absolute;
  bottom: 0.9em;
  font-size: 1.35em;
}
.Materialpreis-awardLogo-label {
  position: absolute;
  bottom: 0;
  font-size: 0.75em;
}
.Materialpreis-awardLogo--small .Materialpreis-awardLogo-label {
  display: none;
}
.Materialpreis-awardLogo--header {
  position: absolute;
  right: 0;
  top: 2em;
  background-size: 56% auto;
  height: 4.5em;
  width: 9.25em;
}
.Materialpreis-awardLogo--header .Materialpreis-awardLogo-title {
  font-size: 0.75em;
}
.Materialpreis-awardLogo--header .Materialpreis-awardLogo-label {
  display: none;
}
.Materialpreis-photographer {
  position: absolute;
  bottom: 0;
}
.Materialpreis-inlineLabel {
  display: inline-block;
  vertical-align: top;
  width: 14em;
}
.Materialpreis-inlineText {
  display: inline-block;
  width: calc(100% - 14em);
}
.Materialpreis-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Materialpreis-category-label {
  display: inline-block;
  min-width: 14em;
}
.Materialpreis-category-wrap {
  width: 100%;
}
.Materialpreis-category-tag {
  font-size: 0.9em;
  display: inline-block;
  text-decoration: none;
  border: solid 1px #757575;
  color: #757575;
  margin-right: 1em;
  padding: 0.5em 0.25em;
  text-align: center;
  min-width: 14em;
  height: 3em;
  margin-bottom: 0.5em;
  transition: background-color 250ms linear;
}
.Materialpreis-category-tag:hover {
  background-color: #f0f1f4;
}
.Materialpreis-relatedContent-header-title--gray {
  color: #999;
}
.Materialpreis-relatedContent-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5em;
  width: calc(100% + 1.5em);
}
.Materialpreis .Materialpreis-contentColumn .ContentColumn--full {
  padding-right: 5em;
}
.Materialpreis .Materialpreis-contentColumn .ContentColumn--quart {
  padding-left: 1em;
}
.Navigation-list {
  font-size: 1.5em;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Oswald', 'Arial', 'sans-serif';
}
.Navigation--footer-list {
  text-transform: uppercase;
}
.Navigation--footer-list li {
  margin-right: 0.75em;
  display: inline-block;
  margin-right: 1.5em;
  padding-bottom: 0.25em;
}
.Navigation--footer-list li a {
  text-decoration: none;
  color: #40464d;
  opacity: 1;
  transition: 0.2s ease opacity;
}
.Navigation--footer-list li a:hover {
  opacity: 0.6;
}
.Navigation--footer-list li.current-page-ancestor,
.Navigation--footer-list li.current-menu-item {
  border-bottom: solid 2px;
}
.PageNavigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2em;
}
.PageNavigation-prev,
.PageNavigation-next {
  width: 50%;
}
.PostNav {
  position: fixed;
  top: 60%;
  width: 4em;
  height: 4em;
  opacity: 0.2;
  transition: opacity 0.5s ease;
}
.PostNav:hover {
  opacity: 1;
}
.PostNav a {
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.PostNav--prev {
  left: 0;
  background-image: url("assets/images/icons/arrow-left.svg");
}
.PostNav--next {
  right: 0;
  background-image: url("assets/images/icons/arrow-right.svg");
}
.PreviewImage {
  width: 400px;
  height: 300px;
  background-size: cover;
}
.rpPopup {
  display: none;
}
.rpPopup-close {
  position: absolute;
  top: 1em;
  right: 1em;
  background: url("assets/images/icons/cancel.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  cursor: pointer;
  opacity: 0.5;
}
.rpPopup-close:hover {
  opacity: 1;
}
#rpPopup-container {
  position: fixed;
  left: calc(50% - 15em);
  top: 40%;
  width: 30em;
  display: none;
}
.Search-form {
  height: 2.85em;
  width: 20.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Search-form-input {
  border: none;
  width: calc(100% - 3em);
  height: 100%;
  font-weight: 200;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  padding-left: 1em;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
.Search-form-submit {
  background: #5b5c5e url("assets/images/icons/search-white.svg") center center no-repeat;
  background-size: 1em;
  border: none;
  width: 3em;
  height: 100%;
  transition: background-size 0.5s ease;
}
.Search-form-submit:hover {
  background-size: 1.25em;
}
.Search-results-block {
  margin-bottom: 4em;
}
.Search-results-block-title {
  margin-bottom: 1em;
}
.Search-results-block-link {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 1em;
  line-height: 1.3;
}
.Section {
  margin-bottom: 2em;
}
.Tag {
  margin: 0 0.5em 0.5em 0;
  background: #40464d;
  color: #fff;
  text-decoration: none;
  padding: 0.25em 1em;
  display: inline-block;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;
  text-align: center;
  opacity: 0.75;
  transition: opacity 0.25s;
}
.Tag:hover {
  opacity: 1;
}
.Teaser {
  position: relative;
  background: #fff;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.25);
}
.Teaser-content {
  min-height: 13.1em;
  position: relative;
}
.Teaser-content-inner {
  padding: 1em;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  background: #fff;
  min-height: 13em;
  transition: min-height 0.5s ease;
}
.Teaser-content-headlines {
  margin-bottom: 1em;
}
.Teaser-content-title {
  font-size: 1.5em;
}
.Teaser-content-first,
.Teaser-content-categories,
.Teaser-content-link,
.Teaser-content-vote,
.Teaser-content-year {
  font-size: 0.9em;
  line-height: 1.5em;
  height: 1.5em;
  position: absolute;
  width: calc(100% - 1.5em);
}
.Teaser-content-categories,
.Teaser-content-link,
.Teaser-content-vote,
.Teaser-content-year {
  display: none;
}
.Teaser-content-categories-category {
  margin-bottom: 1em;
}
.Teaser-content-categories-category-label {
  display: block;
}
.Teaser-content-categories-category-tag {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  color: #40464d;
}
.Teaser-content-categories-category-tag:after {
  content: ", ";
  margin-right: 0.25em;
}
.Teaser-content-categories-category-tag:last-child:after {
  content: "";
  margin-right: 0;
}
.Teaser-content-categories-category-tag:hover {
  opacity: 0.5;
}
.Teaser-content-place {
  display: block;
  background-size: 1em;
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  padding-left: 1.5em;
  background-image: url("assets/images/icons/map-pointer.svg");
  margin-top: 0.5em;
}
.Teaser-content-awardComment {
  display: none;
}
.Teaser-image {
  background-color: #40464d;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
}
.Teaser-image-inner {
  position: absolute;
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  transition: opacity 0.5s ease, -webkit-filter 0.5s ease, -webkit-transform 1s ease-out;
  transition: opacity 0.5s ease, filter 0.5s ease, transform 1s ease-out;
  transition: opacity 0.5s ease, filter 0.5s ease, transform 1s ease-out, -webkit-filter 0.5s ease, -webkit-transform 1s ease-out;
}
.Teaser-image-overlay {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  line-height: 3em;
  text-align: center;
  color: #fff;
  transition: opacity 0.5s ease;
}
.Teaser-link {
  text-decoration: none;
  color: #40464d;
}
.Teaser-link:hover .Teaser-image-inner {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Teaser-voting {
  font-family: 'Oswald', 'Arial', 'sans-serif';
  opacity: 0.75;
  position: absolute;
  bottom: 0;
  transition: opacity 0.5s ease;
}
.Teaser-voting-result {
  background: url("assets/images/icons/like.svg");
  background-size: contain;
  background-position: -0.25em;
  background-repeat: no-repeat;
  font-size: 1.75em;
  font-weight: 100;
}
.Teaser-voting-result-count {
  margin-left: 1.5em;
}
.Teaser--quart {
  width: calc(25% - 1.5em);
  margin-right: 1.5em;
  display: inline-block;
  height: 31.25em;
  overflow: hidden;
}
.Teaser.is-overlay .Teaser-content-inner {
  min-height: 25em;
}
.Teaser.is-overlay .Teaser-image-inner {
  opacity: 0.5;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.Teaser.is-overlay .Teaser-image-overlay {
  height: 3em;
  opacity: 1;
}
.Teaser--awarded {
  width: calc(50% - 1.5em);
  margin-right: 1.5em;
  height: calc(62.48em + 1.48em);
  overflow: hidden;
}
.Teaser--awarded .Teaser-content {
  min-height: 29.8em;
}
.Teaser--awarded .Teaser-content-inner {
  min-height: 29em;
}
.Teaser--awarded .Teaser-content-headlines {
  width: calc(100% - 17em);
}
.Teaser--awarded .Teaser-content-tabs {
  margin-top: 4.5em;
}
.Teaser--awarded .Teaser-content-awardComment {
  margin: 0;
  padding-right: 4em;
  display: block;
}
.Teaser--awarded .Materialpreis-awardLogo--large {
  position: absolute;
  right: 0;
  top: 1.5em;
  width: 16em;
  height: 7.5em;
}
.Teaser--awarded .Materialpreis-awardLogo--large-title,
.Teaser--awarded .Materialpreis-awardLogo--large-label {
  display: block;
}
.Teaser--awarded .Vote-result {
  width: calc(100% - 15em);
}
.Teaser--awarded .Teaser-image {
  padding-bottom: 74%;
}
.Teaser--awarded.is-overlay .Teaser-content-inner {
  min-height: 29em;
}
.Teaser--awarded.is-overlay .Teaser-image-inner {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.Teaser--awarded.is-overlay .Teaser-image-overlay {
  height: 3em;
  opacity: 1;
}
.Teaser--awarded .Vote-result {
  width: 100%;
}
.Text {
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Text--small {
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 0.75em;
}
.Text--center {
  text-align: center;
}
.Text-content-headlines {
  margin-bottom: 1em;
}
.Text-imageColumn {
  padding-right: 2em;
}
.Text-imageColumn-image {
  width: 100%;
}
.Tile {
  position: relative;
}
.Tile-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.Tile-image--landscape {
  padding-bottom: 75%;
  margin-bottom: 0;
}
.Tile-image--square {
  padding-bottom: 75%;
}
.Tile-image--half {
  width: calc(50% - 0.8em);
  padding-bottom: calc(38.5% - 1em);
  height: 100%;
  float: left;
}
.Tile-image--cloudinary {
  width: 100%;
}
.Tile-button {
  height: 3em;
  line-height: 3em;
  width: 100%;
  display: block;
  background: #fff;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  opacity: 0.8;
  transition: opacity 0.5s ease;
}
.Tile-button:hover {
  opacity: 1;
}
.Tile-button-link {
  display: block;
  padding: 0 2em;
  color: #40464d;
  opacity: 1;
}
.Tile-content {
  padding: 1em;
  float: left;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.Tile-content--half {
  width: calc(50% + 0.8em);
}
.Tile-content-headlines {
  margin-bottom: 1em;
}
.Tile-content-title {
  font-size: 1.5em;
}
.Tile-content-text {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.Tile-content-text p {
  margin: 0;
  padding: 0;
}
.Tile-slideshow-slideshow {
  position: absolute;
  height: 100%;
  width: 100%;
}
.Tile-slideshow-slideshow .fotorama__wrap {
  height: 100%;
}
.Tile--quart {
  width: calc(25% - 1.5em);
}
.Tile--half {
  width: calc(50% - 1.5em);
}
.Tile--half .Tile-content {
  position: absolute;
  left: calc(50% - 0.8em);
  padding-left: 2.5em;
}
.Tile--full {
  width: 100%;
}
.Tile--card {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0.75em;
  margin-bottom: 1em;
  background: #fff;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.25);
}
.Tile--card .Tile-link {
  position: absolute;
  bottom: 1em;
}
.Tile--card .Tile-content {
  height: auto;
  padding-bottom: 3.5em;
}
.TileRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5em;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.slide-fade-enter-active {
  transition: all 0.5s ease;
}
.slide-fade-leave-active {
  transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter,
.slide-fade-leave-active {
  -webkit-transform: translateX(1em);
          transform: translateX(1em);
  opacity: 0;
}
.Vote-form {
  margin-top: 1em;
}
.Vote-result {
  padding: 0;
  margin: 0;
  margin-bottom: 0.25em;
  display: block;
  background: url("assets/images/icons/like.svg");
  background-size: 1.75em;
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  padding-left: 2em;
}
.Vote-result-count,
.Vote-result-person {
  font-weight: 600;
}
.Vote-input {
  font-size: 0.8em;
  height: 2.25em;
  line-height: 2.25em;
  margin: 0;
  padding: 0.25em 0.25em 0.25em 0.5em;
  display: inline-block;
  width: 100%;
  border: 1px solid #757575;
}
.Vote-button {
  padding: 0;
  margin: 0;
  text-align: center;
}
.Vote-error {
  color: #f44336;
  font-size: 0.9em;
  line-height: 1.1em;
  margin-top: 0.25em;
}
.Wrap {
  margin-top: 11.25em;
  margin-bottom: 1.5em;
}
.Navigation--primary {
  position: relative;
  height: 5.8em;
}
.Navigation--primary-list {
  font-size: 1.2em;
  height: 1.5em;
}
.Navigation--primary-list li {
  background: #5b5c5e;
  display: inline-block;
  height: 2.4em;
  transition: background 0.25s linear;
}
.Navigation--primary-list li a {
  display: inline-block;
  padding: 0.5em 1em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #fff;
}
.Navigation--primary-list li ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  background: #333;
  position: absolute;
  top: 2.3em;
  left: 0;
  z-index: 10;
  height: 2.5em;
  display: none;
}
.Navigation--primary-list li ul li {
  background: transparent;
}
.Navigation--primary-list li ul li a {
  font-weight: 300;
  color: #a4a4a4;
  transition: color 0.25s linear;
}
.Navigation--primary-list li ul li:hover,
.Navigation--primary-list li ul li.current-menu-item {
  background: transparent;
}
.Navigation--primary-list li ul li:hover a,
.Navigation--primary-list li ul li.current-menu-item a {
  color: #fff;
}
.Navigation--primary-list li:hover,
.Navigation--primary-list li.current-menu-item,
.Navigation--primary-list li.current-menu-parent,
.Navigation--primary-list li.current-page-ancestor {
  background: #333;
}
.Navigation--primary-list li:hover ul,
.Navigation--primary-list li.current-menu-item ul,
.Navigation--primary-list li.current-menu-parent ul,
.Navigation--primary-list li.current-page-ancestor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Navigation-subPlaceholder {
  width: 100%;
  background: #333;
  opacity: 0.25;
  position: absolute;
  top: 2.85em;
  left: 0;
  height: 2.9em;
  z-index: 0;
}
.Navigation-search {
  position: absolute;
  top: 0;
  right: 0;
}
body.single-materialpreis .menu-item-7974 {
  background: #333;
}
body.single-materialpreis .menu-item-7974 ul {
  display: block;
}
body.single-materialpreis .menu-item-7975 a {
  color: #fff;
}
body.single-post .menu-item-7973,
body.archive .menu-item-7973 {
  background: #333;
}
body.single-post .menu-item-7973 ul,
body.archive .menu-item-7973 ul {
  display: block;
}
/** @define utilities **/
.u-noWidow {
  whitespace: nowrap;
}
@media (min-width: 800px) {
  html {
    font-size: calc( 8px + (14 - 8) * ((100vw - 800px) / (1200 - 800)) );
  }
  h1 {
    font-size: calc( 18.569593301560406px + (32.49678827773071 - 18.569593301560406) * ((100vw - 800px) / (1200 - 800)) );
  }
  h2 {
    font-size: calc( 15.691335605736722px + (27.459837310039262 - 15.691335605736722) * ((100vw - 800px) / (1200 - 800)) );
  }
  h3 {
    font-size: calc( 13.259203316594517px + (23.203605804040404 - 13.259203316594517) * ((100vw - 800px) / (1200 - 800)) );
  }
  h4 {
    font-size: calc( 11.204047699197544px + (19.6070834735957 - 11.204047699197544) * ((100vw - 800px) / (1200 - 800)) );
  }
  h5 {
    font-size: calc( 9.467437963545382px + (16.56801643620442 - 9.467437963545382) * ((100vw - 800px) / (1200 - 800)) );
  }
  h6 {
    font-size: calc( 8px + (14 - 8) * ((100vw - 800px) / (1200 - 800)) );
  }
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
    font-size: calc( 8px + (14 - 8) * ((100vw - 800px) / (1200 - 800)) );
  }
  input[type="submit"],
  button {
    font-size: calc( 8px + (14 - 8) * ((100vw - 800px) / (1200 - 800)) );
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 14px;
  }
  h1 {
    font-size: 32.49678827773071px;
    margin-top: 0.834697871315121em;
    line-height: 1.001637445578145em;
    margin-bottom: 0.166939574263024em;
  }
  h2 {
    font-size: 27.459837310039262px;
    margin-top: 0.987806289372412em;
    line-height: 1.185367547246894em;
    margin-bottom: 0.219144917199615em;
  }
  h3 {
    font-size: 23.203605804040404px;
    margin-top: 1.168999345579159em;
    line-height: 1.40279921469499em;
    margin-bottom: 0.264027912691083em;
  }
  h4 {
    font-size: 19.6070834735957px;
    margin-top: 1.383428597961979em;
    line-height: 1.660114317554376em;
    margin-bottom: 0.319020274851214em;
  }
  h5 {
    font-size: 16.56801643620442px;
    margin-top: 1.637190553524951em;
    line-height: 1.964628664229941em;
    margin-bottom: 0.32743811070499em;
  }
  h6 {
    font-size: 14px;
    margin-top: 1.9375em;
    line-height: 2.325em;
    margin-bottom: 0.4359375em;
  }
  fieldset {
    margin-bottom: 1.799107142857143em;
  }
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
    font-size: 14px;
    margin-bottom: 0.484375em;
  }
  input[type="submit"],
  button {
    font-size: 14px;
    margin-bottom: 1.1625em;
  }
  table {
    margin-bottom: 1.9375em;
  }
  th {
    padding: 0.3875em 0.775em;
  }
  td {
    padding: 0.3875em 0.775em;
  }
}
@media only screen and (max-width: 700px) {
  body {
    font-size: 11px;
    line-height: 1.25em;
  }
  .Isotope-filterContainer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .Isotope-filterContainer-filter {
    width: 50%;
    margin-bottom: 1em;
  }
  .Isotope-filterButton {
    width: 100%;
    margin-top: -0.25em;
  }
  .Isotope-filterList {
    top: 2em;
  }
  .Isotope-container {
    width: 500px;
    margin: 0 auto;
  }
  .Materialblog-teaser-text {
    width: 80%;
  }
  .Materialblog-teaser--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Materialblog-teaser--list .Materialblog-teaser-image {
    width: 100%;
    height: auto;
    margin-bottom: 0.5em;
  }
  .Materialblog-teaser--list .Materialblog-teaser-text {
    width: 100%;
    padding-bottom: 1.5em;
  }
  .Materialpreis-awardLogo--header {
    display: none;
  }
  .Materialpreis-photographer {
    position: static;
    margin-top: 2em;
  }
  .Materialpreis-relatedContent {
    display: none;
  }
  .Materialpreis .Materialpreis-contentColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Materialpreis .Materialpreis-contentColumn .ContentColumn--full {
    padding-right: 0;
  }
  .Materialpreis .Materialpreis-contentColumn .ContentColumn--quart {
    width: 100%;
    padding-left: 0;
    margin-top: 2em;
  }
  .Teaser--quart {
    width: 230px;
  }
  .Teaser--awarded {
    width: 230px;
  }
  .Teaser--awarded .Teaser-content {
    min-height: 13em;
  }
  .Teaser--awarded .Teaser-content-inner {
    min-height: 13em;
  }
  .Teaser--awarded .Teaser-content-headlines {
    width: 100%;
  }
  .Teaser--awarded .Teaser-content-inner {
    height: 100%;
  }
  .Teaser--awarded .Teaser-content-tabs {
    margin-top: 0;
  }
  .Teaser--awarded .Teaser-content-awardComment {
    display: none;
  }
  .Teaser--awarded .Teaser-content .Materialpreis-awardLogo {
    width: 5em;
    position: static;
  }
  .Teaser--awarded .Teaser-content .Materialpreis-awardLogo-title,
  .Teaser--awarded .Teaser-content .Materialpreis-awardLogo-label {
    display: none;
  }
  .Tile {
    margin-bottom: 1.5em;
  }
  .Tile-content {
    position: static;
  }
  .Tile--quart {
    width: calc(50% - 1.5em);
  }
  .Tile--half {
    width: calc(100% - 1.5em);
  }
  .Tile--card {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: calc(50% - 1.5em);
  }
  .TileRow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 500px) {
  .ContentColumn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ContentColumn--quart {
    width: 100%;
  }
  .ContentColumn--quart--right {
    width: 100%;
    margin-right: 0;
  }
  .ContentColumn--quart--left {
    width: 100%;
    margin-right: 0;
  }
  .Header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 10em;
    padding-top: 1em;
  }
  .Header-brand {
    width: 50%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 0.75em;
  }
  .Header-secondBrand {
    display: none;
  }
  .Header-center {
    width: 100%;
  }
  .Header-navigation {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .Isotope-container {
    width: 250px;
    margin: 0 auto;
  }
  .Buttonrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Buttonrow-button {
    margin-bottom: 0.5em;
  }
  .Materialblog-single .ContentColumn--full {
    padding-right: 0;
  }
  .Materialblog-featuredList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Materialblog-featuredList-main {
    width: 100%;
  }
  .Materialblog-featuredList-main .Materialblog-teaser {
    width: 100%;
    margin: 0;
    margin-bottom: 2em;
  }
  .Materialblog-featuredList-sub {
    width: 100%;
  }
  .Materialblog-row-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Materialblog-row-container .Materialblog-teaser {
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 2em;
  }
  .Tile-link {
    margin-top: 2em;
  }
  .Tile--quart {
    width: calc(100% - 1.5em);
  }
  .Tile--half .Tile-content {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    padding: 1em;
  }
  .Tile--half .Tile-image {
    display: none;
  }
  .Tile--card {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: calc(100% - 1.5em);
  }
  .Wrap {
    margin-top: 14em;
  }
  .Navigation-search {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .fotorama__caption {
    display: none;
  }
}