@charset "UTF-8";

:root {
--colWidthPercent: calc(122% / (1920 * 0.01));
--gapWidthPercent: calc(26% / (1920 * 0.01));
--colWidthVW: calc(122vw / (1920 * 0.01));
--colGapWidthVW: calc(26vw / (1920 * 0.01));
--columncount3: 3;
--columncount2: 2;
--gap: 1em;
--gap: var(--gapWidthPercent);
--gapY: calc(var(--gap) * 1.7);
--gapY: calc(1em * 1.7);
--spacer: 2em;
--gillBarRatio: 12 / 1;
--gillBarAbsWidth: var(--colWidthVW);
--offset: 4em; --offset_none: 0em; --offset_small: 4em; --offset_large: 8em; --fontSizeSmallest: 12px;
--fontSizeSmall: 16px;
--fontSize: 19px;
--fontSizeBig: 34px;
--fontSizeBiggest: 50px;
--fontSizeBiggest: clamp(20px, 2.6vw, 50px);
--fontSizeHuge: clamp(25px, 15vw, 150px);
--lineHeightFactor: 1.7;
--fontFamily: "Monsal", "Merriweather Sans", "Arial", "Helvetica", sans-serif;
--fontFamilyHeadlines: "Monsal", "Merriweather Sans", "Arial", "Helvetica",
sans-serif;
--jenny: "Jenny", "Georgia", "Times", serif;
--jennyCaps: "Jenny Caps", "Jenny", "Georgia", "Times", serif;
--jennyKursif: "Jenny kursif", "Jenny", "Georgia", "Times", serif;
--jennyCapsLetterspacing: 0.08em; --selectFontFamily: var(--fontFamily);
--selectWeight: normal;
--selectTransform: uppercase;
--selectLetterspacing: 0.07em;
--column-gap-manual: 1.3vw;
}
:root {
--fontSize: 1.2vw;
}
@media screen and (max-width: 2035px) {
:root {
--fontSize: clamp(16px, 1.2vw, 20px);
}
}
@media screen and (max-width: 1400px) {
:root {
--fontSize: clamp(14px, 1.4vw, 20px);
--columncount3: 2;
}
}
@media screen and (max-width: 980px) {
:root {
--fontSize: 2vw;
--gillBarAbsWidth: 14vw;
}
}
@media all and (max-width: 767px) {
:root {
--fontSize: 20px;
--fontSize: clamp(16px, 2.4vw, 20px);
--fontSizeSmall: 16px;
--columncount3: 1;
--columncount2: 1;
--gapWidthPercent: 4vw;
--gap: 4vw;
--colWidthVW: 3.5vw;
--colGapWidthVW: 6.35vw;
--gillBarAbsWidth: calc((var(--colWidthVW) * 2) + calc(var(--gap) * 1));
}
}
@media all and (max-width: 580px) {
:root {
--fontSize: 4vw;
--fontSizeSmall: 14px;
--column-gap-manual: 4vw;
--gillBarAbsWidth: calc((var(--colWidthVW) * 3) + calc(var(--gap) * 2));
}
}
:root {
--maroon: #94004a;
--lightBordeaux: #ab1254;
--lightGrey: #d9dada;
--lightestGrey: #e9e9e9;
--darkGrey: #484847;
--black: #000;
--white: #fff;
--gridGuideColor: rgba(0, 255, 255, 0.5);
--gridGuideColorCol: rgba(0, 255, 255, 0.09); --light: #fff;
--dark: #000;
--colorDeselected: #999;
--colorSelected: #000; --objectBackground: #fff;
--objectFontColor: #000;
--objectDeselectedColor: #999;
--objectSelectedColor: #000; --brickBackground: #000;
--brickFontColor: #fff;
--brickDeselectedColor: #999;
--brickSelectedColor: #fff;
--currentBackground: #fff;
} @media screen and (prefers-color-scheme: dark) {
:root {
--currentBackground: #000;
}
}
.bg-maroon, #logo-link, #logo-and-buttons [class*=link-] {
--color: var(--white);
--background: var(--maroon);
background: var(--background);
}
.bg-maroon, #logo-link, #logo-and-buttons [class*=link-],
.bg-maroon a,
#logo-link a,
#logo-and-buttons [class*=link-] a {
color: var(--color);
}
.bg-white {
--color: var(--black);
--background: var(--white);
background: var(--background);
}
.bg-white,
.bg-white a {
color: var(--color);
}
.bg-black {
--color: var(--white);
--background: var(--black);
background: var(--background);
color: var(--color);
}
.bg-black :is(h1, h2, h3, h4, h5) {
color: var(--color);
}
.bg-black,
.bg-black a {
color: var(--color);
}
.useColorScheme {
background: var(--background);
color: var(--color);
}
.useColorScheme :is(h1, h2, h3, h4, h5) {
color: var(--color);
}
.useColorScheme,
.useColorScheme a {
color: var(--color);
}
.useColorScheme .btn, .useColorScheme #logo-and-buttons [class*=link-], #logo-and-buttons .useColorScheme [class*=link-] {
color: var(--color);
border-color: var(--color);
background-color: var(--background);
}
.useColorScheme .btn:hover, .useColorScheme #logo-and-buttons [class*=link-]:hover, #logo-and-buttons .useColorScheme [class*=link-]:hover {
color: var(--background);
background-color: var(--color);
}
.et-db #et-boc,
body {
-webkit-hyphens: auto;
hyphens: auto;
hyphenate-limit-chars: 10 4 4;
}
.et-db #et-boc .h1,
.et-db #et-boc .h2,
.et-db #et-boc #gill-navigation .menu > li > a,
#gill-navigation .et-db #et-boc .menu > li > a,
.et-db #et-boc .h3,
body .h1,
body .h2,
body #gill-navigation .menu > li > a,
#gill-navigation body .menu > li > a,
body .h3 {
font-weight: bold;
}
.et-db #et-boc .releaxedHyphens,
body .releaxedHyphens {
hyphenate-limit-chars: 10 6 6;
}
.et-db #et-boc .preventHyphens, .et-db #et-boc .preventHyphens *,
body .preventHyphens,
body .preventHyphens * {
-webkit-hyphens: none !important;
hyphens: none !important;
}
.et-db #et-boc .jenny, .et-db #et-boc #gill-navigation .menu > li span, #gill-navigation .menu > li .et-db #et-boc span,
body .jenny,
body #gill-navigation .menu > li span,
#gill-navigation .menu > li body span {
font-family: var(--jenny);
}
.et-db #et-boc .jenny-italic, .et-db #et-boc .gill-section-text .et_pb_module.et_pb_text:first-child p, .gill-section-text .et_pb_module.et_pb_text:first-child .et-db #et-boc p, .et-db #et-boc .gill-section-text .et_pb_module.et_pb_text.headline-wrapper p, .gill-section-text .et_pb_module.et_pb_text.headline-wrapper .et-db #et-boc p, .et-db #et-boc .gill-section-head p, .gill-section-head .et-db #et-boc p, .et-db #et-boc #gill-navigation .menu > li span, #gill-navigation .menu > li .et-db #et-boc span, .et-db #et-boc #gill-navigation .col1 section p, #gill-navigation .col1 section .et-db #et-boc p, .et-db #et-boc .flagHeadline p,
body .flagHeadline .et-db #et-boc p,
body .jenny-italic,
body .gill-section-text .et_pb_module.et_pb_text:first-child p,
.gill-section-text .et_pb_module.et_pb_text:first-child body p,
body .gill-section-text .et_pb_module.et_pb_text.headline-wrapper p,
.gill-section-text .et_pb_module.et_pb_text.headline-wrapper body p,
body .gill-section-head p,
.gill-section-head body p,
body #gill-navigation .menu > li span,
#gill-navigation .menu > li body span,
body #gill-navigation .col1 section p,
#gill-navigation .col1 section body p,
body .flagHeadline p {
font-family: var(--jennyKursif);
font-style: italic;
}
.et-db #et-boc .jenny-right, .et-db #et-boc #gill-navigation .menu > li span, #gill-navigation .menu > li .et-db #et-boc span,
body .jenny-right,
body #gill-navigation .menu > li span,
#gill-navigation .menu > li body span {
text-align: right;
margin-left: auto;
}
.et-db #et-boc .jenny-caps,
body .jenny-caps {
font-family: var(--jennyCaps);
letter-spacing: var(--jennyCapsLetterspacing);
text-transform: lowercase;
}
.et-db #et-boc .flagHeadline,
body .flagHeadline {
pointer-events: none;
display: flex;
}
.et-db #et-boc .flagHeadline p,
body .flagHeadline p {
display: inline-block;
}
.et-db #et-boc .flagHeadline h2,
body .flagHeadline h2 {
display: block;
}
.et-db #et-boc .flagHeadline p,
.et-db #et-boc .flagHeadline h2,
body .flagHeadline p,
body .flagHeadline h2 {
margin: 0;
padding: 1em 3em 1em 4rem;
background-color: var(--maroon);
color: #fff;
}
.et-db #et-boc p,
.et-db #et-boc ul,
.et-db #et-boc ol,
.et-db #et-boc img,
body p,
body ul,
body ol,
body img {
padding-bottom: 0;
}
.et-db #et-boc :is(p, ul, ol) + :is(p, ul, ol, img, h3, h4),
body :is(p, ul, ol) + :is(p, ul, ol, img, h3, h4) {
margin-top: calc(var(--fontSize) * 1.7);
}
.et-db #et-boc h2 + p,
body h2 + p {
-webkit-transform: translateY(1.2em);
transform: translateY(1.2em);
}
.et-db #et-boc .btn, .et-db #et-boc #logo-and-buttons [class*=link-], #logo-and-buttons .et-db #et-boc [class*=link-],
body .btn,
body #logo-and-buttons [class*=link-],
#logo-and-buttons body [class*=link-] {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-decoration: none;
height: 2.5em;
font-size: calc(var(--fontSizeSmall));
}
@media all and (max-width: 767px) {
.et-db #et-boc .btn, .et-db #et-boc #logo-and-buttons [class*=link-], #logo-and-buttons .et-db #et-boc [class*=link-],
body .btn,
body #logo-and-buttons [class*=link-],
#logo-and-buttons body [class*=link-] {
font-size: var(--fontSizeSmall);
}
}
.et-db #et-boc .fontSizeSmall,
body .fontSizeSmall {
font-size: var(--fontSizeSmall);
} :not(.et_pb_pagebuilder_layout) a {
text-decoration: underline;
text-underline-offset: 0.12em;
}
:not(.et_pb_pagebuilder_layout) a:hover {
text-decoration: underline;
}
:not(.et_pb_pagebuilder_layout) a:is([rel*=norefferer], [rel*=noopener], [target=_blank]):not(.icon):after {
content: "";
display: inline-block;
height: 1em;
width: 1em;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3Cpath%20d%3D%22M9%203h8v8l-2-1V6.92l-5.6%205.59-1.41-1.41L14.08%205H10zm3%2012v-3l2-2v7H3V6h8L9%208H5v7h7z%22%2F%3E%3C%2Fsvg%3E");
}
.a-color-maroon-important a, .a-color-maroon-important a, .a-color-maroon-important.et_pb_text a, .a-color-maroon-important .et_pb_text_inner a, .a-color-maroon-important.et_pb_text .et_pb_text_inner a {
color: var(--maroon) !important;
}
[class*=ratio-] {
display: block;
position: relative;
overflow: hidden;
}
[class*=ratio-]:before {
content: "";
display: block;
}
[class*=ratio-] img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
top: 0;
width: auto;
min-height: 100%;
min-width: 100%;
height: auto;
}
.ratio-1\:1:before {
padding-top: 100%;
}
.ratio-16\:9:before {
padding-top: 56.25%;
}
.ratio-4\:3:before {
padding-top: 75%;
}
.ratio-3\:4:before {
padding-top: 133.3333333333%;
}
.ratio-2\:3:before, .ratio-2-3:before {
padding-top: 150%;
}
.ratio-3\:2:before, .ratio-3-2:before {
padding-top: 66.6666666667%;
}
.ratio-8\:3:before {
padding-top: 37.5%;
}       :root {
--gridTemplateColumns: repeat(auto-fill, minmax(200px, 1fr));
}
@media screen and (min-width: 768px) {
:root {
--gridTemplateColumns: repeat(auto-fill, minmax(400px, 1fr));
}
}
.grid-yeah {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.gillGrid, .wpcf7, .gill-section-products-teaser-2, .gill-section-teaser-all-products, .gill-section-imageblock.try, .gill-section-imageblock, .gill-section-toc, .gill-section-text, .gill-section-head {
display: grid;
width: 100%;
grid-template-columns: auto repeat(12, var(--colWidthPercent)) auto;
grid-template-columns: auto [content-start] repeat(12, var(--colWidthPercent)) [content-end] auto;
gap: var(--gap);
row-gap: 20px;
}
@media all and (max-width: 980px) {
.gillGrid, .wpcf7, .gill-section-products-teaser-2, .gill-section-teaser-all-products, .gill-section-imageblock.try, .gill-section-imageblock, .gill-section-toc, .gill-section-text, .gill-section-head {
grid-template-columns: repeat(14, 1fr);
grid-template-columns: 1fr [content-start] repeat(12, 1fr) [content-end] 1fr;
}
}
.gillGrid .et_pb_row, .wpcf7 .et_pb_row, .gill-section-products-teaser-2 .et_pb_row, .gill-section-teaser-all-products .et_pb_row, .gill-section-imageblock .et_pb_row, .gill-section-toc .et_pb_row, .gill-section-text .et_pb_row, .gill-section-head .et_pb_row,
.gillGrid .et_pb_column,
.wpcf7 .et_pb_column,
.gill-section-products-teaser-2 .et_pb_column,
.gill-section-teaser-all-products .et_pb_column,
.gill-section-imageblock .et_pb_column,
.gill-section-toc .et_pb_column,
.gill-section-text .et_pb_column,
.gill-section-head .et_pb_column {
display: contents;
}
.gillGrid .et_pb_row, .wpcf7 .et_pb_row, .gill-section-products-teaser-2 .et_pb_row, .gill-section-teaser-all-products .et_pb_row, .gill-section-imageblock .et_pb_row, .gill-section-toc .et_pb_row, .gill-section-text .et_pb_row, .gill-section-head .et_pb_row,
.gillGrid .et_pb_column,
.wpcf7 .et_pb_column,
.gill-section-products-teaser-2 .et_pb_column,
.gill-section-teaser-all-products .et_pb_column,
.gill-section-imageblock .et_pb_column,
.gill-section-toc .et_pb_column,
.gill-section-text .et_pb_column,
.gill-section-head .et_pb_column,
.gillGrid .et_pb_module,
.wpcf7 .et_pb_module,
.gill-section-products-teaser-2 .et_pb_module,
.gill-section-teaser-all-products .et_pb_module,
.gill-section-imageblock .et_pb_module,
.gill-section-toc .et_pb_module,
.gill-section-text .et_pb_module,
.gill-section-head .et_pb_module {
padding: 0;
margin: 0;
}
.gillGrid .et_pb_row:after, .wpcf7 .et_pb_row:after, .gill-section-products-teaser-2 .et_pb_row:after, .gill-section-teaser-all-products .et_pb_row:after, .gill-section-imageblock .et_pb_row:after, .gill-section-toc .et_pb_row:after, .gill-section-text .et_pb_row:after, .gill-section-head .et_pb_row:after,
.gillGrid .et_pb_column:after,
.wpcf7 .et_pb_column:after,
.gill-section-products-teaser-2 .et_pb_column:after,
.gill-section-teaser-all-products .et_pb_column:after,
.gill-section-imageblock .et_pb_column:after,
.gill-section-toc .et_pb_column:after,
.gill-section-text .et_pb_column:after,
.gill-section-head .et_pb_column:after,
.gillGrid .et_pb_module:after,
.wpcf7 .et_pb_module:after,
.gill-section-products-teaser-2 .et_pb_module:after,
.gill-section-teaser-all-products .et_pb_module:after,
.gill-section-imageblock .et_pb_module:after,
.gill-section-toc .et_pb_module:after,
.gill-section-text .et_pb_module:after,
.gill-section-head .et_pb_module:after {
display: none;
}
.diviGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 3%;
}
.diviGrid > * {
grid-column: span 4 !important;
width: initial !important;
margin: 0 m !important;
}
ul.overlay.gillGrid, ul.overlay.wpcf7, ul.overlay.gill-section-products-teaser-2, ul.overlay.gill-section-teaser-all-products, ul.overlay.gill-section-imageblock, ul.overlay.gill-section-toc, ul.overlay.gill-section-text, ul.overlay.gill-section-head {
position: fixed;
pointer-events: none;
top: 0;
left: 0;
counter-reset: gridline;
}
ul.overlay.gillGrid:before, ul.overlay.wpcf7:before, ul.overlay.gill-section-products-teaser-2:before, ul.overlay.gill-section-teaser-all-products:before, ul.overlay.gill-section-imageblock:before, ul.overlay.gill-section-toc:before, ul.overlay.gill-section-text:before, ul.overlay.gill-section-head:before, ul.overlay.gillGrid:after, ul.overlay.wpcf7:after, ul.overlay.gill-section-products-teaser-2:after, ul.overlay.gill-section-teaser-all-products:after, ul.overlay.gill-section-imageblock:after, ul.overlay.gill-section-toc:after, ul.overlay.gill-section-text:after, ul.overlay.gill-section-head:after {
content: " ";
counter-increment: gridline;
}
ul.overlay.gillGrid li, ul.overlay.wpcf7 li, ul.overlay.gill-section-products-teaser-2 li, ul.overlay.gill-section-teaser-all-products li, ul.overlay.gill-section-imageblock li, ul.overlay.gill-section-toc li, ul.overlay.gill-section-text li, ul.overlay.gill-section-head li {
height: 100vh;
background: var(--gridGuideColorCol);
outline: 1px solid var(--gridGuideColor);
grid-column: span 1;
}
ul.overlay.gillGrid li:before, ul.overlay.wpcf7 li:before, ul.overlay.gill-section-products-teaser-2 li:before, ul.overlay.gill-section-teaser-all-products li:before, ul.overlay.gill-section-imageblock li:before, ul.overlay.gill-section-toc li:before, ul.overlay.gill-section-text li:before, ul.overlay.gill-section-head li:before {
content: counter(gridline);
counter-increment: gridline;
font-size: 2.5vw;
} .upToTwoColumns .et_pb_text_inner {
-webkit-columns: var(--columncount2);
-moz-columns: var(--columncount2);
columns: var(--columncount2);
-webkit-column-gap: var(--currentGap);
-moz-column-gap: var(--currentGap);
column-gap: var(--currentGap);
-webkit-column-gap: 5.6%;
-moz-column-gap: 5.6%;
column-gap: 5.6%;
} .upToThreeColumns .et_pb_text_inner {
-webkit-columns: var(--columncount3);
-moz-columns: var(--columncount3);
columns: var(--columncount3);
-webkit-column-gap: 3%;
-moz-column-gap: 3%;
column-gap: 3%;
}
.bigUnderline {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.bigUnderline:after {
position: relative;
display: block;
content: "";
margin-top: 2.98em;
background: var(--maroon);
width: 138px;
width: var(--gillBarAbsWidth);
margin-left: auto;
aspect-ratio: var(--gillBarRatio);
}
@media screen and (max-width: 980px) {
.bigUnderline:after {
margin-top: 0.6em;
margin-left: initial;
}
}
.last-p-has-big-underline,
.et_pb_text-red-underline {
display: flex;
flex-direction: column;
padding-bottom: 2em;
}
.last-p-has-big-underline:after,
.et_pb_text-red-underline:after {
display: block;
position: relative;
background: var(--maroon);
margin-top: 3.4em;
width: var(--gillBarAbsWidth);
margin-left: var(--margin-left-correction);
content: "";
aspect-ratio: var(--gillBarRatio);
}
.add-red-underline-element, .gill-section-text .et_pb_module.et_pb_text:first-child, .gill-section-text .et_pb_module.et_pb_text.headline-wrapper {
display: flex;
flex-direction: column;
padding-bottom: 2em;
}
.add-red-underline-element:after, .gill-section-text .et_pb_module.et_pb_text:first-child:after, .gill-section-text .et_pb_module.et_pb_text.headline-wrapper:after {
display: block;
position: relative;
background: var(--maroon);
margin-top: 3.4em;
width: var(--gillBarAbsWidth);
margin-left: var(--margin-left-correction);
content: "";
aspect-ratio: var(--gillBarRatio);
}
.scrollbar, #gill-header #gill-navigation .menu {
--scrollColor: var(--white);
}
.scrollbar-white {
--scrollColor: var(--white);
}
.scrollbar-black {
--scrollColor: var(--black);
}
.scrollbar-maroon {
--scrollColor: var(--maroon);
}
.scrollbar::-webkit-scrollbar, #gill-header #gill-navigation .menu::-webkit-scrollbar {
width: 5px;
}
.scrollbar::-webkit-scrollbar-track, #gill-header #gill-navigation .menu::-webkit-scrollbar-track {
border-left: 1px solid var(--scrollColor);
}
.scrollbar::-webkit-scrollbar-thumb, #gill-header #gill-navigation .menu::-webkit-scrollbar-thumb {
background-color: var(--scrollColor);
outline: none;
}
ul.hamburger {
--speed: 0.3s;
width: 1em;
height: 1em;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 0;
transition: all var(--speed) ease-out;
}
ul.hamburger li {
--offset: 0.3333333em;
--speed: 0.4s;
background: #fff;
display: block;
height: 13%;
list-style: none;
transition: all var(--speed) ease-out;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
ul.hamburger li:nth-child(2) {
transition: all calc(var(--speed) * 0.5) ease-in;
}
ul.hamburger.openMenu li:nth-child(1) {
-webkit-transform: translatey(var(--offset)) rotate(45deg);
transform: translatey(var(--offset)) rotate(45deg);
}
ul.hamburger.openMenu li:nth-child(2) {
-webkit-transform: translatex(1em);
transform: translatex(1em);
opacity: 0;
}
ul.hamburger.openMenu li:nth-child(3) {
-webkit-transform: translatey(calc(var(--offset) * -1)) rotate(-45deg);
transform: translatey(calc(var(--offset) * -1)) rotate(-45deg);
}
ul.hamburger:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.cta {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cta a.et_pb_button {
text-decoration: none;
text-transform: lowercase;
}
.flip-book-wrapper .et_pb_code_inner {
height: 80vh;
padding-bottom: 2em;
display: block;
position: relative;
}
.et_pb_section.teaser-with-blurb {
--iconTransform: translate(-2.75em, -0.1em);
}
.et_pb_section.teaser-with-blurb .et_pb_row .et_pb_column {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: var(--gap);
}
@media screen and (max-width: 768px) {
.et_pb_section.teaser-with-blurb .et_pb_row .et_pb_column {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
padding-inline: 4em;
}
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content {
display: grid;
grid-template-columns: 2em repeat(6, 1fr);
gap: var(--gap);
position: relative;
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_main_blurb_image {
grid-column: 1/2;
grid-row: 1/2;
-webkit-transform: var(--iconTransform);
transform: var(--iconTransform);
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
display: flex;
justify-content: flex-start;
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
font-size: 2em;
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
width: 2em;
height: auto;
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_blurb_container {
grid-column: 1/7;
grid-row: 1/2;
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_blurb_container h4.et_pb_module_header {
font-size: var(--fontSize);
}
.et_pb_section.teaser-with-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
font-size: var(--fontSize);
}
.simple-image-grid .et_pb_code_inner {
display: grid;
grid-template-columns: var(--gridTemplateColumns);
background: none;
background: #000;
grid-gap: var(--gap);
align-items: baseline;
}
.sustainability {
width: 100%;
display: block;
padding-top: 0;
--ecoGreen: #090;
position: relative;
margin-bottom: 5vh;
}
.sustainability:before {
position: absolute;
background: var(--ecoGreen);
display: block;
top: 0;
content: "";
width: 100%;
height: 15vh;
z-index: -2;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: skewY(-2deg);
transform: skewY(-2deg);
}
.sustainability:after {
position: absolute;
background: #fff;
display: block;
top: 0;
content: "";
width: 100%;
height: 15vh;
z-index: -1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: translateY(2.5em);
transform: translateY(2.5em);
}
.sustainability ol {
position: relative;
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
padding-bottom: 2em;
width: auto;
gap: var(--gap);
}
.sustainability ol::-webkit-scrollbar, .sustainability ol::-webkit-scrollbar {
height: 5px;
}
.sustainability ol::-webkit-scrollbar-track, .sustainability ol::-webkit-scrollbar-track {
border-bottom: 1px solid var(--ecoGreen);
}
.sustainability ol::-webkit-scrollbar-thumb, .sustainability ol::-webkit-scrollbar-thumb {
background-color: var(--ecoGreen);
outline: none;
}
.sustainability ol > * {
flex: 0 0 25em;
}
.sustainability ol li {
display: flex;
flex-direction: column;
padding-bottom: 2em;
}
.sustainability ol li:first-child {
margin-left: var(--gap);
}
.sustainability ol li:last-child {
margin-right: var(--gap);
}
.sustainability ol li h3 {
color: #fff;
font-size: var(--fontSizeBig);
position: relative;
}
.sustainability ol li h3:after {
content: "";
border: 2px solid var(--ecoGreen);
aspect-ratio: var(--gillBarRatio);
position: absolute;
bottom: -0.5em;
left: 0;
width: 4em;
}
.sustainability ol li h4 {
clear: both;
font-size: var(--fontSize);
font-weight: bold;
padding-top: 1.95em;
}
.sustainability ol li p {
font-size: var(--fontSizeSmall);
} body:has(#gill-navigation.visible) {
overflow-y: hidden;
}
#gill-header {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#logo-and-buttons {
pointer-events: initial;
}
#logo-and-buttons .link-burger {
outline: none;
border: none;
}
#logo-link {
align-items: center;
justify-content: center;
background: var(--maroon) no-repeat center;
background-image: url(https://gillrath.de/wp-content/themes/build-gillrath-divi-child/assets/gillrath-logo-white.svg);
background-size: 50% auto;
align-items: flex-end;
transition: all 0.2s ease-out;
}
#gill-navigation {
pointer-events: none;
background: var(--maroon);
}
#gill-navigation.visible {
pointer-events: initial;
}
#gill-navigation .col1 section {
position: relative;
gap: var(--localgap);
height: 50%;
display: flex;
}
#gill-navigation .col1 section .centerBox {
display: grid;
flex: 1;
align-self: center;
grid-template-columns: repeat(2, 1fr);
}
#gill-navigation .col1 section > div {
padding-top: var(--localgap);
}
#gill-navigation .col1 section p {
padding-right: 0.75em;
}
#gill-navigation .col1 section a {
margin-top: 1em;
display: block;
position: relative;
font-size: calc(var(--fontSizeSmall));
}
#gill-navigation .col1 section:before {
display: block;
content: "";
position: absolute;
right: 0;
height: 100%;
width: 50vw;
background: var(--black);
z-index: -1;
}
#gill-navigation .col1 section.bg-white:before {
background: var(--white);
}
#gill-navigation .menu a {
display: block;
}
#gill-navigation .menu > li {
display: grid;
grid-gap: var(--localgap);
padding: calc(var(--localgap) * 2) 0;
}
#gill-navigation .menu > li:nth-child(even) {
background: rgba(255, 255, 255, 0.1);
}
#gill-navigation .menu > li > a {
justify-self: var(--headlineOnRedJustify);
text-decoration: none;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
border-bottom: 1px solid #fff;
display: inline-block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
#gill-navigation .menu > li span {
max-width: 20ch;
}
#gill-navigation .menu > li ul.sub-menu {
display: grid;
gap: var(--localgap);
text-align: left;
}
#gill-navigation .menu > li ul.sub-menu li {
box-sizing: border-box;
padding-right: var(--gap);
}
#gill-navigation .menu > li ul.sub-menu li a {
position: relative;
-webkit-hyphens: auto;
hyphens: auto;
}
#gill-navigation .menu > li ul.sub-menu li a:before {
content: "»";
position: absolute;
-webkit-transform: translateX(-1.2em) translateY(-0.1em);
transform: translateX(-1.2em) translateY(-0.1em);
}
#gill-navigation .menu > li ul.sub-menu .sub-menu {
display: none;
} #gill-header {
--localgap: 1em;
position: fixed;
height: 100%;
width: 100%;
z-index: 2;
font-size: var(--fontSize);
line-height: var(--lineHeight); --fontSize: var(--fontSize);
--lineHeight: calc(var(--fontSize) * var(--lineHeightFactor)); --linkKlinkerButtonColumn: 11 / span 1;
--linkObjekteButtonColumn: 12 / span 1;
--linkBurgerColumn: 13 / span 1; --col1Display: block;
--col2Cols: 6 / span 7; --col2InnerHeadlinesCols: 1/3;
--menuLiTemplateCols: repeat(7, 1fr);
--menuLiTextAlign: right;
--menuLiUlTemplateCols: repeat(4, 1fr);
--menuLiUlSubMenuCols: 4 / 8;
--menuLiUlSubMenuRows: 1 / 3;
--menuDescriptionTop: 0;
--headlineOnRedJustify: end;
--col3Cols: 13 / span 2;
--col3Display: flex;
--hideOnDesktop: none;
}
@media screen and (max-width: 1599px) {
#gill-header {
--fontSize: var(--fontSizeSmall);
--linkKlinkerButtonColumn: 9 / span 2;
--linkObjekteButtonColumn: 11 / span 2;
--linkBurgerColumn: 13;
}
}
@media screen and (max-width: 1199px) {
#gill-header {
--col1Display: none;
--col2Cols: 1 / span 11;
--col3Cols: 12 / span 2;
}
}
@media screen and (max-width: 767px) {
#gill-header {
--fontSize: 16px;
--linkKlinkerButtonColumn: 7 / span 3;
--linkObjekteButtonColumn: 10 / span 3;
--linkBurgerColumn: 13 / span 2;
--col1Display: none;
--col2Cols: 1 / span 9;
--menuLiUlTemplateCols: repeat(2, 1fr);
--menuDescriptionTop: 0.5em;
--col3Cols: 10 / span 3;
--lineHeight: 1.2em;
}
}
@media screen and (max-width: 550px) {
#gill-header {
--col1Display: none;
--col2Cols: 1 / span 14;
--col2InnerHeadlinesCols: 2 / 7;
--menuLiUlSubMenuCols: 2 / 7;
--menuLiUlSubMenuRows: 2/3;
--menuLiTextAlign: left;
--headlineOnRedJustify: start;
--col3Cols: 10 / span 3;
--col3Display: none;
--hideOnDesktop: grid;
--lineHeight: 1.2em;
}
}
.et-fb #gill-header { display: none;
}
#gill-header + * {
z-index: 1;
position: relative;
}
#gill-header #logo-and-buttons {
position: absolute;
}
#gill-header #logo-and-buttons #logo-link {
grid-column: 1/4;
display: flex;
max-width: 285px;
margin-top: 2em;
}
#gill-header #logo-and-buttons #logo-link span {
-webkit-transform: translateX(-25vw);
transform: translateX(-25vw);
}
#gill-header #logo-and-buttons #logo-link:hover {
background-size: 55% auto;
}
@media screen and (max-width: 1023px) {
#gill-header #logo-and-buttons #logo-link {
grid-column: 2/span 4;
margin-top: 0;
background-size: 75% auto;
}
}
#gill-header #logo-and-buttons .link-klinker {
grid-column: var(--linkKlinkerButtonColumn);
}
#gill-header #logo-and-buttons .link-objekte {
grid-column: var(--linkObjekteButtonColumn);
}
#gill-header #logo-and-buttons .link-burger {
z-index: 3;
grid-column: var(--linkBurgerColumn);
}
#gill-header #gill-navigation {
position: absolute;
width: inherit;
grid-template-rows: 100%;
height: 100%; -webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: -webkit-transform 0.7s ease-out;
transition: transform 0.7s ease-out;
transition: transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }
#gill-header #gill-navigation.visible {
-webkit-transform: translateY(0);
transform: translateY(0);
}
#gill-header #gill-navigation .col1 {
grid-column: 2/span 4;
display: var(--col1Display);
}
#gill-header #gill-navigation .col2 {
grid-column: var(--col2Cols);
}
#gill-header #gill-navigation .col2 > div {
display: contents;
}
#gill-header #gill-navigation .col2 .menu > li > a,
#gill-header #gill-navigation .col2 .menu > li span {
grid-column: var(--col2InnerHeadlinesCols);
}
#gill-header #gill-navigation .col3 {
grid-column: var(--col3Cols);
display: var(--col3Display);
flex-direction: column;
padding-bottom: 1.5em;
}
#gill-header #gill-navigation .col3 > ul:first-child,
#gill-header #gill-navigation .col3 > div:first-child {
margin-top: auto;
}
#gill-header #gill-navigation .col3 .wpml-ls-legacy-list-horizontal {
padding: 0;
border: none;
display: block;
}
#gill-header #gill-navigation .col3 .wpml-ls-legacy-list-horizontal li {
display: block;
}
#gill-header #gill-navigation .col3 .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language {
display: none;
}
#gill-header #gill-navigation .col3 .wpml-ls-legacy-list-horizontal li .wpml-ls-display {
display: none;
}
#gill-header #gill-navigation .col3 .wpml-ls-legacy-list-horizontal a {
padding: 0;
line-height: var(--lineHeight);
}
#gill-header #gill-navigation .col3 .wpml-ls-legacy-list-horizontal a span {
text-decoration: underline;
}
#gill-header #gill-navigation .col3 .service-navigation {
padding-bottom: var(--localgap);
}
#gill-header #gill-navigation .menu {
display: block;
height: 100%;
overflow-y: auto;
padding: 0;
}
#gill-header #gill-navigation .menu > li {
grid-template-columns: var(--menuLiTemplateCols);
grid-template-rows: fit-content(100%) 1fr;
text-align: var(--menuLiTextAlign);
}
#gill-header #gill-navigation .menu > li ul.sub-menu {
grid-column: var(--menuLiUlSubMenuCols);
grid-row: var(--menuLiUlSubMenuRows);
grid-template-columns: var(--menuLiUlTemplateCols);
}
#gill-header #gill-navigation .menu > li ul.sub-menu > * {
grid-column: span 2;
}
#gill-header #gill-navigation .menu > li ul.sub-menu .description {
position: relative;
top: var(--menuDescriptionTop);
top: 0.5em;
display: inline-block;
text-align: left;
justify-content: flex-start;
padding-bottom: 1em;
} .hideOnDesktop {
display: var(--hideOnDesktop) !important;
}
@media screen and (max-width: 460px) {
.footer-opening {
--gap: 0.4em;
font-size: 0.8em;
}
}
.footer-opening table {
width: 100%;
position: relative;
}
.footer-opening table tbody {
width: 100%;
position: relative;
}
.footer-opening table tbody tr {
display: flex;
justify-content: flex-start;
gap: var(--gap);
}
.footer-opening table tbody tr td {
text-align: right;
flex: 0 0 5em;
}
.footer-opening table tbody tr td:nth-child(1) {
flex: 0 1 50%;
}
.footer-opening table tbody tr td:nth-child(3) {
flex: 0 0 0.5em;
text-align: center;
}
#footerNav a {
text-decoration: none;
}
#footerNav a:hover {
text-decoration: underline;
}
.architectinfo {
text-transform: lowercase;
}
.architectinfo a:after {
content: "jump out";
}
.dnAcfPARProduct .et_pb_code_inner {
display: grid;
margin: var(--gap);
gap: var(--gap);
grid-template-columns: var(--gridTemplateColumns);
}
.et-db #et-boc .dnAcfRepeaterArtInfo,
body .dnAcfRepeaterArtInfo {
color: var(--white);
}
.gill-section-timeline-header {
background: var(--lightestGrey);
}
.gill-section-timeline-header .et_pb_column {
display: flex;
justify-content: center;
}
@media screen and (max-width: 1169px) {
.gill-section-timeline-header .et_pb_column {
justify-content: flex-start;
}
}
.gill-section-timeline-header .et_pb_module.et_pb_text {
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.gill-section-timeline-header .et_pb_module.et_pb_text .et_pb_text_inner h1 {
font-size: var(--fontSizeBiggest) !important;
font-weight: bold;
}
@media screen and (max-width: 1169px) {
.gill-section-timeline-header .et_pb_module.et_pb_text {
-webkit-transform: translate3d(6vw, 6vw, 0);
transform: translate3d(6vw, 6vw, 0);
}
}
.gill-section-timeline-header + *.et_pb_section {
background: var(--lightestGrey);
}
.et-boc .dnxte-timeline-wrapper {
width: initial;
max-width: initial;
background: var(--lightestGrey);
}
#dnxte-timline {
margin: 0 15vw;
}
#dnxte-timline:before {
background: var(--maroon);
}
#dnxte-timline .dnxte-timline-img.dnxte-timeline-pic {
background: var(--maroon);
}
@media screen and (max-width: 1169px) {
#dnxte-timline .dnxte-timline-img.dnxte-timeline-pic {
display: none;
}
}
#dnxte-timline .dnxte-timline-content {
-webkit-transform: translateY(-0.5em);
transform: translateY(-0.5em);
background: #fff;
padding: 0;
}
@media screen and (max-width: 1169px) {
#dnxte-timline .dnxte-timline-content {
margin-top: 4em;
}
}
@media screen and (max-width: 580px) {
#dnxte-timline .dnxte-timline-content {
margin: 0;
margin-top: 4em;
}
#dnxte-timline .dnxte-timline-content:before {
display: none;
}
}
#dnxte-timline h2.dnxte-timline-heading {
width: 30%;
background: var(--maroon);
color: #fff;
border-radius: 50%;
height: 2.8em;
width: 2.8em;
display: flex;
place-content: center center;
align-items: center;
line-height: 4em;
padding: 0;
-webkit-transform: translateY(-1.4em);
transform: translateY(-1.4em);
border: 0.3em solid #fff;
left: 50%;
position: absolute;
margin-left: -1.4em;
text-shadow: -4px 4px 0 var(--maroon), 4px 4px 0 var(--maroon), 4px -4px 0 var(--maroon), -4px -4px 0 var(--maroon);
text-shadow: var(--maroon) 3px 0px 0px, var(--maroon) 2.83487px 0.981584px 0px, var(--maroon) 2.35766px 1.85511px 0px, var(--maroon) 1.62091px 2.52441px 0px, var(--maroon) 0.705713px 2.91581px 0px, var(--maroon) -0.287171px 2.98622px 0px, var(--maroon) -1.24844px 2.72789px 0px, var(--maroon) -2.07227px 2.16926px 0px, var(--maroon) -2.66798px 1.37182px 0px, var(--maroon) -2.96998px 0.42336px 0px, var(--maroon) -2.94502px -0.571704px 0px, var(--maroon) -2.59586px -1.50383px 0px, var(--maroon) -1.96093px -2.27041px 0px, var(--maroon) -1.11013px -2.78704px 0px, var(--maroon) -0.137119px -2.99686px 0px, var(--maroon) 0.850987px -2.87677px 0px, var(--maroon) 1.74541px -2.43999px 0px, var(--maroon) 2.44769px -1.73459px 0px, var(--maroon) 2.88051px -0.838247px 0px;
font-size: 2em;
font-family: montserrat, futura, raleway, lucida, monsal, sans-serif;
}
#dnxte-timline .dnxte-timline-pra {
padding: 2em 2em 0 2em;
}
#dnxte-timline .dnxte-timline-date {
display: none;
}
#dnxte-timline2 .dnxte-timline-img.dnxte-timeline-pic {
background: var(--maroon);
}
@media screen and (max-width: 768px) {
#dnxte-timline2 .dnxte-timline-img.dnxte-timeline-pic {
display: none;
}
}
#dnxte-timline2 .dnxte-timline-content {
margin-bottom: 4em;
}
#dnxte-timline2 h2.dnxte-timline-heading {
width: 30%;
background: var(--maroon);
color: #fff;
border-radius: 50%;
height: 2.8em;
width: 2.8em;
display: flex;
place-content: center center;
align-items: center;
line-height: 4em;
padding: 0;
-webkit-transform: translateY(-1.4em);
transform: translateY(-1.4em);
border: 0.3em solid #fff;
left: 50%;
position: absolute;
margin-left: -1.4em;
text-shadow: -4px 4px 0 var(--maroon), 4px 4px 0 var(--maroon), 4px -4px 0 var(--maroon), -4px -4px 0 var(--maroon);
font-size: 2em;
font-family: montserrat, futura, raleway, lucida, monsal, sans-serif;
}
#dnxte-timline2 .dnxte-timline-pra {
padding: 3em 3em;
}
#dnxte-timline2 .dnxte-timline-pra p:first-child, #dnxte-timline2 .dnxte-timline-pra p:last-child {
display: none !important;
}
#dnxte-timline2 .dnxte-timline-block:after {
display: none;
}
#dnxte-timline2 .dnxte-timline-content {
background: #fff;
padding: 0;
}
#dnxte-timline2 .dnxte-timline-date {
display: none;
}
.gill-section-head {
--headlinebox-columns: 2 / 5;
--text-align: right;
--margin-left-correction: auto;
padding: 0;
z-index: -1;
grid-template-rows: minmax(30vw, 66vh) auto;
}
.gill-section-head [data-shortcode-id],
.gill-section-head .mce-content-body {
display: contents;
}
@media screen and (max-width: 1624px) {
.gill-section-head {
--headlinebox-columns: 2 / 6;
}
}
@media screen and (max-width: 980px) {
.gill-section-head {
--headlinebox-columns: 3 / 7;
}
}
@media all and (max-width: 767px) {
.gill-section-head {
--headlinebox-columns: 2 / 6;
}
}
@media all and (max-width: 580px) {
.gill-section-head {
--headlinebox-columns: 2 / span 12;
--text-align: left;
--margin-left-correction: initial;
--column-gap-manual: 4vw;
}
}
@media only screen and (min-width: 2100px) {
.gill-section-head.et_pb_section {
padding: 0px 0px 0px 0px !important;
}
}
.gill-section-head.columns-3, .gill-section-head.cols-3 {
--headlinebox-columns: 4 / 7;
}
@media screen and (max-width: 1624px) {
.gill-section-head.columns-3, .gill-section-head.cols-3 {
--headlinebox-columns: 2 / 6;
}
}
@media screen and (max-width: 980px) {
.gill-section-head.columns-3, .gill-section-head.cols-3 {
--headlinebox-columns: 3 / 7;
}
}
@media all and (max-width: 767px) {
.gill-section-head.columns-3, .gill-section-head.cols-3 {
--headlinebox-columns: 2 / 6;
}
}
@media all and (max-width: 580px) {
.gill-section-head.columns-3, .gill-section-head.cols-3 {
--headlinebox-columns: 2 / span 12;
}
}
@media all and (max-width: 580px) {
.gill-section-head {
--headlinebox-columns: 3 / span 10;
}
}
.gill-section-head .et_pb_module.et_pb_image {
grid-column: 1/15;
grid-row: 1;
overflow: hidden;
display: block;
margin: 0;
}
.gill-section-head .et_pb_module.et_pb_image .et_pb_image_wrap {
width: 100%;
height: 100%;
inset: 0;
}
.gill-section-head .et_pb_module.et_pb_image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.gill-section-head * {
text-align: var(--text-align);
}
.gill-section-head .et_pb_module.et_pb_text {
grid-row: 1/2;
grid-column: var(--headlinebox-columns);
z-index: 3;
align-self: end;
margin: 0;
background: #fff;
border-top: 0.2em solid #fff;
-webkit-filter: drop-shadow(var(--column-gap-manual) 0 0 #fff) drop-shadow(calc(var(--column-gap-manual) * -1) 0 0 #fff);
filter: drop-shadow(var(--column-gap-manual) 0 0 #fff) drop-shadow(calc(var(--column-gap-manual) * -1) 0 0 #fff);
}
:not(.et-fb) .gill-section-head .et_pb_module.et_pb_text:nth-child(3), .gill-section-head .et_pb_module.et_pb_text:nth-of-type(3) {
grid-row: 2/3;
z-index: 2;
}
.gill-section-head h1 {
-webkit-transform: translateY(0.5em);
transform: translateY(0.5em);
padding: 0;
max-width: 22ch;
margin-left: var(--margin-left-correction);
}
.gill-section-head p {
-webkit-transform: translateY(0.2em);
transform: translateY(0.2em);
max-width: 22ch;
margin-left: var(--margin-left-correction);
}
.gill-section-text {
--headlinebox-columns: 2 / 5;
--textbox-columns: span 9;
--textbox-column-count: 3;
--column-gap: 2%;
--text-align: right;
--margin-left-correction: auto; }
.gill-section-text [data-shortcode-id],
.gill-section-text .mce-content-body {
display: contents;
}
@media screen and (max-width: 1624px) {
.gill-section-text {
--headlinebox-columns: 2 / 6;
--textbox-columns: span 8;
--textbox-column-count: 2;
}
}
@media screen and (max-width: 980px) {
.gill-section-text {
--headlinebox-columns: 3 / 7;
--textbox-columns: span 6;
--textbox-column-count: 1;
}
}
@media all and (max-width: 767px) {
.gill-section-text {
--headlinebox-columns: 2 / 6;
--textbox-columns: span 8;
}
}
@media all and (max-width: 580px) {
.gill-section-text {
--headlinebox-columns: 2 / span 12;
--textbox-columns: 2 / span 12;
--text-align: left;
--margin-left-correction: initial;
}
}
.gill-section-text.columns-3, .gill-section-text.cols-3 {
--headlinebox-columns: 4 / 7;
--textbox-columns: span 6;
--textbox-column-count: 2;
--column-gap: 2%;
}
@media screen and (max-width: 1624px) {
.gill-section-text.columns-3, .gill-section-text.cols-3 {
--headlinebox-columns: 3 / 6;
--textbox-columns: span 8;
--textbox-column-count: 2;
}
}
@media screen and (max-width: 980px) {
.gill-section-text.columns-3, .gill-section-text.cols-3 {
--headlinebox-columns: 3 / 7;
--textbox-columns: span 6;
--textbox-column-count: 1;
}
}
@media all and (max-width: 767px) {
.gill-section-text.columns-3, .gill-section-text.cols-3 {
--headlinebox-columns: 2 / 6;
--textbox-columns: span 8;
}
}
@media all and (max-width: 580px) {
.gill-section-text.columns-3, .gill-section-text.cols-3 {
--headlinebox-columns: 2 / span 12;
--textbox-columns: 2 / span 12;
--text-align: left;
--margin-left-correction: initial;
}
}
.gill-section-text.columns-2, .gill-section-text.cols-2 {
--headlinebox-columns: 4 / 8;
--textbox-columns: span 5;
--textbox-column-count: 1;
--column-gap: 2%;
}
@media screen and (max-width: 1624px) {
.gill-section-text.columns-2, .gill-section-text.cols-2 {
--headlinebox-columns: 4 / 8;
--textbox-columns: span 5;
}
}
@media screen and (max-width: 980px) {
.gill-section-text.columns-2, .gill-section-text.cols-2 {
--headlinebox-columns: 3 / 7;
--textbox-columns: span 6;
--textbox-column-count: 1;
}
}
@media all and (max-width: 767px) {
.gill-section-text.columns-2, .gill-section-text.cols-2 {
--headlinebox-columns: 2 / 6;
--textbox-columns: span 8;
}
}
@media all and (max-width: 580px) {
.gill-section-text.columns-2, .gill-section-text.cols-2 {
--headlinebox-columns: 2 / span 12;
--textbox-columns: 2 / span 12;
--text-align: left;
--margin-left-correction: initial;
}
}
.gill-section-text .et_pb_module.et_pb_text {
margin: 0;
text-align: left;
}
.gill-section-text .et_pb_module.et_pb_text:first-child, .gill-section-text .et_pb_module.et_pb_text.headline-wrapper {
grid-column: var(--headlinebox-columns);
text-align: var(--text-align);
margin-left: var(--margin-left-correction);
padding-bottom: 2em;
max-width: 22ch;
}
.gill-section-text .et_pb_module.et_pb_text:nth-child(2), .gill-section-text .et_pb_module.et_pb_text.paragraph-wrapper {
grid-column: var(--textbox-columns);
}
.gill-section-text .et_pb_module.et_pb_text:nth-child(2) p, .gill-section-text .et_pb_module.et_pb_text.paragraph-wrapper p {
max-width: 34ch;
}
.gill-section-text .et_pb_module.et_pb_text:nth-child(2) .et_pb_text_inner, .gill-section-text .et_pb_module.et_pb_text.paragraph-wrapper .et_pb_text_inner {
-webkit-column-count: var(--textbox-column-count);
-moz-column-count: var(--textbox-column-count);
column-count: var(--textbox-column-count);
-webkit-column-gap: var(--column-gap);
-moz-column-gap: var(--column-gap);
column-gap: var(--column-gap);
}
.gill-section-text .et_pb_button_module_wrapper {
grid-column: 2/14;
}
.gill-section-toc [data-shortcode-id],
.gill-section-toc .mce-content-body {
display: contents;
}
:not(.et-fb) .gill-section-toc .et_pb_module:first-child, .gill-section-toc .et_pb_module.toc-headline-wrapper {
grid-column: 2/6;
}
.gill-section-toc .et_pb_module li {
grid-column: span 2;
}
:not(.et-fb) .gill-section-toc .et_pb_module li:nth-child(4n+1), .gill-section-toc .et_pb_module li:nth-of-type(4n + 1) {
grid-column: 6/span 2;
}
@media screen and (max-width: 980px) {
:not(.et-fb) .gill-section-toc .et_pb_module:first-child, .gill-section-toc .et_pb_module.toc-headline-wrapper {
grid-column: 2/5;
}
.gill-section-toc .et_pb_module li {
grid-column: span 3;
}
:not(.et-fb) .gill-section-toc .et_pb_module li:nth-child(4n+1), .gill-section-toc .et_pb_module li:nth-of-type(4n + 1) {
grid-column: span 3;
}
:not(.et-fb) .gill-section-toc .et_pb_module li:nth-child(3n+1), .gill-section-toc .et_pb_module li:nth-of-type(3n + 1) {
grid-column: 5/span 3;
}
}
@media screen and (max-width: 580px) {
:not(.et-fb) .gill-section-toc .et_pb_module:first-child, .gill-section-toc .et_pb_module.toc-headline-wrapper {
grid-column: 2/14;
}
.gill-section-toc .et_pb_module li, :not(.et-fb) .gill-section-toc .et_pb_module li:nth-child(4n+1), .gill-section-toc .et_pb_module li:nth-of-type(4n + 1) {
grid-column: span 4;
}
:not(.et-fb) .gill-section-toc .et_pb_module li:nth-child(3n+1), .gill-section-toc .et_pb_module li:nth-of-type(3n + 1) {
grid-column: 2/span 4;
}
}
:not(.et-fb) .gill-section-toc .et_pb_module:first-child, .gill-section-toc .et_pb_module.toc-headline-wrapper {
display: flex;
justify-content: flex-end;
margin: 0;
}
:not(.et-fb) .gill-section-toc .et_pb_module:first-child .et_pb_text_inner, .gill-section-toc .et_pb_module.toc-headline-wrapper .et_pb_text_inner {
height: 100%;
display: flex;
align-self: center;
justify-self: flex-end;
align-items: flex-end;
margin: left;
}
:not(.et-fb) .gill-section-toc .et_pb_module:first-child .et_pb_text_inner,
:not(.et-fb) .gill-section-toc .et_pb_module:first-child .et_pb_text_inner *, .gill-section-toc .et_pb_module.toc-headline-wrapper .et_pb_text_inner,
.gill-section-toc .et_pb_module.toc-headline-wrapper .et_pb_text_inner * {
font-size: var(--fontSizeBiggest) !important;
font-weight: 900;
line-height: 1em !important;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul {
display: contents;
counter-reset: list-item;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type li,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner li,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol li,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul li {
position: relative;
counter-increment: list-item;
flex-direction: column;
display: flex;
justify-content: space-between;
position: relative;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type li:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner li:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol li:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul li:before {
content: counter(list-item);
pointer-events: none;
line-height: 1em;
font-size: var(--fontSizeHuge);
padding-top: 0.1em;
color: var(--maroon);
font-weight: 900;
z-index: 2;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type li:hover:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner li:hover:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol li:hover:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul li:hover:before {
color: #000;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type li a,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner li a,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol li a,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul li a {
text-decoration: none;
color: black;
z-index: 1;
padding-bottom: 0.75em;
border-bottom: 0.75em var(--maroon) solid;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type li a:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner li a:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol li a:before,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul li a:before {
content: "";
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type li a:hover,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type .et_pb_text_inner li a:hover,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ol li a:hover,
:not(.et-fb) .gill-section-toc .et_pb_module:last-of-type ul li a:hover {
border-bottom-color: #000;
}
.gill-module-imageblock {
grid-gap: var(--colGapWidthVW); }
.gill-module-imageblock a {
overflow: hidden;
width: 100%;
height: 100%;
display: block;
}
.gill-module-imageblock a img {
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.gill-module-imageblock a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gill-module-imageblock img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.gill-module-imageblock > div {
grid-column: 2/span 12;
order: var(--order);
}
@media screen and (min-width: 580px) and (max-width: 980px) {
.gill-module-imageblock > div {
grid-column: span 6;
}
.gill-module-imageblock > div:nth-child(2n+1) {
grid-column: content-start/span 6;
}
}
@media screen and (min-width: 981px) {
.gill-module-imageblock > div {
grid-column: span 4;
}
.gill-module-imageblock > div:nth-child(3n+1) {
grid-column: content-start/span 4;
}
}
.gill-module-imageblock.portrait-plus-4 {
grid-template-rows: 1fr 1fr;
}
.gill-module-imageblock.portrait-plus-4 > div:first-child {
grid-column: 2/span 4;
grid-row: span 2;
}
@media screen and (min-width: 981px) {
.gill-module-imageblock.portrait-plus-4 > div {
grid-column: span 4;
}
.gill-module-imageblock.portrait-plus-4 > div:nth-child(3n+6) {
grid-column: content-start/span 4;
}
}
.gill-module-imageblock.ar-4-3 img {
aspect-ratio: 4/3;
}
.gill-module-imageblock.ar-3-2 img {
aspect-ratio: 3/2;
}
.gill-module-imageblock.ar-2-3 img {
aspect-ratio: 2/3;
}
.gill-module-imageblock.ar-3-4 img {
aspect-ratio: 3/4;
}
.gill-module-imageblock.ar-16-9 img {
aspect-ratio: 16/9;
}
.gill-section-imageblock .et_pb_button_module_wrapper {
grid-column: -6/-2;
order: 100;
align-self: end;
}
@media screen and (max-width: 980px) {
.gill-section-imageblock .et_pb_button_module_wrapper {
grid-column: 2/14;
}
}
.gill-section-imageblock .et_pb_module.et_pb_image {
margin: 0 !important;
grid-column: span 4;
}
.gill-section-imageblock .et_pb_module.et_pb_image .et_pb_image_wrap {
width: 100%;
}
.gill-section-imageblock .et_pb_module.et_pb_image .et_pb_image_wrap img {
width: 100%;
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 981px) {
.gill-section-imageblock .et_pb_module.et_pb_image:nth-child(3n+1) {
grid-column: 2/span 4;
}
}
@media screen and (max-width: 980px) {
.gill-section-imageblock .et_pb_module.et_pb_image {
grid-column: span 6;
}
.gill-section-imageblock .et_pb_module.et_pb_image:nth-child(2n+1) {
grid-column: 2/span 6;
}
}
@media screen and (max-width: 580px) {
.gill-section-imageblock .et_pb_module.et_pb_image, .gill-section-imageblock .et_pb_module.et_pb_image:nth-child(2n+1) {
grid-column: 2/span 12;
}
}
.gill-section-imageblock.portrait-plus-4 {
grid-template-rows: 1fr 1fr;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image {
grid-column: span 4;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image:first-child {
grid-column: 2/span 4;
grid-row: span 2;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image .et_pb_image_wrap {
width: 100%;
height: 100%;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image .et_pb_image_wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 980px) {
.gill-section-imageblock.portrait-plus-4 {
grid-template-rows: repeat 3, 1fr;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image {
grid-column: span 6;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image:first-child {
grid-column: 2/span 6;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image:nth-child(4) {
grid-column: 2/span 6;
}
}
@media all and (max-width: 580px) {
.gill-section-imageblock.portrait-plus-4 {
grid-template-rows: repeat 5, 1fr;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image {
grid-column: 2/span 12 !important;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image .et_pb_image_wrap {
aspect-ratio: 3/2;
}
.gill-section-imageblock.portrait-plus-4 .et_pb_module.et_pb_image:first-child {
grid-column: 2/span 12 !important;
order: 1;
}
}
.gill-section-imageblock.try {
--grid-template-rows: 1fr 1fr;
--image-wrap-height: 100%;
--image-width: span 4;
--first-image-width: 2 / span 4;
grid-template-rows: var(--grid-template-rows);
}
@media screen and (max-width: 980px) {
.gill-section-imageblock.try {
--grid-template-rows: repeat (3, 1fr);
--image-width: span 6;
--first-image-width: 2 / span 6;
}
}
@media all and (max-width: 580px) {
.gill-section-imageblock.try {
--grid-template-rows: repeat (5, 1fr);
--image-wrap-height: 66vw;
--image-width: 2 / span 12;
}
}
.gill-section-imageblock.try .et_pb_module.et_pb_image {
margin: 0 !important;
grid-column: var(--image-width);
}
.gill-section-imageblock.try .et_pb_module.et_pb_image .et_pb_image_wrap {
width: 100%;
height: var(--image-wrap-height);
}
.gill-section-imageblock.try .et_pb_module.et_pb_image .et_pb_image_wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.gill-section-imageblock.try .et_pb_module.et_pb_image:first-child {
grid-row: span 2;
}
@media screen and (max-width: 980px) {
.gill-section-imageblock.try .et_pb_module.et_pb_image:nth-child(4) {
grid-column: 2/span 6;
}
}
@media all and (max-width: 580px) {
.gill-section-imageblock.try .et_pb_module.et_pb_image:first-child {
order: 5;
}
}
.gill-section-teaser-all-products {
grid-template-areas: " . .     .     .     .      .     kltex kltex kltex  kltex kltex .     .     .  " " . .     .     stimg stimg  stimg stimg stimg stimg  stimg stimg stimg .     .  " " . .     .     .     .      .     scimg scimg scimg  spimg spimg spimg .     .  " " . .     .     rtext rtext  rtext sctex sctex sctex  sptex sptex sptex .     .  " " . btn     btn     btn btn  btn btn btn btn  btn btn btn btn     .  ";
}
@media screen and (max-width: 1624px) {
.gill-section-teaser-all-products {
grid-template-areas: " . .     .     .     kltex  kltex kltex kltex kltex  kltex kltex .     .     .  " " . stimg stimg stimg stimg  stimg stimg stimg stimg  stimg stimg stimg stimg .  " " . .     .     .     .      scimg scimg scimg scimg  spimg spimg spimg spimg .  " " . rtext rtext rtext rtext  sctex sctex sctex sctex  sptex sptex sptex sptex .  " " . btn   btn   btn   btn    btn   btn   btn   btn    btn   btn   btn   btn   .  ";
}
}
@media screen and (max-width: 980px) {
.gill-section-teaser-all-products {
grid-template-areas: " . .     .     .     kltex  kltex kltex kltex kltex  kltex kltex .     .     .  " " . stimg stimg stimg stimg  stimg stimg stimg stimg  stimg stimg stimg stimg .  " " . .     .     .     rtext  rtext rtext rtext rtext  rtext rtext .     .     .  " " . .     scimg scimg scimg  scimg scimg .     spimg  spimg spimg spimg spimg .  " " . sctex sctex sctex sctex  sctex sctex sptex sptex  sptex sptex sptex sptex .  " " . btn   btn   btn   btn    btn   btn   btn   btn    btn   btn   btn   btn   .  ";
}
}
@media screen and (max-width: 767px) {
.gill-section-teaser-all-products {
grid-template-areas: " . kltex kltex kltex kltex  kltex kltex kltex kltex  kltex kltex kltex kltex .  " " . stimg stimg stimg stimg  stimg stimg stimg stimg  stimg stimg stimg stimg .  " " . rtext rtext rtext rtext  rtext rtext rtext rtext  rtext rtext rtext rtext .  " " . .     .     scimg scimg  scimg scimg scimg scimg  scimg scimg .     .     .  " " . .     .     sctex sctex  sctex sctex sctex sctex  sctex sctex .     .     .  " " . .     .     spimg spimg  spimg spimg spimg spimg  spimg spimg .     .     .  " " . .     .     sptex sptex  sptex sptex sptex sptex  sptex sptex .     .     .  " " . btn   btn   btn   btn    btn   btn   btn   btn    btn   btn   btn   btn   .  ";
}
}
@media screen and (max-width: 580px) {
.gill-section-teaser-all-products {
grid-template-areas: " . kltex kltex kltex kltex  kltex kltex kltex kltex  kltex kltex kltex kltex .  " " . stimg stimg stimg stimg  stimg stimg stimg stimg  stimg stimg stimg stimg .  " " . rtext rtext rtext rtext  rtext rtext rtext rtext  rtext rtext rtext rtext .  " " . .     .     scimg scimg  scimg scimg scimg scimg  scimg scimg .     .     .  " " . sctex sctex sctex sctex  sctex sctex sctex sctex  sctex sctex sctex sctex .  " " . .     .     spimg spimg  spimg spimg spimg spimg  spimg spimg .     .     .  " " . sptex sptex sptex sptex  sptex sptex sptex sptex  sptex sptex sptex sptex .  " " . btn   btn   btn   btn    btn   btn   btn   btn    btn   btn   btn   btn   .  ";
}
}
.gill-section-teaser-all-products .et_pb_text_inner a {
font-weight: bold;
}
.gill-section-teaser-all-products .klinker-text {
grid-area: kltex;
}
.gill-section-teaser-all-products .steinreihe-image {
grid-area: stimg;
}
.gill-section-teaser-all-products .klinkerriemchen-text {
grid-area: rtext;
text-align: right;
}
@media screen and (max-width: 980px) {
.gill-section-teaser-all-products .klinkerriemchen-text {
text-align: left;
}
}
.gill-section-teaser-all-products .schnittriemchen-image,
.gill-section-teaser-all-products .schnittriemchen-imge {
grid-area: scimg;
}
.gill-section-teaser-all-products .schnittriemchen-text {
grid-area: sctex;
}
.gill-section-teaser-all-products .spaltriemchen-image {
grid-area: spimg;
}
.gill-section-teaser-all-products .spaltriemchen-text {
grid-area: sptex;
}
.gill-section-teaser-all-products .et_pb_button_module_wrapper {
grid-area: btn;
}
.gill-section-products-teaser-2 {
grid-template-areas: " . klinker klinker klinker klinker klinker klinker  klinker klinker klinker klinker klinker klinker .  ", " . klinker klinker klinker klinker klinker klinker  klinker klinker klinker klinker klinker klinker .  ";
}
.gill-section-products-teaser-2 .klinker-text {
grid-column: 2/5;
grid-row: 1/2;
text-align: right;
}
.gill-section-products-teaser-2 .steinreihe-image {
grid-column: 5/14;
grid-row: 1/2;
}
.gill-section-products-teaser-2 .klinkerriemchen-text {
grid-column: 2/5;
grid-row: 3/4;
text-align: right;
}
.gill-section-products-teaser-2 .schnittriemchen-image,
.gill-section-products-teaser-2 .schnittriemchen-imge {
grid-column: 11/14;
grid-row: 3/4;
}
.gill-section-products-teaser-2 .schnittriemchen-text {
grid-column: 11/14;
grid-row: 4/5;
}
.gill-section-products-teaser-2 .spaltriemchen-image {
grid-column: 8/11;
grid-row: 3/4;
}
.gill-section-products-teaser-2 .spaltriemchen-text {
grid-column: 8/11;
grid-row: 4/5;
}
.gill-section-products-teaser-2 .et_pb_button_module_wrapper {
display: contents;
}
.gill-section-products-teaser-2 .productoverview {
grid-column: 2/14;
grid-row: 5/6;
}
.et_pb_button_module_wrapper a.et_pb_bg_layout_light, .et_pb_button_module_wrapper a.et_pb_bg_layout_light:hover, .et_pb_button_module_wrapper a.et_pb_bg_layout_light:focus {
font-size: inherit;
border: none;
padding: 0;
color: var(--linkcolor);
color: #000;
display: block;
text-align: right;
background: none;
}
.et_pb_button_module_wrapper a.et_pb_bg_layout_light:after, .et_pb_button_module_wrapper a.et_pb_bg_layout_light:hover:after, .et_pb_button_module_wrapper a.et_pb_bg_layout_light:focus:after {
display: none;
}
.et_pb_button_module_wrapper a.et_pb_bg_layout_light:hover {
color: var(--maroon);
}
.gill-scroll-fun-wrapper {
--half: 50%;
--height: 100vh;
--halfViewport: 50vh;
--posSticky: sticky;
--flexDir: row;
display: flex;
}
.gill-scroll-fun-wrapper > * {
flex: 0 0 var(--half);
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger section {
min-height: var(--height);
display: flex;
align-items: center;
}
.gill-scroll-fun-wrapper .gill-scroll-fun-images-wrapper {
position: var(--posSticky);
top: 0;
right: 0;
height: var(--height);
}
.gill-scroll-fun-wrapper .gill-scroll-fun-images-wrapper .gill-scroll-fun-images img {
top: 0;
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
} @media (orientation: portrait) {
.gill-scroll-fun-wrapper {
--posSticky: fixed;
--halfViewport: 50vh;
--flexDir: column;
flex-direction: var(--flexDir);
height: auto;
padding-top: var(--halfViewport);
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger {
overflow-y: scroll;
height: var(--half);
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger section {
min-height: var(--halfViewport);
}
.gill-scroll-fun-wrapper .gill-scroll-fun-images-wrapper {
position: var(--posSticky);
order: -1;
height: var(--halfViewport);
width: 100%;
overflow: hidden;
}
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info {
flex: 0 0 100%;
padding: 20vh 0;
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info h2,
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info h3 {
-webkit-transform-origin: right;
transform-origin: right;
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info div.centeredBox {
display: grid;
width: 100%;
grid-template-columns: repeat(6, var(--colWidthVW));
grid-template-rows: -webkit-min-content 1fr;
grid-template-rows: min-content 1fr;
grid-gap: var(--colGapWidthVW);
font-size: var(--fontSize);
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info h2,
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info h3 {
text-align: right;
grid-column: 2/4;
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info h3 {
grid-row: 2/3;
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info div.wysiwyg {
grid-column: 4/7;
grid-row: 1/3;
}
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info + .gill-scroll-fun-info {
margin-top: 50vh;
}
@media (orientation: portrait) {
.gill-scroll-fun-wrapper .gill-scroll-fun-scrolltrigger .gill-scroll-fun-info div.centeredBox {
grid-template-columns: repeat(6, calc(var(--colWidthVW) * 2));
}
}
section.gill-scroll-fun {
display: none;
}
.gill-fullscreen-scroller-wrapper {
--half: 50%;
--height: 100vh;
--halfViewport: 50vh;
--posSticky: sticky;
--flexDir: row;
display: flex;
}
.gill-fullscreen-scroller-wrapper > * {
flex: 0 0 var(--half);
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger section {
min-height: var(--height);
display: flex;
align-items: center;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-images-wrapper {
position: var(--posSticky);
top: 0;
right: 0;
height: var(--height);
overflow: hidden;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-images-wrapper .gill-fullscreen-scroller-images img {
top: 0;
position: absolute;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
} @media (orientation: portrait) and (max-width: 980px) {
.gill-fullscreen-scroller-wrapper {
--posSticky: fixed;
--halfViewport: 50vh;
--flexDir: column;
flex-direction: var(--flexDir);
height: auto;
padding-top: var(--halfViewport);
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger {
overflow-y: scroll;
height: var(--half);
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger section {
min-height: var(--halfViewport);
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info div.centeredBox {
grid-template-columns: 1fr [content-start] repeat(12, 1fr) [content-end] 1fr;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-images-wrapper {
position: var(--posSticky);
order: -1;
height: var(--halfViewport);
width: 100%;
}
.gill-fullscreen-scroller-wrapper .bigUnderline {
margin-left: auto;
}
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info {
flex: 0 0 100%;
padding: 20vh 0;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h2,
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h3 {
-webkit-transform-origin: right;
transform-origin: right;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info div.centeredBox {
display: grid;
width: 100%;
grid-template-rows: -webkit-min-content 1fr;
grid-template-rows: min-content 1fr;
grid-gap: var(--colGapWidthVW);
font-size: var(--fontSize);
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h2,
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h3 {
text-align: right;
grid-column: 2/7;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h3 {
grid-row: 2/3;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info div.wysiwyg {
grid-column: 7/13;
grid-row: 1/3;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info + .gill-fullscreen-scroller-info {
margin-top: 50vh;
}
@media (orientation: landscape) and (min-width: 98px) {
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info div.centeredBox {
grid-template-columns: auto 20vw 20vw auto;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h2,
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info h3 {
grid-column: 2/3;
}
.gill-fullscreen-scroller-wrapper .gill-fullscreen-scroller-scrolltrigger .gill-fullscreen-scroller-info div.wysiwyg {
grid-column: 3/4;
}
}
section.gill-fullscreen-scroller {
display: none;
}
.wpcf7 {
width: 100%;
background: var(--lightGrey);
padding: var(--spacer) 0;
}
.wpcf7 form.wpcf7-form {
grid-column: 2/13;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: var(--colGapWidthVW);
}
.wpcf7 form.wpcf7-form label {
-webkit-column-span: 2;
-moz-column-span: 2;
column-span: 2;
overflow: hidden;
}
.wpcf7 form.wpcf7-form p {
display: contents;
}
.wpcf7 form.wpcf7-form textarea {
resize: none;
}
.et-db #et-boc section.eightNewInstagram .gillGrid__inner,
.et-db #et-boc section.newInstagram .gillGrid__inner,
body section.eightNewInstagram .gillGrid__inner,
body section.newInstagram .gillGrid__inner {
grid-column: 6/10;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-column-gap: var(--gap);
line-height: calc(var(--lineHeightFactor) * 1em);
}
.et-db #et-boc section.eightNewInstagram .gillGrid__inner > *,
.et-db #et-boc section.newInstagram .gillGrid__inner > *,
body section.eightNewInstagram .gillGrid__inner > *,
body section.newInstagram .gillGrid__inner > * {
margin-bottom: var(--gapY);
}
.et-db #et-boc gillrath-instagram-slider,
body gillrath-instagram-slider {
max-width: 500px !important;
font-size: var(--fontSizeSmall);
}
.et-db #et-boc gillrath-instagram-slider h1,
body gillrath-instagram-slider h1 {
font-size: var(--fontSizeSmall);
line-height: calc(var(--lineHeightFactor) * 1em);
line-height: 1.7em;
}
.et-db #et-boc gillrath-instagram-slider p,
.et-db #et-boc gillrath-instagram-slider ul,
.et-db #et-boc gillrath-instagram-slider a,
body gillrath-instagram-slider p,
body gillrath-instagram-slider ul,
body gillrath-instagram-slider a {
font-size: var(--fontSizeSmallest);
line-height: calc(var(--lineHeightFactor) * 1em);
}
.et-db #et-boc gillrath-instagram-slider details summary h1,
body gillrath-instagram-slider details summary h1 {
display: inline;
}
.et-db #et-boc gillrath-instagram-slider details time,
body gillrath-instagram-slider details time {
font-family: var(--jennyKursif);
}
.et-db #et-boc gillrath-instagram-slider details p,
body gillrath-instagram-slider details p {
text-transform: none;
}
.et-db #et-boc gillrath-instagram-slider details a,
body gillrath-instagram-slider details a {
display: none;
}
.et-db #et-boc gillrath-instagram-slider a.internal-link,
body gillrath-instagram-slider a.internal-link {
display: none;
}
.gillrath_get_clients_shortcode {
padding: var(--gapY) 0;
}
.gillrath_get_clients_shortcode .get_clients_swiper {
width: 100%;
height: 100%;
box-sizing: border-box;
position: relative;
}
.gillrath_get_clients_shortcode .get_clients_swiper .swiper-slide {
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.gillrath_get_clients_shortcode .get_clients_swiper img {
aspect-ratio: 3/2;
width: 100%;
height: auto;
}
.gillrath_get_clients_shortcode .get_clients_swiper .logo-for-slider {
border-bottom: 1px solid var(--maroon);
}
.gillrath_get_clients_shortcode .get_clients_swiper a {
position: relative;
z-index: 1;
}
.gillrath_get_clients_shortcode .get_clients_swiper a:after {
font-family: var(--jennyKursif);
content: "i";
display: flex;
justify-content: center;
align-items: center;
width: 1.4em;
height: 1.4em;
bottom: 0;
color: #fff;
background-color: var(--maroon) !important;
position: absolute;
border-radius: 100%;
-webkit-transform: translateY(0.75em);
transform: translateY(0.75em);
box-shadow: 0 0 0 0.75em #fff;
z-index: 2;
transition: box-shadow 0.3s ease;
}
.gillrath_get_clients_shortcode .get_clients_swiper a:hover:after, .gillrath_get_clients_shortcode .get_clients_swiper a:focus:after {
box-shadow: 0 0 0 1em #fff;
}
.gillrath_get_clients_shortcode .swiper-pagination-wrapper {
display: flex;
justify-content: center;
margin-top: calc(var(--gapY) * 0.5);
}
.gillrath_get_clients_shortcode .swiper-pagination > * {
margin: 0 0.5em;
}
.gillrath_get_clients_shortcode .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--maroon);
}
.archive-endless-scroll .newest-ten-posts li,
.archive-endless-scroll .alm-listing li {
list-style: none;
margin: 0 auto;
max-width: 25em;
padding: 0;
margin-top: var(--spacer);
}
.archive-endless-scroll .newest-ten-posts time,
.archive-endless-scroll .alm-listing time {
font-family: var(--jennyKursif);
}
.et-db #et-boc .alm-btn-wrap.alm-load-more-btn,
body .alm-btn-wrap.alm-load-more-btn {
background-color: var(--maroon);
}
#gill-references-and-products .gill-references-and-products-wrapper.bg-black .stoneformats {
display: none !important;
}