html {
font-family: sans-serif;
font-size: 62.5%;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section,
main,
figcaption,
figure {
display: block;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
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;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select[multiple] {
vertical-align: top;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
vertical-align: top;
}
[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;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
div,
article,
section,
header,
footer,
nav,
ul,
li {
position: relative;
}
ul,
ol,
li {
margin: 0;
padding: 0;
}
figure {
margin: 0;
}
.says,
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.site .skip-link {
background-color: #f1f1f1;
display: block;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
#wpadminbar {
opacity: 0.5;
width: auto;
min-width: auto;
}
#wpadminbar #wp-admin-bar-wp-logo,
#wpadminbar #wp-admin-bar-customize,
#wpadminbar #wp-admin-bar-updates,
#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-new-content {
display: none;
}
#wpadminbar #wp-admin-bar-top-secondary,
#wpadminbar .ab-sub-wrapper {
display: none !important;
}
body.dev #wpadminbar {
display: none;
}
.alignnone {
margin: 0.25em 1em 1em 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0.25em auto 0.25em auto;
}
.alignright {
float: right;
margin: 0.25em 0 1em 1em;
}
.alignleft {
float: left;
margin: 0.25em 1em 1em 0;
}
.wp-caption {
padding: 0.25em 0.25em 0.5em;
text-align: left;
}
.wp-caption.alignnone {
margin: 0.25em 1em 1em 0;
}
.wp-caption.alignleft {
margin: 0.25em 1em 1em 0;
}
.wp-caption.alignright {
margin: 0.25em 0 1em 1em;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 0.25em 0.25em;
}
*::placeholder {
color: black;
}
label,
input,
textarea,
button {
vertical-align: top;
white-space: normal;
background: none;
border: none;
}
fieldset,
.fieldset {
margin-bottom: 0.85em;
}
label,
fieldset legend {
display: block;
margin-bottom: 0.2em;
}
.hide-label label {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
button,
.button,
input[type=submit],
input[type=reset] {
display: inline-block;
width: 100%;
max-width: 100%;
padding: 0.4em;
line-height: 1;
border: 1px solid black;
background-color: black;
color: white;
cursor: pointer;
}
button:hover,
button:active,
button:focus,
.button:hover,
.button:active,
.button:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus {
background-color: white;
color: black;
}
.wpcf7 button,
.wpcf7 .button,
.wpcf7 input[type=submit],
.wpcf7 input[type=reset] {
display: inline-block;
width: auto;
max-width: 100%;
padding: 0;
line-height: 1.4;
border: none;
background-color: transparent;
color: #EAE1D2;
cursor: pointer;
}
.wpcf7 button:hover,
.wpcf7 button:active,
.wpcf7 button:focus,
.wpcf7 .button:hover,
.wpcf7 .button:active,
.wpcf7 .button:focus,
.wpcf7 input[type=submit]:hover,
.wpcf7 input[type=submit]:active,
.wpcf7 input[type=submit]:focus,
.wpcf7 input[type=reset]:hover,
.wpcf7 input[type=reset]:active,
.wpcf7 input[type=reset]:focus {
background-color: transparent;
color: white;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
width: 100%;
max-width: 100%;
padding: 0.4em;
border: none;
background-color: #EAE1D2;
}
textarea {
width: 100%;
max-width: 100%;
padding: 0.4em;
border: none;
background-color: #EAE1D2;
}
input[type=checkbox],
input[type=radio] {
width: 1em;
height: 1em;
}
label {
padding-left: 1.5em;
}
label input[type=checkbox],
label input[type=radio],
label .icheckbox_hue,
label .iradio_hue {
position: absolute;
left: 0;
margin-right: 0.4em;
}
input[type="checkbox"],
input[type=radio] {
position: relative;
-webkit-appearance: none;
appearance: none;
background-color: white;
margin: 0;
color: black;
width: 1em;
height: 1em;
border: none;
margin-top: 0.2em;
background-color: #EAE1D2;
}
input[type=radio] {
border-radius: 50%;
}
input[type="checkbox"]::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0.8em;
height: 0.8em;
transform: translate(-50%,-50%) scale(0);
clip-path: polygon(10% 0%,0% 10%,40% 50%,0% 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0%,50% 40%);
transform: scale(0);
background: black;
}
input[type="radio"]::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0.4em;
height: 0.4em;
transform: translate(-50%,-50%) scale(0);
transform: scale(0);
background: black;
border-radius: 50%;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
transform: translate(-50%,-50%) scale(0.99);
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
outline: none;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
color: grey;
cursor: not-allowed;
}
select {
border: 1px solid black;
}
input:focus,
textarea:focus,
select:focus,
option:focus,
button:focus {
outline: 2px solid white;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled],
button[disabled] {
cursor: not-allowed;
}
.searchform {
position: relative;
display: inline-block;
}
.searchform .search-form-container {
width: 2em;
overflow: hidden;
transition: width 0.2s ease-out;
}
.searchform .search-form-container:before,
.searchform .search-form-container:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.searchform .search-form-container:before,
.searchform .search-form-container:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.searchform .search-form-container .search-form-content {
float: right;
width: 11.3em;
white-space: nowrap;
}
.searchform .search-form-container .search-form-content input[type=text],
.searchform .search-form-container .search-form-content input[type=submit] {
display: inline-block;
margin: 0;
border: none;
}
.searchform .search-form-container .search-form-content input[type=text] {
max-width: 9em;
margin-right: 0.3em;
}
.searchform .search-form-container .search-form-content input[type=submit] {
width: 2em;
height: 2em;
color: transparent;
background-color: transparent;
border: none;
}
.searchform .search-form-container .search-form-content input[type=submit]:hover,
.searchform .search-form-container .search-form-content input[type=submit]:active,
.searchform .search-form-container .search-form-content input[type=submit]:focus {
color: transparent;
background-color: transparent;
}
.searchform .search-form-button {
position: absolute;
top: 0;
right: 0;
width: 2em;
height: 2em;
z-index: 5;
cursor: pointer;
}
.searchform .search-form-button svg path {
fill: black;
}
.searchform .search-form-button:hover svg path,
.searchform .search-form-button:active svg path,
.searchform .search-form-button:focus svg path {
fill: black;
}
.searchform.active .search-form-container {
width: 11.3em;
}
.searchform.active .search-form-button {
pointer-events: none;
}
.searchform.active .search-form-button svg path {
fill: black;
}
#content #searchform .search-form-button {
display: none;
}
.error-404 .searchform {
margin-bottom: 1em;
}
#mc_embed_signup form .mc-field-group {
margin-bottom: 1em;
}
#mc_embed_signup form .mc-field-group input {
margin-bottom: 0;
}
#mc_embed_signup form input.mce_inline_error {
border-color: black;
}
#mc_embed_signup form div.mce_inline_error {
max-width: 20em;
margin: 0 0 1em;
padding: 0.4em;
background-color: black;
}
#mc_embed_signup form #mce-responses .response {
margin: 1em 0;
}
#mc_embed_signup form ul {
list-style-type: none;
padding-left: 0;
margin-top: 0.5em;
}
#mc_embed_signup form ul .icheckbox_hue {
margin-right: 0.5em;
}
#mc_embed_signup form ul label {
display: inline-block;
}
.srt {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.cf:before,
.cf:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
body {
font-family: "neue-haas-unica", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 20px;
font-size: 2rem;
font-size: 2em;
font-size: clamp(18px,1.16vw,30px);
line-height: 1.3;
font-weight: 600;
color: black;
}
a {
color: black;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "neue-haas-unica", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 20px;
font-size: 1em;
letter-spacing: normal;
text-transform: none;
font-weight: 600;
}
label {
font-size: 20px;
font-size: 2rem;
}
label,
input,
select,
button,
textarea {
font-size: 20px;
font-size: 2rem;
font-size: 2.4rem;
}
.navigation.search-form input {
font-size: 1em;
}
.large-title {
font-size: 8em;
font-size: 9vw;
}
.regular-title {
font-size: 2em;
}
.text-page .entry-title {
font-size: 2em;
margin-bottom: 1em;
}
.text-page .entry-content {
margin-bottom: 6em;
}
.text-page .text strong,
.text-page .text b {
display: inline-block;
font-size: 1.2em;
margin-bottom: 0.3em;
}
.subline,
.info-text .text,
.partner-nav {
font-size: 2em;
}
.sub-term {
font-size: 0.85em;
}
::-moz-selection {
color: #000;
background-color: rgba(221,221,221,0.996) !important;
}
::selection {
color: #000;
background-color: rgba(221,221,221,0.996) !important;
}
.scroll-wrapper {
height: 100%;
overflow-y: auto;
padding: 1em;
-webkit-overflow-scrolling: touch;
}
.scroll-wrapper::-webkit-scrollbar {
width: 0.3em;
}
.scroll-wrapper::-webkit-scrollbar-track {
background-color: white;
}
.scroll-wrapper::-webkit-scrollbar-thumb {
background-color: #6B7050;
}
.image-wrapper {
-webkit-user-select: none;
user-select: none;
}
.image-wrapper img {
display: block;
width: 100%;
height: auto;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.image-wrapper img.loaded {
opacity: 1;
}
.image-wrapper:after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-wrapper .lightbox-image {
display: none;
}
.image-wrapper .image-caption {
position: absolute;
bottom: 0;
right: 0;
background-color: white;
color: black;
padding: 0.1em;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.image-wrapper:hover .image-caption {
opacity: 1;
}
.background-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.background-image.mobile {
display: none;
}
.video-wrapper video {
width: 100%;
height: auto;
}
.video-wrapper .video-curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: 1;
transition: opacity 0.2s ease-out;
}
.video-wrapper .video-curtain.hidden {
opacity: 0;
pointer-events: none;
}
.video-wrapper.fullscreen {
width: 100%;
height: 100%;
overflow: hidden;
}
.video-wrapper.fullscreen video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%,-50%);
}
.audio-wrapper {
font-size: 0;
}
.audio-wrapper audio:focus {
outline: none;
}
.hue-slideshow {
display: block;
width: 100%;
margin-bottom: 1em;
-webkit-user-select: none;
user-select: none;
}
.hue-slideshow .slideshow-container {
width: 100%;
}
.hue-slideshow .slideshow-container .slide {
width: 100%;
display: none;
display: flex;
flex-shrink: 0;
}
.hue-slideshow .slideshow-container .slide:first-child {
display: flex;
flex-shrink: 0;
}
.hue-slideshow .slideshow-container .slide img {
width: 100%;
height: auto;
}
.hue-slideshow .slideshow-container.flickity-enabled .slide,
.hue-slideshow .slideshow-container.slick-initialized .slide,
.hue-slideshow .slideshow-container.slideshow-initialized .slide {
display: flex;
flex-shrink: 0;
}
.hue-slideshow .slideshow-caption {
text-align: center;
margin-bottom: 1em;
}
.hue-slideshow.same-width .slideshow-container {
height: 100%;
}
.hue-slideshow.same-width .slideshow-container .slide .image-wrapper {
width: 100%;
}
.hue-slideshow.same-height .slideshow-container .slide {
width: auto;
height: 100%;
}
.hue-slideshow.same-height .slideshow-container .slide .image-wrapper {
height: 100%;
}
.hue-slideshow.same-height .slideshow-container .slide img {
width: auto;
height: 100%;
}
.hue-slideshow.cover {
aspect-ratio: 1.6;
}
.hue-slideshow.cover .slideshow-container .slide {
width: 100%;
height: 100%;
}
.hue-slideshow.cover .slideshow-container .slide .image-wrapper {
width: 100%;
height: 100%;
}
.hue-slideshow.cover .slideshow-container .slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hue-slideshow.with-mouseover {
cursor: none;
}
.hue-slideshow.with-mouseover .flickity-enabled.is-draggable .flickity-viewport {
cursor: none;
}
.hue-slideshow.with-mouseover .slideshow-display {
position: absolute;
transform: translate(-50%,-50%);
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease-out;
white-space: nowrap;
}
.hue-slideshow.with-mouseover:hover .slideshow-display {
opacity: 1;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button {
top: 0;
width: 50%;
height: 100%;
max-width: 100%;
border-radius: 0;
background-color: transparent;
-webkit-transform: none;
transform: none;
cursor: none !important;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button.previous {
left: 0;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button.next {
right: 0;
}
.hue-slideshow.with-mouseover .flickity-prev-next-button svg {
display: none;
}
.hue-slideshow .slide .small-title {
opacity: 1;
transition: opacity 0.2s ease-out;
}
.hue-slideshow .slide.border-element .small-title {
opacity: 0;
}
.popup-container {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
opacity: 0;
pointer-events: none;
background-color: rgba(255,255,255,0.5);
transition: opacity 0.4s ease-out;
}
.popup-container .inner {
position: relative;
top: 50%;
left: auto;
width: 100%;
height: calc(100% - 4em);
margin: 0 auto;
transform: translateY(-50%);
background-color: transparent;
}
.popup-container .inner .scroll-wrapper {
padding: 0;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.popup-container .popup-content > article {
padding-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.popup-container.active {
opacity: 1;
pointer-events: auto;
}
.popup-container.loaded .scroll-wrapper {
opacity: 1;
}
.popup-container .popup-close {
position: absolute;
top: 2em;
right: 2em;
width: 2em;
height: 2em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/close.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.hue-gallery ul {
display: grid;
grid-template-columns: repeat(3,1fr);
column-gap: 1em;
row-gap: 1em;
}
.hue-gallery ul .grid-element {
width: auto;
}
.hue-map {
margin-bottom: 1em;
}
.iframe-wrapper {
width: 100%;
aspect-ratio: 1.7777777777778;
}
.iframe-wrapper iframe {
width: 100%;
height: 100%;
}
.back-button {
position: absolute;
top: 1em;
right: 0;
z-index: 10;
}
.edit-link {
position: absolute;
top: 0px;
right: 0px;
z-index: 10;
}
.edit-link .icon {
display: inline-block;
width: 2em;
height: 2em;
padding: 0.05em 0.1em;
background-color: red;
}
.edit-link .icon svg path {
fill: white;
}
.edit-link .title {
display: none;
position: absolute;
top: 100%;
right: 0;
padding: 0.2em 0.4em;
background-color: white;
pointer-events: none;
}
.edit-link:hover .title {
display: block;
}
ul.category-list {
list-style: none;
}
ul.category-list li {
display: inline-block;
padding-right: 0.5em;
}
.navigation {
margin: 1em 0;
}
.navigation.pagination {
margin-left: 3vw;
}
.navigation.pagination .nav-links {
text-align: center;
padding: 0 5em;
}
.navigation.pagination .nav-links .page-numbers {
margin: 0 0.5em;
}
.navigation.pagination .nav-links .page-numbers.current {
text-decoration: none;
color: #6B7050;
}
.navigation.pagination .nav-links .page-numbers.prev {
position: absolute;
top: 0;
left: 0;
}
.navigation.pagination .nav-links .page-numbers.next {
position: absolute;
top: 0;
right: 0;
}
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links a:active,
.navigation.pagination .nav-links a:focus {
text-decoration: none;
color: #6B7050;
}
.navigation.load-more {
text-align: center;
}
.navigation.load-more .button {
max-width: 48rem;
}
.navigation.load-more .button .default {
display: block;
}
.navigation.load-more .button .loading {
display: none;
}
.navigation.load-more .button.active .default {
display: none;
}
.navigation.load-more .button.active .loading {
display: block;
}
.navigation.filter-list .filter.list ul li {
display: inline-block;
margin-right: 1em;
}
.navigation.filter-list .filter.list ul li a.active,
.navigation.filter-list .filter.list ul li a:hover,
.navigation.filter-list .filter.list ul li a:active,
.navigation.filter-list .filter.list ul li a:focus {
text-decoration: none;
color: #6B7050;
}
.navigation.filter-list .filter.dropdown {
display: inline-block;
vertical-align: top;
padding-right: 3em;
margin-right: 0.4em;
}
.navigation.filter-list .filter.dropdown .name {
font-weight: 700;
padding-left: 1.4em;
}
.navigation.filter-list .filter.dropdown .name:before {
content: " ";
display: block;
position: absolute;
top: 0.5em;
left: 0;
width: 0.8em;
height: 0.4em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/filter-arrow.svg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.navigation.filter-list .filter.dropdown .name .default {
opacity: 1;
}
.navigation.filter-list .filter.dropdown .name .jsname {
display: inline-block;
position: absolute;
left: 1.4em;
top: 0;
opacity: 0;
}
.navigation.filter-list .filter.dropdown .name.active {
text-decoration: none;
color: #6B7050;
}
.navigation.filter-list .filter.dropdown .name.active .default {
opacity: 0;
position: absolute;
}
.navigation.filter-list .filter.dropdown .name.active .jsname {
opacity: 1;
position: relative;
left: 0;
}
.navigation.filter-list .filter.dropdown ul {
position: absolute;
top: 100%;
left: 0;
z-index: 10;
padding: 0.2em 1.4em 0.7em;
background-color: white;
display: none;
max-height: 15.4em;
height: auto;
}
.navigation.filter-list .filter.dropdown ul li {
padding: 0.2em 0;
cursor: pointer;
}
.navigation.filter-list .filter.dropdown ul li.active {
text-decoration: none;
color: #6B7050;
}
.navigation.filter-list .filter.dropdown:hover ul {
display: block;
}
.navigation.filter-list .filter.dropdown:hover .name:before {
transform: rotate(180deg);
}
.navigation.filter-list .filter-reset {
display: inline-block;
font-weight: 700;
padding-left: 1.3em;
opacity: 0;
cursor: pointer;
}
.navigation.filter-list .filter-reset:before {
content: " ";
display: block;
position: absolute;
top: 0.4em;
left: 0;
width: 0.6em;
height: 0.6em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/filter-x.svg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.navigation.filter-list .filter-reset.active {
opacity: 1;
}
.navigation.filter-list .filter-reset.active,
.navigation.filter-list .filter-reset:hover,
.navigation.filter-list .filter-reset:active,
.navigation.filter-list .filter-reset:focus {
color: #6B7050;
}
.navigation.filter-list .filter-reset.active:before,
.navigation.filter-list .filter-reset:hover:before,
.navigation.filter-list .filter-reset:active:before,
.navigation.filter-list .filter-reset:focus:before {
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/filter-x-moss.svg);
}
.system-message {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: none;
pointer-events: none;
}
.system-message .message {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%,-50%);
opacity: 0;
transition: opacity 0.2s ease-out;
padding: 0.5em 1em;
background-color: white;
pointer-events: none;
}
.system-message .message.active {
opacity: 1;
pointer-events: auto;
cursor: pointer;
}
.progressbar {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 1px;
background-color: black;
z-index: 99999;
pointer-events: none;
opacity: 1;
transition: opacity 0.2s ease-out;
}
.progressbar.hidden {
opacity: 0;
}
.page-loader {
display: none;
}
.hue-loader {
width: 1em;
height: 1em;
border-radius: 50%;
-webkit-animation: hue-loader 1s infinite ease-in-out;
animation: hue-loader 1s infinite ease-in-out;
}
@keyframes hue-loader {
0% {
transform: scale(0);
}
100% {
transform: scale(1.0);
opacity: 0;
}
}
.site-footer {
height: 10em;
background: white;
color: black;
}
.site-footer .footer-content {
display: grid;
grid-template-columns: repeat(4,minmax(0,25%));
grid-gap: 1em;
height: 100%;
align-items: center;
}
.site-footer a {
color: black;
text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
text-decoration: none;
color: #6B7050;
}
body.fixed-footer .site-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
}
body.fixed-footer .site-main {
padding-bottom: 11em;
}
.site-header {
height: 8em;
background: transparent;
color: black;
}
.site-header .header-content {
display: flex;
justify-content: space-between;
height: 100%;
}
.site-header:before {
content: " ";
display: block;
position: absolute;
top: 2em;
left: 2em;
right: 2em;
width: auto;
height: 4em;
background-color: white;
}
.sub-menu:before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 1em;
right: 1em;
width: auto;
height: calc(100% + 0.5em);
background-color: white;
}
.site-branding {
display: inline-block;
height: 100%;
line-height: 1;
}
.site-branding a {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.site-branding a svg {
height: 3em;
width: auto;
}
.site-branding a svg path {
fill: black;
transition: fill 0.2s ease-out;
}
.site-branding a:hover svg path,
.site-branding a:active svg path,
.site-branding a:focus svg path {
fill: #6B7050;
}
.site-header .searchform {
position: absolute;
top: 50%;
right: var(--site-padding);
height: ;
transform: translateY(-50%);
}
.site-header .searchform .search-form-container .search-form-content input[type=text] {
background-color: #ffffff;
color: black;
}
.site-header .searchform .search-form-button svg path {
fill: black;
}
.site-header .searchform .search-form-button:hover svg path,
.site-header .searchform .search-form-button:active svg path,
.site-header .searchform .search-form-button:focus svg path {
fill: #6B7050;
}
.site-header .searchform.active .search-form-button svg path {
fill: #6B7050;
}
body.fixed-header .site-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99998;
}
body.fixed-header .main-content {
padding-top: 8em;
}
ul.primary-menu li a,
ul.secondary-menu li a,
ul.footer-menu li a,
ul.mobile-menu li a {
color: black;
}
ul.primary-menu li a:hover,
ul.primary-menu li a:active,
ul.primary-menu li a:focus,
ul.secondary-menu li a:hover,
ul.secondary-menu li a:active,
ul.secondary-menu li a:focus,
ul.footer-menu li a:hover,
ul.footer-menu li a:active,
ul.footer-menu li a:focus,
ul.mobile-menu li a:hover,
ul.mobile-menu li a:active,
ul.mobile-menu li a:focus {
text-decoration: none;
}
ul.primary-menu li a:hover span,
ul.primary-menu li a:active span,
ul.primary-menu li a:focus span,
ul.secondary-menu li a:hover span,
ul.secondary-menu li a:active span,
ul.secondary-menu li a:focus span,
ul.footer-menu li a:hover span,
ul.footer-menu li a:active span,
ul.footer-menu li a:focus span,
ul.mobile-menu li a:hover span,
ul.mobile-menu li a:active span,
ul.mobile-menu li a:focus span {
color: #6B7050;
}
ul.primary-menu li.current-menu-item > a,
ul.primary-menu li.current-menu-ancestor > a,
ul.secondary-menu li.current-menu-item > a,
ul.secondary-menu li.current-menu-ancestor > a,
ul.footer-menu li.current-menu-item > a,
ul.footer-menu li.current-menu-ancestor > a,
ul.mobile-menu li.current-menu-item > a,
ul.mobile-menu li.current-menu-ancestor > a {
text-decoration: none;
}
ul.primary-menu li.current-menu-item > a span,
ul.primary-menu li.current-menu-ancestor > a span,
ul.secondary-menu li.current-menu-item > a span,
ul.secondary-menu li.current-menu-ancestor > a span,
ul.footer-menu li.current-menu-item > a span,
ul.footer-menu li.current-menu-ancestor > a span,
ul.mobile-menu li.current-menu-item > a span,
ul.mobile-menu li.current-menu-ancestor > a span {
color: #6B7050;
}
ul.primary-menu li.current-menu-item.onepager-link > a,
ul.primary-menu li.current-menu-ancestor.onepager-link > a,
ul.secondary-menu li.current-menu-item.onepager-link > a,
ul.secondary-menu li.current-menu-ancestor.onepager-link > a,
ul.footer-menu li.current-menu-item.onepager-link > a,
ul.footer-menu li.current-menu-ancestor.onepager-link > a,
ul.mobile-menu li.current-menu-item.onepager-link > a,
ul.mobile-menu li.current-menu-ancestor.onepager-link > a {
text-decoration: none;
}
ul.primary-menu li.current-menu-item.onepager-link > a span,
ul.primary-menu li.current-menu-ancestor.onepager-link > a span,
ul.secondary-menu li.current-menu-item.onepager-link > a span,
ul.secondary-menu li.current-menu-ancestor.onepager-link > a span,
ul.footer-menu li.current-menu-item.onepager-link > a span,
ul.footer-menu li.current-menu-ancestor.onepager-link > a span,
ul.mobile-menu li.current-menu-item.onepager-link > a span,
ul.mobile-menu li.current-menu-ancestor.onepager-link > a span {
border-bottom: none;
}
ul.primary-menu li.onepager-link.active > a,
ul.secondary-menu li.onepager-link.active > a,
ul.footer-menu li.onepager-link.active > a,
ul.mobile-menu li.onepager-link.active > a {
text-decoration: none;
}
ul.primary-menu li.onepager-link.active > a span,
ul.secondary-menu li.onepager-link.active > a span,
ul.footer-menu li.onepager-link.active > a span,
ul.mobile-menu li.onepager-link.active > a span {
color: #6B7050;
}
@media (min-width: 901px) {
.site-menu {
display: inline-block;
height: 100%;
vertical-align: top;
}
.site-menu .menu-content {
height: 100%;
}
.primary-navigation {
height: 100%;
}
.primary-navigation > div {
top: 50%;
transform: translateY(-50%);
}
ul.primary-menu,
ul.secondary-menu,
ul.footer-menu {
z-index: 100;
}
ul.primary-menu li,
ul.secondary-menu li,
ul.footer-menu li {
display: inline-block;
z-index: 100;
}
ul.primary-menu li a,
ul.secondary-menu li a,
ul.footer-menu li a {
display: block;
white-space: nowrap;
}
ul.primary-menu li ul.sub-menu,
ul.secondary-menu li ul.sub-menu,
ul.footer-menu li ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
}
ul.primary-menu li ul.sub-menu li,
ul.secondary-menu li ul.sub-menu li,
ul.footer-menu li ul.sub-menu li {
width: 100%;
}
ul.primary-menu li ul.sub-menu ul.sub-menu,
ul.secondary-menu li ul.sub-menu ul.sub-menu,
ul.footer-menu li ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
}
ul.primary-menu li.menu-item-has-children:hover > ul.sub-menu,
ul.secondary-menu li.menu-item-has-children:hover > ul.sub-menu,
ul.footer-menu li.menu-item-has-children:hover > ul.sub-menu {
display: block;
}
ul.primary-menu,
ul.secondary-menu,
ul.footer-menu {
margin: 0 -2.3em;
}
ul.primary-menu li a,
ul.secondary-menu li a,
ul.footer-menu li a {
line-height: 2em;
padding: 5px 2.3em;
}
ul.primary-menu li ul.sub-menu,
ul.secondary-menu li ul.sub-menu,
ul.footer-menu li ul.sub-menu {
background-color: transparent;
}
.menu-toggle,
ul.mobile-menu {
display: none !important;
}
}
@media (max-width: 900px) {
.site-header #searchform {
display: none;
}
.menu-primary-container {
display: none;
}
.site-menu {
position: fixed;
top: 8em;
bottom: 0;
left: 0;
width: 100%;
height: auto;
background-color: transparent;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-out;
}
.site-menu .menu-content {
height: 100%;
overflow-y: auto;
padding: 1em;
-webkit-overflow-scrolling: touch;
}
.site-menu .menu-content::-webkit-scrollbar {
width: 0.3em;
}
.site-menu .menu-content::-webkit-scrollbar-track {
background-color: white;
}
.site-menu .menu-content::-webkit-scrollbar-thumb {
background-color: #6B7050;
}
body.menu-open .site-menu {
opacity: 1;
pointer-events: auto;
}
ul.mobile-menu {
display: block;
z-index: 100;
padding-bottom: 10px;
}
ul.mobile-menu li {
display: block;
padding: 0 10px;
}
ul.mobile-menu li a {
display: inline-block;
height: 2em;
line-height: 2em;
}
}
.menu-toggle {
position: absolute;
top: 50%;
right: var(--site-padding);
transform: translateY(-50%);
font-size: 1em;
}
.menu-toggle {
display: block;
height: 2em;
width: 2em;
padding: 0;
overflow: hidden;
text-align: center;
background-color: transparent;
border: none;
}
.menu-toggle .text {
font-size: 0;
}
.menu-toggle span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 0.3em;
background-color: #6B7050;
transform: rotate(0deg);
transition-property: top, margin-top, transform;
transition-duration: 0.2s;
transition-timing-function: ease-out;
transition-delay: 0.2s, 0.2s, 0s;
}
.menu-toggle span.hbl1 {
top: 0;
}
.menu-toggle span.hbl2 {
top: 50%;
margin-top: -0.15em;
}
.menu-toggle span.hbl3 {
top: 100%;
margin-top: -0.3em;
}
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
border: none;
outline: none;
background-color: transparent;
}
.menu-toggle:hover span,
.menu-toggle:active span,
.menu-toggle:focus span {
background-color: ;
}
body.menu-open .menu-toggle span {
transition-property: top, margin-top, transform;
transition-timing-function: 0.2s;
transition-delay: 0s, 0s, 0.2s;
background-color: #6B7050;
}
body.menu-open .menu-toggle span.hbl1 {
top: 50%;
margin-top: -0.15em;
transform: rotate(45deg);
}
body.menu-open .menu-toggle span.hbl2 {
top: 50%;
margin-top: -0.15em;
transform: rotate(45deg);
}
body.menu-open .menu-toggle span.hbl3 {
top: 50%;
margin-top: -0.15em;
transform: rotate(-45deg);
}
.site-branding,
.primary-navigation {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
:root {
--site-padding: 3em;
}
body {
position: relative;
width: 100%;
overflow-x: hidden;
background: white;
}
#main {
overflow: visible;
padding-top: 1em;
opacity: 0;
transition: opacity 0.2s ease-out;
}
#main.loaded {
opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
p.indent {
text-indent: 2em;
}
a {
text-decoration: none;
transition: color 0.2s ease-out;
}
a span {
transition: color 0.2s ease-out;
}
a:hover,
a:focus,
a:active,
a.active {
text-decoration: none;
outline: none;
}
a.block {
text-decoration: none;
}
a.block:hover,
a.block:focus,
a.block:active,
a.block.active {
text-decoration: none;
outline: none;
}
ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
}
.text ul {
list-style-type: disc;
padding-left: 1.5em;
margin-bottom: 1em;
}
.text ol {
padding-left: 1.5em;
margin-bottom: 1em;
}
.text blockquote {
margin: 1em 1.5em;
}
.text .image-wrapper {
margin-bottom: 1em;
}
.text img {
width: 100%;
height: auto;
}
.text p img {
width: auto;
height: auto;
}
.text .video-wrapper,
.text .iframe-wrapper {
margin-bottom: 1em;
}
hr {
border-top: 1px solid black;
}
.text a {
color: black;
}
.text a:hover,
.text a:focus,
.text a:active {
color: #6B7050;
}
.bg-sand {
background-color: #EAE1D2;
color: black;
}
.bg-sand a {
color: black;
}
.bg-sand a:hover,
.bg-sand a:focus,
.bg-sand a:active {
color: #6B7050;
}
.bg-moss {
background-color: #6B7050;
color: #EAE1D2;
}
.bg-moss a {
color: #EAE1D2;
}
.bg-moss a:hover,
.bg-moss a:focus,
.bg-moss a:active {
color: white;
}
.large-title {
margin-bottom: 0.5em;
}
.small-title {
margin-bottom: 0.8em;
}
.subline {
margin-bottom: 3.2em;
}
.info-box {
margin-bottom: 3.5em;
}
.main-section {
padding-bottom: 16.4em;
}
.vertical-padding {
padding-top: 7.7em;
padding-bottom: 7.7em;
}
body.single-produkt article.produkt {
padding-bottom: 16.4em;
}
section.intro {
container-type: inline-size;
}
section.intro .introduction-title {
font-size: 15.7cqw;
line-height: 0.9;
white-space: nowrap;
margin-left: -0.075em;
margin-bottom: 0.72em;
}
section.handwerke-slider {
margin-bottom: 8.4em;
}
section.handwerke-slider article {
max-width: 22vw;
}
section.handwerke-slider article h4 {
margin-bottom: 0.6em;
}
section.handwerke-slider article .image-wrapper {
overflow: hidden;
}
section.handwerke-slider article a:hover,
section.handwerke-slider article a:focus,
section.handwerke-slider article a:active {
color: #6B7050;
}
section.handwerke-slider .hue-slideshow .slideshow-container.slideshow-initialized .slide {
display: block;
}
section.handwerke-slider .hue-slideshow.same-height .slideshow-container .slide {
height: auto;
}
section.handwerke-slider .hue-slideshow.same-height .slideshow-container .slide a {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
section.handwerke-slider .hue-slideshow .slideshow-container .slide img {
width: 100%;
height: auto;
}
section.partner-section {
margin-top: 8.4em;
}
section.produkt-list {
display: grid;
grid-template-columns: repeat(14,minmax(0,1fr));
grid-gap: 1em;
}
section.produkt-list .left-col {
grid-column: 1 / span 3;
grid-row: 1 / span 2;
}
section.produkt-list .list-content {
grid-column: 4 / span 11;
grid-row: 1;
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
grid-gap: 1em;
}
section.produkt-list .list-content > article {
margin-left: 3vw;
margin-bottom: 3vw;
}
section.produkt-list .list-content > .no-entries-found {
margin-left: 3vw;
margin-top: 0.9em;
}
section.produkt-list .pagination {
grid-column: 4 / span 11;
grid-row: 2;
}
section.footer-section .footer-forms {
padding-top: 6.2em;
padding-bottom: 2.6em;
}
section.footer-section .row {
display: grid;
grid-template-columns: repeat(14,minmax(0,1fr));
grid-gap: 1em;
}
section.footer-section .row .first-form {
grid-column: 1 / span 8;
}
section.footer-section .row .second-form {
grid-column: 10 / span 5;
}
section.footer-section h4 {
margin-bottom: 0.9em;
}
section.footer-section .fieldset.submit {
text-align: right;
}
.navigation.search-form {
margin-top: 0;
margin-bottom: 1.7em;
}
.navigation.search-form label {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.navigation.search-form input {
padding: 0.9em 2.4em 0.9em 1.2em;
}
.navigation.search-form .search-button {
position: absolute;
top: 50%;
right: 0.6em;
width: 1.7em;
height: 1.6em;
padding: 0.3em;
transform: translateY(-50%);
cursor: pointer;
}
.navigation.search-form .search-button svg path {
fill: black;
transition: fill 0.2s ease-out;
}
.navigation.search-form .search-button:hover svg path {
fill: #6B7050;
}
.navigation.filter-list h3 {
margin-bottom: 0.4em;
}
.navigation.filter-list .filter.list ul li {
display: block;
}
.navigation.filter-list .filter.list ul li a {
display: block;
padding: 0.3em 0px;
}
.navigation.filter-list .filter.list ul li a.sub-term {
padding: 0.4em 0px;
}
.navigation.filter-list .filter.list > ul > li {
position: relative;
margin-bottom: 1em;
}
.navigation.filter-list .filter.list > ul > li .arrow-button {
position: absolute;
top: 0.95em;
right: -0.5em;
width: 1.2em;
height: 2.3em;
padding: 0.4em;
transform: translateY(-50%) rotate(90deg);
}
.navigation.filter-list .filter.list > ul > li .arrow-button svg {
width: 100%;
height: auto;
}
.navigation.filter-list .filter.list > ul > li .arrow-button svg polygon {
fill: black;
}
.navigation.filter-list .filter.list > ul > li .arrow-button:hover svg polygon {
transition: fill 0.2s ease-out;
fill: #6B7050;
}
.navigation.filter-list .filter.list > ul > li > a {
position: relative;
display: block;
}
.navigation.filter-list .filter.list > ul > li > a:hover .arrow-button polygon,
.navigation.filter-list .filter.list > ul > li > a:active .arrow-button polygon,
.navigation.filter-list .filter.list > ul > li > a:focus .arrow-button polygon {
fill: #6B7050;
}
.navigation.filter-list .filter.list ul.sub-terms {
display: none;
}
.navigation.filter-list .filter.list ul.sub-terms li {
padding-left: 2em;
}
.navigation.filter-list .filter.list li.open a:after {
transform: translateY(-50%) rotate(-90deg);
}
.navigation.filter-list .filter.list li.open .arrow-button {
transform: translateY(-50%) rotate(-90deg);
}
.navigation.filter-list .filter.list li.open ul.sub-terms {
display: block;
}
.navigation.filter-list .filter-reset {
margin-top: 2em;
}
.handwerke-slideshow .swiper-button-prev,
.handwerke-slideshow .swiper-button-next,
.handwerke-slideshow .swiper-button-prev-thumb,
.handwerke-slideshow .swiper-button-next-thumb,
.details-slideshow .swiper-button-prev,
.details-slideshow .swiper-button-next,
.details-slideshow .swiper-button-prev-thumb,
.details-slideshow .swiper-button-next-thumb {
top: 0.74em;
}
.handwerke-slideshow .slideshow-container.slideshow-initialized .slide,
.details-slideshow .slideshow-container.slideshow-initialized .slide {
display: block;
}
.hue-slideshow-wrapper .swiper-button-prev,
.hue-slideshow-wrapper .swiper-button-prev-thumb,
.hue-slideshow-wrapper .hue-slideshow-rtl .swiper-button-next {
left: -2em;
}
.hue-slideshow-wrapper .swiper-button-next,
.hue-slideshow-wrapper .swiper-button-next-thumb,
.hue-slideshow-wrapper .hue-slideshow-rtl .swiper-button-prev {
right: -2em;
}
article.produkt-preview {
background-color: #EAE1D2;
transition: background-color 0.2s ease-out;
padding: 3vw 3vw 0.5em;
text-align: center;
}
article.produkt-preview .entry-header {
padding: 0.9em 0;
}
article.produkt-preview h4 {
margin-bottom: 0;
color: black;
transition: color 0.2s ease-out;
}
article.produkt-preview .subtitle {
color: #6B7050;
transition: color 0.2s ease-out;
}
article.produkt-preview a .image-wrapper {
overflow: hidden;
}
article.produkt-preview a .image-wrapper img {
scale: 1.001;
transition: scale 0.4s ease-out;
}
article.produkt-preview a:hover .image-wrapper img,
article.produkt-preview a:focus .image-wrapper img,
article.produkt-preview a:active .image-wrapper img {
scale: 1.09;
}
article.produkt-single .ps-top {
display: grid;
grid-template-columns: repeat(14,minmax(0,1fr));
grid-gap: 1em;
background-color: #EAE1D2;
padding: 5vw 0;
}
article.produkt-single .ps-top .image-content {
grid-column: 2 / span 5;
}
article.produkt-single .ps-top .entry-header {
grid-column: 8 / span 6;
}
article.produkt-single .ps-bottom {
display: grid;
grid-template-columns: repeat(14,minmax(0,1fr));
grid-gap: 1em;
padding: 5vw 0;
}
article.produkt-single .ps-bottom .entry-content {
grid-column: 2 / span 7;
}
article.produkt-single .ps-bottom .regular-title {
margin-bottom: 0.5em;
}
article.produkt-single .hue-slideshow.gallery {
aspect-ratio: 0.923;
}
article.produkt-single .hue-slideshow.gallery .slideshow-container {
aspect-ratio: 0.923;
}
article.produkt-single .hue-slideshow.preview-nav-bar {
aspect-ratio: 4.19;
}
article.produkt-single .hue-slideshow.preview-nav-bar.duo {
aspect-ratio: 2.9;
}
article.produkt-single .hue-slideshow.preview-nav-bar.duo .slide[data-index="0"] {
padding-right: 0.5em;
}
article.produkt-single .hue-slideshow.preview-nav-bar.duo .slide[data-index="1"] {
padding-left: 0.5em;
}
article.produkt-single .logo {
max-width: 100px;
margin-bottom: 3.3em;
}
article.produkt-single .subline {
margin-top: 1.7em;
margin-bottom: 0.3em;
color: #6B7050;
}
article.produkt-single h2 {
margin-bottom: 1.7em;
}
article.produkt-single .images-gallery {
margin: 2em 0;
}
article.produkt-single .images-gallery li {
margin-bottom: 1em;
}
.grid-content .row {
display: grid;
grid-template-columns: repeat(14,minmax(0,1fr));
grid-gap: 1em;
}
.grid-content .row .col:first-child.text-col {
grid-column: 1 / span 6;
}
.grid-content .row .col:first-child.image {
grid-column: 1 / span 6;
margin-left: calc(-1 * var(--site-padding));
}
.grid-content .row .col:last-child.text-col {
grid-column: 8 / span 6;
}
.grid-content .row .col:last-child.image {
grid-column: 9 / span 6;
margin-right: calc(-1 * var(--site-padding));
}
.grid-content .row .col.float-image {
grid-column: 3 / span 7;
padding-left: 3em;
}
.grid-content .row.pull-up {
margin-bottom: -10em;
z-index: 1;
}
.grid-content .row.push-down {
margin-bottom: 6.6em;
}
.grid-content .row.push-down .col.text-col {
margin-top: 10em;
padding-top: 6.3em;
}
.grid-content .simple-text {
display: grid;
grid-template-columns: repeat(2,minmax(0,50%));
grid-gap: 1em;
}
.grid-content .simple-row .images {
margin-left: calc(-1 * var(--site-padding));
margin-right: calc(-1 * var(--site-padding));
}
.partner-row {
display: grid;
grid-template-columns: repeat(14,minmax(0,1fr));
grid-gap: 1em;
}
.partner-row .col.navigation {
grid-column: 1 / span 6;
}
.partner-row .col.images {
grid-column: 9 / span 6;
margin-right: calc(-1 * var(--site-padding));
}
.partner-row .partner-nav {
white-space: nowrap;
}
.partner-row .partner-nav a {
text-decoration: none;
}
.partner-row .partner-nav a:hover,
.partner-row .partner-nav a:focus,
.partner-row .partner-nav a:active {
text-decoration: none;
color: #6B7050;
}
.partner-row .partner-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.partner-row .partner-image:first-child {
position: relative;
}
.partner-row .partner-image.active {
opacity: 1;
}
.sp-gallery {
aspect-ratio: 3.47;
}
.sp-gallery .image-wrapper {
height: 100%;
overflow: hidden;
}
.sp-gallery .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sp-gallery.single-image {
aspect-ratio: 3.47;
}
.sp-gallery.double-image {
aspect-ratio: 3.47;
display: grid;
grid-template-columns: repeat(2,minmax(0,50%));
}
.sp-gallery.double-image.ls-po {
grid-template-columns: minmax(0,66.66%) minmax(0,33.33%);
}
.sp-gallery.double-image.po-ls {
grid-template-columns: minmax(0,33.33%) minmax(0,66.66%);
}
.handwerk-listview {
padding-top: 4.7em;
}
.handwerk-listview .simple-text {
padding-top: 4.4em;
padding-bottom: 5em;
}
.handwerk-listview .main-section {
padding-bottom: 0;
}
.handwerk-listview .info-text {
margin-top: 3.8em;
margin-bottom: 6.2em;
}
.handwerk-listview .details-slideshow {
padding-bottom: 12.2em;
}
.handwerk-listview .details-slideshow .slide {
padding: 0 0.35em;
}
.handwerk-listview .grid-content .simple-row .images {
margin: 0;
}
.handwerk-listview:nth-child(even) {
background-color: #EAE1D2;
}
#glightbox-body .goverlay {
background: rgba(255,255,255,0.5);
}
#glightbox-body .gslide-inline {
background: transparent;
}
#glightbox-body .ginlined-content .image-wrapper {
padding: 2em 3em;
}
#glightbox-body .gclose {
position: absolute;
top: 2em;
right: 2em;
width: 2em;
height: 2em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/close.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
margin-right: 0.4em;
}
#glightbox-body .gprev {
left: 3vw;
width: 1em;
height: 0.75em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/arrow.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: 0.3em;
}
#glightbox-body .gnext {
right: 3vw;
width: 1em;
height: 0.75em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/img/arrow.svg);
background-repeat: no-repeat;
background-size: contain;
transform: rotate(180deg);
margin-right: 0.3em;
}
.viewport-detector {
position: absolute;
top: 0;
left: -100%;
z-index: 4;
}
.viewport-detector .em-size {
line-height: 1;
}
@media screen and (max-width: 1200px) {
.viewport-detector {
z-index: 3;
}
}
@media screen and (max-width: 1024px) {
.viewport-detector {
z-index: 2;
}
}
@media screen and (max-width: 767px) {
.viewport-detector {
z-index: 1;
}
}
@media screen and (max-width: 511px) {
.viewport-detector {
z-index: 0;
}
}
.header-content,
.menu-contentx,
.main-contentx,
.content-width,
.footer-content,
.popup-container {
margin: 0 auto;
padding-left: var(--site-padding);
padding-right: var(--site-padding);
}
@media screen and (max-width: 1400px) {
.large-title {
font-size: 8.1vw;
font-size: clamp(20px,8.1vw,80px);
}
.regular-title {
font-size: 2em;
font-size: 3.6vw;
font-size: clamp(20px,3.6vw,36px);
}
.subline,
.info-text .text,
.partner-nav {
font-size: 3.6vw;
font-size: clamp(16px,3.6vw,36px);
}
label,
input,
select,
button,
textarea {
font-size: 2.4rem;
font-size: 2.6vw;
font-size: clamp(16px,3.6vw,25px);
}
}
@media screen and (max-width: 1200px) {
:root {
--site-padding: 2em;
}
.site-header:before {
left: 1em;
right: 1em;
}
section.produkt-list .list-content > article {
margin-left: 1vw;
}
.site-footer .footer-content {
grid-template-columns: repeat(3,minmax(0,28%)) minmax(0,16%);
}
}
@media screen and (max-width: 1024px) {
.site-footer {
height: 11em;
}
.site-footer .footer-content {
grid-template-columns: repeat(2,minmax(0,50%));
margin: 1em 0;
}
section.produkt-list .left-col {
grid-column: 1 / span 4;
}
section.produkt-list .list-content {
grid-column: 5 / span 11;
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media screen and (max-width: 900px) {
.site-header {
height: 5em;
}
.site-header:before {
top: 0;
left: 0;
right: 0;
height: 100%;
}
.site-menu {
top: 4em;
bottom: auto;
background-color: white;
}
ul.mobile-menu {
font-size: 1.9em;
padding-left: 2.69em;
}
ul.mobile-menu ul.sub-menu li {
font-size: 0.7em;
padding-left: 0;
}
body.fixed-header .main-content {
padding-top: 5em;
}
.grid-content .row.pull-up {
margin-bottom: 0 !important;
}
.grid-content .row.push-down .col.text-col {
margin-top: 0 !important;
}
}
@media screen and (max-width: 850px) {
section.handwerke-slider article {
max-width: 30vw;
}
.grid-content .simple-text {
grid-template-columns: repeat(1,minmax(0,100%));
grid-gap: 2em;
}
section.footer-section .row .first-form,
section.footer-section .row .second-form {
grid-column: 1 / span 15;
}
}
@media screen and (max-width: 767px) {
:root {
--site-padding: 1em;
}
.site-header {
height: 3.5em;
}
.site-branding a svg {
height: 2em;
}
.menu-toggle {
height: 1.8em;
width: 2em;
}
.menu-toggle span {
height: 0.2em;
}
.menu-toggle span.hbl2 {
margin-top: -0.15em;
}
.menu-toggle span.hbl3 {
margin-top: -0.2em;
}
.site-menu {
top: 3.5em;
}
body.fixed-header .main-content {
padding-top: 3.5em;
}
ul.mobile-menu {
font-size: 1.4em;
padding-left: 1.8em;
}
ul.mobile-menu li a {
line-height: 1.6em;
}
.grid-content .row.pull-up {
margin-bottom: 1em !important;
}
.grid-content .row.push-down .col.text-col {
padding-top: 3.3em;
}
.grid-content .row .col:first-child.image {
margin-left: 0;
}
.grid-content .row .col:last-child.image {
margin-right: 0;
}
.grid-content .row .col.float-image {
padding-left: 0;
}
.grid-content .row {
display: block;
}
.grid-content .row .col {
margin-bottom: 2em;
}
.grid-content .row .col.text-col {
margin-bottom: 3em;
}
.main-section {
padding-bottom: 6.4em;
}
section.handwerke-slider {
margin-bottom: 6.4em;
}
.grid-content .row.push-down {
margin-bottom: -1em;
}
.vertical-padding {
padding-top: 4.7em;
padding-bottom: 4.7em;
}
.hue-slideshow .swiper-button-prev,
.hue-slideshow .swiper-button-prev-thumb,
.hue-slideshow .hue-slideshow-rtl .swiper-button-next {
left: 0.9em;
}
.hue-slideshow .swiper-button-next,
.hue-slideshow .swiper-button-next-thumb,
.hue-slideshow .hue-slideshow-rtl .swiper-button-prev {
right: 0.9em;
}
section.produkt-list .left-col {
grid-column: 1 / span 6;
}
section.produkt-list .list-content {
grid-column: 7 / span 11;
grid-template-columns: repeat(1,minmax(0,1fr));
}
.handwerk-listview .info-text {
margin-bottom: 3.2em;
}
}
@media screen and (max-width: 550px) {
section.handwerke-slider article {
max-width: 44vw;
}
.site-footer {
height: auto;
}
.site-footer .site-branding {
margin-bottom: 1em;
}
.site-footer .footer-content {
grid-template-columns: minmax(0,100%);
margin: 1.7em 0 1em;
}
.hue-slideshow .swiper-button-prev,
.hue-slideshow .swiper-button-prev-thumb,
.hue-slideshow .hue-slideshow-rtl .swiper-button-next,
.hue-slideshow .swiper-button-next,
.hue-slideshow .swiper-button-next-thumb,
.hue-slideshow .hue-slideshow-rtl .swiper-button-prev {
display: none;
}
.hue-slideshow .slide.border-element .small-title {
opacity: 1;
}
}
@media screen and (max-width: 511px) {
.site-header {
height: 3em;
}
.site-branding a svg {
height: 1.8em;
}
.menu-toggle {
height: 1.8em;
width: 1.8em;
}
.menu-toggle span {
height: 0.2em;
}
.menu-toggle span.hbl2 {
margin-top: -0.15em;
}
.menu-toggle span.hbl3 {
margin-top: -0.2em;
}
.site-menu {
top: 3em;
}
body.fixed-header .main-content {
padding-top: 3em;
}
ul.mobile-menu {
padding-left: 1.6em;
}
section.produkt-list {
display: block;
}
section.produkt-list .left-col {
grid-column: none;
grid-row: none;
}
section.produkt-list .list-content {
grid-column: none;
grid-row: none;
grid-template-columns: repeat(1,minmax(0,1fr));
}
section.produkt-list .pagination {
grid-column: none;
grid-row: none;
}
.navigation.filter-list h3 {
margin-bottom: 1.4em;
}
section.produkt-list .list-content > article {
margin-left: 0;
}
.navigation.filter-list .filter-reset {
margin-top: 1em;
margin-bottom: 2em;
}
}
div.wpcf7 .screen-reader-response {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
div.wpcf7 span.wpcf7-not-valid-tip {
margin-top: 0.2em;
}
div.wpcf7 input[type=submit] {
display: inline-block;
}
div.wpcf7 .wpcf7-spinner {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
visibility: hidden;
display: inline-block;
width: 1em;
height: 1em;
vertical-align: top;
background-color: transparent;
opacity: 1;
margin: 0.2em 0 0 0;
}
div.wpcf7 .wpcf7-spinner:before {
content: " ";
display: block;
width: 1em;
height: 1em;
border-radius: 50%;
border: 3px solid #EAE1D2;
border-color: #EAE1D2 transparent #EAE1D2 transparent;
animation: lds-dual-ring 1.2s linear infinite;
top: 0;
left: 0;
transform-origin: center center;
background-color: transparent;
}
div.wpcf7 div.wpcf7-response-output {
max-width: 100%;
margin: 1em 0;
padding: 0.4em;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.BorlabsCookie ._brlbs-content-blocker {
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin-bottom: 1em;
background-color: #e3e3e3;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-default {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: auto;
transform: translateY(-50%);
background-color: transparent;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
display: none;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
color: black;
background: none;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption label .icheckbox_hue {
vertical-align: middle;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption label small {
vertical-align: top;
font-size: inherit;
}
.BorlabsCookie ._brlbs-content-blocker a,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a {
color: black;
}
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a._brlbs-btn {
background: black;
color: white;
border: 1px solid black;
border-radius: 0;
transition: none;
}
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:before,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a._brlbs-btn:before {
display: none;
}
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:hover,
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:active,
.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:focus,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a._brlbs-btn:hover,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a._brlbs-btn:active,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption a._brlbs-btn:focus {
background: white;
color: black;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label input[type=checkbox] {
position: relative;
width: 1em;
height: 1em;
margin: 0;
margin-top: 0.2em;
border: 1px solid black;
color: black;
-webkit-appearance: none;
appearance: none;
vertical-align: inherit;
}
.gm-style * {
position: initial;
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
zoom: 1;
min-width: 14em;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid black;
border-top: 0;
background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0.4em;
line-height: 1em;
border: 1px solid black;
background-color: transparent;
background-clip: padding-box;
color: black;
text-decoration: none;
white-space: nowrap;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(https://storm-parkett.at/101/wp-content/themes/hue/modules/chosen/img/chosen-sprite-black.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(https://storm-parkett.at/101/wp-content/themes/hue/modules/chosen/img/chosen-sprite-black.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 0.4em;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 0.4em;
width: 100%;
height: auto;
outline: 0;
border: 1px solid black;
background: white url(https://storm-parkett.at/101/wp-content/themes/hue/modules/chosen/img/chosen-sprite-black.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0.4em;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 0.4em;
list-style: none;
line-height: 1;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #f4f4f4;
color: black;
}
.chosen-container .chosen-results li.no-results {
color: white;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0.4em;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid black;
background-color: #fff;
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 0;
padding: 0;
line-height: 1;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: black;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 0.4em;
border: 1em solid black;
max-width: 100%;
border-radius: 3px;
background-color: white;
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
color: black;
line-height: 1;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(https://storm-parkett.at/101/wp-content/themes/hue/modules/chosen/img/chosen-sprite-black.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: white;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container-active .chosen-single {
border: 1px solid black;
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid black;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid black;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 0.4em 0.4em 0.4em 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 0.4em;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 0.4em 0.4em;
padding: 0 0.4em 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 0.4em 0.4em 0.4em 20px;
background: #fff url(https://storm-parkett.at/101/wp-content/themes/hue/modules/chosen/img/chosen-sprite-black.png) no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution: 144dpi),only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/modules/chosen/img/chosen-sprite-black@2x.png) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
.isotope-container {
margin: 0 -10px;
}
.isotope-container:before,
.isotope-container:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.isotope-container:before,
.isotope-container:after {
content: "\0020";
display: table;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
.isotope-container .isotope-element {
float: left;
width: 33.3333%;
padding: 10px;
}
.marquee {
overflow: hidden;
}
.hscroll-container .hscroll-navigation {
opacity: 0;
z-index: 9999;
}
.hscroll-container.active .hscroll-navigation {
opacity: 1;
}
.hscroll-wrapper {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.hscroll-wrapper::-webkit-scrollbar {
display: none;
width: 0;
}
.hscroll-wrapper::-webkit-scrollbar-track {
background-color: transparent;
}
.hscroll-wrapper::-webkit-scrollbar-thumb {
background-color: transparent;
}
.hscroll-wrapper .hscroll-scroller {
width: fit-content;
}
.hscroll-navigation {
position: absolute;
bottom: 100%;
right: 0;
-webkit-user-select: none;
user-select: none;
}
.hscroll-navigation .hscroll-button {
display: inline-block;
padding: 0 1rem;
cursor: pointer;
transition: all 0.2s ease-out;
transform: scale(1);
opacity: 0.4;
pointer-events: none;
margin-bottom: -0.2em;
}
.hscroll-navigation .hscroll-button:hover {
color: black;
}
.hscroll-navigation .hscroll-button.active {
opacity: 1;
pointer-events: auto;
}
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
font-weight: 400;
font-style: normal;
}
.hue-slideshow {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.hue-slideshow-vertical > .slideshow-container {
flex-direction: column;
}
.slideshow-container {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.hue-slideshow-android .swiper-slide,
.slideshow-container {
transform: translate3d(0px,0,0);
}
.hue-slideshow-multirow > .slideshow-container {
flex-wrap: wrap;
}
.hue-slideshow-multirow-column > .slideshow-container {
flex-wrap: wrap;
flex-direction: column;
}
.hue-slideshow-free-mode > .slideshow-container {
transition-timing-function: ease-out;
margin: 0 auto;
}
.hue-slideshow-pointer-events {
touch-action: pan-y;
}
.hue-slideshow-pointer-events.hue-slideshow-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.hue-slideshow-autoheight,
.hue-slideshow-autoheight .swiper-slide {
height: auto;
}
.hue-slideshow-autoheight .slideshow-container {
align-items: flex-start;
transition-property: transform, height;
}
.hue-slideshow-3d {
perspective: 1200px;
}
.hue-slideshow-3d .slideshow-container,
.hue-slideshow-3d .swiper-slide,
.hue-slideshow-3d .swiper-slide-shadow-left,
.hue-slideshow-3d .swiper-slide-shadow-right,
.hue-slideshow-3d .swiper-slide-shadow-top,
.hue-slideshow-3d .swiper-slide-shadow-bottom,
.hue-slideshow-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.hue-slideshow-3d .swiper-slide-shadow-left,
.hue-slideshow-3d .swiper-slide-shadow-right,
.hue-slideshow-3d .swiper-slide-shadow-top,
.hue-slideshow-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.hue-slideshow-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
}
.hue-slideshow-css-mode > .slideshow-container {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.hue-slideshow-css-mode > .slideshow-container::-webkit-scrollbar {
display: none;
}
.hue-slideshow-css-mode > .slideshow-container > .swiper-slide {
scroll-snap-align: start start;
}
.hue-slideshow-horizontal.hue-slideshow-css-mode > .slideshow-container {
scroll-snap-type: x mandatory;
}
.hue-slideshow-vertical.hue-slideshow-css-mode > .slideshow-container {
scroll-snap-type: y mandatory;
}
.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev-thumb,
.swiper-button-next-thumb {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #000000;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev-thumb.swiper-button-disabled,
.swiper-button-next-thumb.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-button-prev-thumb:after,
.swiper-button-next-thumb:after {
content: " ";
width: 1em;
height: 0.75em;
background-image: url(https://storm-parkett.at/101/wp-content/themes/hue/modules/swiper/img/arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
.swiper-button-prev,
.swiper-button-prev-thumb,
.hue-slideshow-rtl .swiper-button-next {
left: 3em;
right: auto;
margin-left: -0.2em;
}
.swiper-button-prev:after,
.swiper-button-prev-thumb:after,
.hue-slideshow-rtl .swiper-button-next:after {
content: ' ';
}
.swiper-button-next,
.swiper-button-next-thumb,
.hue-slideshow-rtl .swiper-button-prev {
right: 3em;
left: auto;
margin-right: -0.2em;
}
.swiper-button-next:after,
.swiper-button-next-thumb:after,
.hue-slideshow-rtl .swiper-button-prev:after {
content: ' ';
transform: rotate(180deg);
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
color: #000000;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0,0,0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.hue-slideshow-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #000000;
}
.hue-slideshow-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px,-50%,0);
}
.hue-slideshow-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.hue-slideshow-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.hue-slideshow-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.hue-slideshow-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.hue-slideshow-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.hue-slideshow-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.hue-slideshow-horizontal.hue-slideshow-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #000000;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.hue-slideshow-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.hue-slideshow-horizontal > .swiper-pagination-progressbar,
.hue-slideshow-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.hue-slideshow-vertical > .swiper-pagination-progressbar,
.hue-slideshow-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
color: #ffffff;
}
.swiper-pagination-black {
color: #000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,0.1);
}
.hue-slideshow-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.hue-slideshow-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid #000000;
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
color: #fff;
}
.swiper-lazy-preloader-black {
color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.hue-slideshow .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.hue-slideshow-fade.hue-slideshow-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.hue-slideshow-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.hue-slideshow-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.hue-slideshow-fade .swiper-slide-active,
.hue-slideshow-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.hue-slideshow-flip {
overflow: visible;
}
.hue-slideshow-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.hue-slideshow-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.hue-slideshow-flip .swiper-slide-active,
.hue-slideshow-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.hue-slideshow-flip .swiper-slide-shadow-top,
.hue-slideshow-flip .swiper-slide-shadow-bottom,
.hue-slideshow-flip .swiper-slide-shadow-left,
.hue-slideshow-flip .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.hue-slideshow-cube {
overflow: visible;
}
.hue-slideshow-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.hue-slideshow-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.hue-slideshow-cube.hue-slideshow-rtl .swiper-slide {
transform-origin: 100% 0;
}
.hue-slideshow-cube .swiper-slide-active,
.hue-slideshow-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.hue-slideshow-cube .swiper-slide-active,
.hue-slideshow-cube .swiper-slide-next,
.hue-slideshow-cube .swiper-slide-prev,
.hue-slideshow-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.hue-slideshow-cube .swiper-slide-shadow-top,
.hue-slideshow-cube .swiper-slide-shadow-bottom,
.hue-slideshow-cube .swiper-slide-shadow-left,
.hue-slideshow-cube .swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.hue-slideshow-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.hue-slideshow-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.lightbox-content {
display: none;
}
.gslide-title {
text-transform: none !important;
}
.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999 !important;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
}
.glightbox-container.inactive {
display: none;
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.glightbox-container .gslider {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
overflow: hidden;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.gslide iframe,
.gslide video {
outline: none !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
}
.gslide-image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gslide-image img {
max-height: 100vh;
display: block;
max-width: 100%;
margin: 0;
padding: 0;
float: none;
outline: none;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-ms-touch-action: none;
touch-action: none;
margin: auto;
min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%;
}
.gslide-image img.zoomable {
position: relative;
}
.gslide-image img.dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.gslide-video {
width: 100%;
max-width: 100%;
position: relative;
width: 100vh;
max-width: 100vh;
width: 100% !important;
}
.gslide-video .gvideo-wrapper {
width: 100%;
margin: auto;
}
.gslide-video::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,0,0,0.34);
display: none;
}
.gslide-video.playing::before {
display: none;
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important;
}
.gslide-inline {
background: #fff;
text-align: left;
max-height: calc(60vh);
overflow: auto;
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1;
}
.gslide-external {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 62vh;
}
.gslide-media {
display: block;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
flex-direction: column;
}
.zoomed .gslide-media {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gslide-description {
position: relative;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%;
}
.gslide-description p {
margin-bottom: 12px;
}
.gslide-description p::last-child {
margin-bottom: 0;
}
.zoomed .gslide-description {
display: none;
}
.glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
background: transparent;
position: absolute;
bottom: 15px;
padding: 19px 11px;
max-width: 100vw !important;
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-description .gdesc-inner {
background-color: white;
padding: 10px 8px;
padding: 1rem 0.8rem;
}
.glightbox-mobile .glightbox-container .gslide-description .gdesc-inner .gslide-title {
background-color: white;
color: black;
margin-bottom: 0;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc string {
color: #fff;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: .4;
}
.gdesc-open .gslide-media {
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
opacity: .4;
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
opacity: 1;
}
.greset {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.gabsolute {
position: absolute;
}
.grelative {
position: relative;
}
.glightbox-desc {
display: none !important;
}
.glightbox-open {
overflow: hidden;
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader .8s infinite linear;
animation: lightboxLoader .8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: white;
will-change: opacity;
}
.glightbox-mobile .goverlay {
background: white;
}
.gprev,
.gnext,
.gclose {
background-repeat: no-repeat;
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
display: block;
background-position: 0 0;
border: none;
color: black;
}
.gprev svg,
.gnext svg,
.gclose svg {
display: block;
width: 100%;
height: auto;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: .1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: black;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
}
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
background: #fff;
}
.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
padding: 22px 20px;
}
.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: arial;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em;
}
.glightbox-clean .gslide-video,
.glightbox-modern .gslide-video {
background: white;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose,
.glightbox-modern .gprev,
.glightbox-modern .gnext,
.glightbox-modern .gclose {
background-color: transparent;
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover,
.glightbox-modern .gprev:hover,
.glightbox-modern .gnext:hover,
.glightbox-modern .gclose:hover {
background-color: transparent;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path,
.glightbox-modern .gprev path,
.glightbox-modern .gnext path,
.glightbox-modern .gclose path {
fill: black;
}
.glightbox-clean button:focus:not(.focused):not(.disabled),
.glightbox-modern button:focus:not(.focused):not(.disabled) {
outline: none;
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
position: absolute;
top: -100%;
left: 30px;
width: 60px;
height: 56px;
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
position: absolute;
top: -100%;
right: 30px;
width: 60px;
height: 56px;
}
.glightbox-clean .gclose,
.glightbox-modern .gclose {
width: 35px;
width: auto;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
opacity: .7;
background-position: -59px 2px;
}
.glightbox-clean .gclose svg,
.glightbox-modern .gclose svg {
width: 26px;
}
.glightbox-clean .gclose:hover,
.glightbox-modern .gclose:hover {
opacity: 1;
}
.gfadeIn {
-webkit-animation: gfadeIn .5s ease;
animation: gfadeIn .5s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut .5s ease;
animation: gfadeOut .5s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft .3s ease;
animation: gslideOutLeft .3s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft .3s ease;
animation: gslideInLeft .3s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight .3s ease;
animation: gslideOutRight .3s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight .3s ease;
animation: gslideInRight .3s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn .5s ease;
animation: gzoomIn .5s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut .5s ease;
animation: gzoomOut .5s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%,0,0);
transform: translate3d(-60%,0,0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%,0,0);
transform: translate3d(-60%,0,0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(-60%,0,0);
transform: translate3d(-60%,0,0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(-60%,0,0);
transform: translate3d(-60%,0,0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%,0,0);
transform: translate3d(60%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%,0,0);
transform: translate3d(60%,0,0);
}
to {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(60%,0,0);
transform: translate3d(60%,0,0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
to {
-webkit-transform: translate3d(60%,0,0);
transform: translate3d(60%,0,0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3);
}
to {
opacity: 0;
}
}
@media (min-width: 769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-top .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.glightbox-container .ginner-container.desc-left .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-left .gslide-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.gslide-image img {
max-height: 97vh;
max-width: calc(80%);
max-width: 100%;
}
.gslide-image img.zoomable {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab;
}
.gslide-inline {
max-height: 95vh;
}
.gslide-external {
max-height: 95vh;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px;
}
.glightbox-open {
height: auto;
}
.goverlay {
background: rgba(255,255,255,0.92);
}
.glightbox-clean .gprev,
.glightbox-modern .gprev {
top: 45%;
}
.glightbox-clean .gnext,
.glightbox-modern .gnext {
top: 45%;
}
}
@media (min-width: 992px) {
.glightbox-clean .gclose,
.glightbox-modern .gclose {
right: 20px;
}
}
@media screen and (max-height: 420px) {
.goverlay {
background: white;
}
}
.ginlined-content {
height: 100%;
}
.ginlined-content .image-wrapper {
display: flex;
height: 100%;
align-content: stretch;
align-items: stretch;
}
.ginlined-content .image-wrapper img {
object-fit: contain;
}
.zoom-transition {
transition: -moz-transform ease 200ms;
transition: -ms-transform ease 200ms;
transition: -o-transform ease 200ms;
transition: -webkit-transform ease 200ms;
transition: transform ease 200ms;
}
.image-wrapper.zoom {
overflow: hidden;
cursor: zoom-in;
}
.image-wrapper.zoom.zoom-active {
cursor: grab;
}