/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/wood.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #333;
    min-height: 768px;
}
.dialog-off-canvas-main-canvas {
    background-image: url(images/wood.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.l-attribution.l-row {
    display: none;
}
/**
 * F O N T S
 ============================================================================ */
@font-face {
    font-family: 'Berlin';
    src: url('berlin-webfont/Berlin-Regular.woff2') format('woff2'),
        url('berlin-webfont/Berlin-Regular.woff') format('woff'),
        url('berlin-webfont/Berlin-Regular.ttf') format('truetype'),
        url('berlin-webfont/Berlin-Regular.svg#Berlin-Regular') format('svg');
    font-weight: normal;
    font-style: italic;
}
.node--view-mode-full .node__title, 
.node--view-mode-full .field-node--node-title {
	font-style: italic;
}
h1, .h1 {
    font-family: "Berlin", sans-serif;
}
h2, .h2 {
	font-weight: 300;
}
h3, .h3 {
    font-style: italic;
}
p {
    /*font-family: "Open Sans";
	font-size: 16px;*/
	font-weight: 300;
}
.menu a {
    font-family: "Open Sans", sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
    font-weight: 300;
}
.rm-block, .rm-block a {
    text-transform: uppercase;
}
/**
 * H E A D E R
 ============================================================================ */

a.site-branding__logo-link {
    margin: 0 auto;
}
.pr-navbar {
    color: #ffffff;
    background-color: transparent;
}
.pr-header {
    color: #606060;
    background-color: transparent;
}
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active, 
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
    color: #ffffff;
    background-color: transparent;
}
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:hover, 
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:focus, 
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:hover, 
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:focus {
    /*color: #ffffff;
    background-color: transparent;*/
	color: #000;
    background-color: white;
}
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link, 
.ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link  {
    background-color: transparent;
}
.ms-dropmenu .rm-block__content .menu-level-1 {
    width: max-content;
	width: intrinsic;           /* Safari/WebKit verwendet einen nicht standardisierten Namen */
  	width: -moz-max-content;    /* Firefox/Gecko */
  	width: -webkit-max-content; /* Chrome */  
    margin: 0 auto;
}
.ms-slidedown .rm-row, .ms-slidedown .rm-region {
    background-color: transparent;
}
/*a.menu__link:hover {
	border: white;
    border-style: solid;
    border-width: 1px;
}*/


/**
 * L A Y O U T
 ============================================================================ */

.regions {
    background-color: transparent;
}
.page {
    background-color: transparent;
}
.field.field-node--node-title.field-formatter-ds-field.field-name-node-title.field-type-ds.field-label-hidden.has-single {
    margin-top: 1rem;
}
.clearfix.text-formatted.field.field-node--body.field-formatter-text-default.field-name-body.field-type-text-with-summary.field-label-hidden.has-single {
    margin-top: 15px;
}
.pr-footer {
    color: #ffffff;
    background-color: transparent;
}
div#block-views-block-hersteller-block-1 {
    background-color: #fff;
	padding: 20px;
}
.block__content.block-menu__content {
    width: max-content;
	width: intrinsic;           /* Safari/WebKit verwendet einen nicht standardisierten Namen */
  	width: -moz-max-content;    /* Firefox/Gecko */
  	width: -webkit-max-content; /* Chrome */  
    margin: 0 auto;
}
div#block-views-block-hersteller-block-1 img {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
.views-field.views-field-title {
    margin-bottom: 10px;
	border-bottom: #b7b7b7;
    border-width: thin;
    border-bottom-style: solid;
}
div#block-contactblock {
    background-color: #fff;
    padding: 1.25em;
}
/**
 * B I L D E R
 ============================================================================ */
.field-type-image__item img {
    width: 100%;
}
.field.field-node--field-galeriebild.field-formatter-colorbox.field-name-field-galeriebild.field-type-image.field-label-hidden.has-multiple {
    flex: 25%;
    max-width: 25%;
    padding: 10px;
}
/**
 * S L I D E S H O W
 ============================================================================ */
.slick-arrow::before {
    color: #ffffff;
    font-size: 36px;
    font-size: 2.25rem;
}
button, .button {
    color: #fcfcfc;
    background-color: #9c9c9c;
    border-color: #9c9c9c;
    opacity: 0.9;
    -webkit-box-shadow: inset 0 0px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.media__icon--litebox::before, .media__icon--litebox::after {
    margin: -1px 0 0 -20px;
    width: 40px;
}
.media__icon--litebox:hover::before, .media__icon--litebox:hover::after {
    background-color: #ffffff;
}
.media__icon {
    cursor: zoom-in;
    display: block;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8;
}
/**
 * M E D I A
 ============================================================================ */
@media all and (max-width: 959px) {
    .views-field.views-field-field-logo {
    column-count: 3;
}
}
@media all and (max-width: 480px) {
    .views-field.views-field-field-logo {
    column-count: 2;
}
}