@charset "UTF-8";

@keyframes slide-right {
0% {
opacity: 0;
transform: translate3d(-2rem, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes slide-left {
0% {
opacity: 0;
transform: translate3d(2rem, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes header-appear {
0% {
transform: translate3d(0, -9rem, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
*,
*:after,
*:before {
margin: 0;
padding: 0;
box-sizing: inherit;
word-break: break-word;
word-wrap: break-word;
}
.clear {
clear: both;
*zoom: 1;
}
.clear:before {
content: "";
display: table;
}
.clear:after {
content: "";
display: table;
}
main {
overflow: hidden;
}
html {
font-family: "trade-gothic-next", sans-serif;
font-size: 62.5%;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
cursor: auto;
}
body {
font-size: 1.6rem;
line-height: 1.5;
color: #000000;
min-height: 100vh;
display: flex;
flex-flow: column nowrap;
overflow-x: hidden;
box-sizing: border-box;
font-weight: lighter;
}
body.admin-bar {
min-height: calc(100vh - 32px);
}
@media screen and (max-width: 782px) {
body.admin-bar {
min-height: calc(100vh - 46px);
}
}
body.noscroll {
overflow: hidden;
}
@media screen and (max-width: 1024px) {
body {
font-size: 14px;
}
}
.stop-scrolling {
overflow-y: hidden;
}
.container {
margin: 0 auto;
padding: 0 1em;
max-width: 1496px;
flex-grow: 1;
width: 100%;
}
.container.container--fluid {
max-width: 100%;
margin: 0;
}
.container.wide {
max-width: 1710px;
}
.container.wider {
max-width: 95%;
padding: 0;
}
@media only screen and (max-width: 1570px) {
.container {
max-width: 1400px;
}
.container.wide {
max-width: 1470px;
}
.container.wider {
max-width: calc(95% - 100px);
}
}
@media only screen and (max-width: 1440px) {
.container {
max-width: 1350px;
}
.container.wide {
max-width: 1340px;
}
.container.wider {
max-width: calc(95% - 150px);
}
}
@media only screen and (max-width: 1280px) {
.container {
max-width: 1150px;
}
.container.wide {
max-width: 1180px;
}
.container.wider {
max-width: calc(95% - 350px);
}
}
@media only screen and (max-width: 1140px) {
.container {
max-width: 966px;
}
.container.wide {
max-width: 1040px;
}
.container.wider {
max-width: calc(95% - 550px);
}
}
@media only screen and (max-width: 1024px) {
.container.wide {
max-width: 966px;
}
}
@media only screen and (max-width: 768px) {
.container {
max-width: 94%;
}
.container.wide {
max-width: 94%;
}
.container.wider {
max-width: 94%;
padding: 0 1em;
}
}
@media only screen and (max-width: 600px) {
.container {
padding: 0;
}
.container.wider {
padding: 0;
}
}
.overflow-hidden {
overflow: hidden;
}
.flex_row_wrapper {
display: flex;
justify-content: space-between;
}
.flex_column_wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "handel-gothic", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
font-weight: 700;
margin: 2.25rem 0 1.25rem 0;
line-height: 1.15;
color: #000000;
}
h1 {
font-size: 3em;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
h1 {
font-size: 36px;
}
}
h2 {
font-size: 2.25em;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
h2 {
font-size: 25px;
}
}
h3 {
font-size: 1.565em;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
h3 {
font-size: 20px;
}
}
h4 {
font-size: 1.25em;
}
@media screen and (max-width: 1024px) {
h4 {
font-size: 16px;
}
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
.altColor {
color: #ffe500;
}
p {
margin: 0 0 15px;
}
em {
font-style: italic;
}
blockquote {
font-style: italic;
margin: 0 0 1rem 2rem;
}
b,
strong {
font-weight: bold;
}
a:not(.button) {
color: #c91019;
transition: all 0.2s;
text-decoration: none;
}
a:not(.button):hover {
text-decoration: none;
color: #dc3326;
}
ul {
margin: 0 0 10px 20px;
}
ul li {
list-style: square;
padding: 0;
line-height: 28px;
}
ol {
margin: 0 0 10px 20px;
list-style: none;
counter-reset: li;
}
ol li {
counter-increment: li;
list-style: decimal;
padding: 0;
list-style: none;
line-height: 28px;
}
ol li:before {
content: counter(li) ".";
color: #c91019;
display: inline-block;
width: 1em;
margin-left: -1em;
font-weight: bold;
margin-right: 3px;
}
img {
opacity: 1;
transition: opacity 0.2s;
max-width: 100%;
height: auto;
}
img[data-src] {
opacity: 0;
}
img.alignleft {
float: left;
margin: 1rem 1rem 1rem 0;
}
img.alignright {
float: right;
margin: 1rem 0 1rem 1rem;
}
img.aligncenter {
display: block;
margin: 1rem auto;
}
pre,
code,
kbd {
font-family: "handel-gothic", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
kbd {
background-color: #111;
color: #eee;
padding: 0.2em 0.3em;
border-radius: 0.3em;
font-size: 1.6rem;
}
table {
border-collapse: collapse;
width: auto;
}
table th {
color: #c91019;
text-transform: uppercase;
padding: 5px 10px;
text-align: left;
}
table th strong {
white-space: nowrap;
}
table tbody tr td {
background-color: #f2f2f2;
padding: 5px 10px;
}
table tbody tr td * {
word-break: initial;
}
table tbody tr td svg {
color: #949494;
}
table tbody tr td.align_center {
text-align: center;
font-size: 2.5rem;
}
table tbody tr:nth-of-type(2n) td {
background-color: #fff;
}
.font-body {
font-family: "trade-gothic-next", sans-serif;
}
.meta-info {
width: 100%;
margin: 0 0 0.5rem;
}
.breadcrumb_container {
padding: 10px 0 8px;
border-bottom: 1px solid #c2c2c2;
}
.konfiguratorn .breadcrumb_container {
margin-bottom: 0;
border-bottom: none;
}
.breadcrumb_container a {
color: #c91019;
}
.breadcrumb_container a:hover {
color: #000000;
text-decoration: underline;
}
.breadcrumb_container > .container {
padding: 0;
}
.breadcrumb_container .delimiter {
margin: 0 5px;
}
@media only screen and (max-width: 600px) {
.breadcrumb_container {
padding: 15px 0 12px;
}
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
word-wrap: normal !important;
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
}
.item-grid {
display: grid;
}
.item-grid--350 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
}
.item-grid--175 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr));
}
.item-grid--135 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 135px), 1fr));
}
.item-grid--col-3 {
grid-template-columns: 1fr;
}
@media (min-width: 850px) {
.item-grid--col-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.item-grid--col-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.item-grid--gap-custom {
grid-gap: 0.5rem 4rem;
gap: 0.5rem 4rem;
}
.item-grid--gap-2 {
grid-gap: 2rem;
gap: 2rem;
}
.item-grid--gap-3 {
grid-gap: 3rem;
gap: 3rem;
}
.item-grid--gap-6 {
grid-gap: 6rem;
gap: 6rem;
}
.title {
margin: 0;
font-family: "handel-gothic", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}
.title--primary {
font-size: 4rem;
}
.title--secondary {
font-family: "trade-gothic-next", sans-serif;
color: #c91019;
font-size: 1.7rem;
}
.margin-0 {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top-small {
margin-top: 1.3rem;
}
.margin-top-medium {
margin-top: 2rem;
}
.margin-top-large {
margin-top: 3rem;
}
.margin-top-xlarge {
margin-top: 5rem;
}
.margin-bottom-large {
margin-bottom: 3rem;
}
.margin-bottom-xlarge {
margin-bottom: 5rem;
}
.padding-bottom-small {
padding-bottom: 1rem;
}
.overflow-container {
--overflow: 0;
margin-left: calc(var(--overflow) * -1);
width: calc(100% + calc(var(--overflow) * 2));
max-width: calc(100% + calc(var(--overflow) * 2));
}
@media (min-width: 850px) {
.overflow-container {
--overflow: 1.3rem;
}
}
@media (min-width: 1024px) {
.overflow-container {
--overflow: 2rem;
}
}
@media (min-width: 1440px) {
.overflow-container {
--overflow: 6.2rem;
}
}
@media (min-width: 1920px) {
.overflow-container {
--overflow: 22.8rem;
}
}
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
@media (min-width: 850px) {
.md\:flex-row {
flex-direction: row;
}
}
.flex-1 {
flex: 1 1 0%;
}
.gap-3 {
grid-gap: 3rem;
gap: 3rem;
}
.gap-0\.5 {
grid-gap: 0.5rem;
gap: 0.5rem;
}
.items-center {
align-items: center;
}
.items-start {
align-items: flex-start;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.w-1\/5 {
width: 20%;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.alignwide {
clear: both;
position: relative;
}
@media (min-width: 1496px) {
.alignwide {
left: calc(50% - 50vw + 4rem);
max-width: calc(100vw - 8rem);
width: calc(100vw - 8rem);
}
}
@media (min-width: 1280px) {
.alignwide {
left: calc(50% - 60rem);
max-width: 120rem;
width: 120rem;
}
}
.alignfull {
position: relative;
max-width: 100vw;
position: relative;
left: calc(50% - 50vw);
width: 100vw;
}
@media only screen and (max-width: 600px) {
.full-vw-mobile {
position: relative;
max-width: 100vw;
position: relative;
left: calc(50% - 50vw);
width: 100vw;
}
}
.wp-block-columns.wp-block-columns.wp-block-columns.wp-block-columns {
grid-gap: 2em;
gap: 2em;
grid-gap: var(--wp--style--block-gap, 2em);
gap: var(--wp--style--block-gap, 2em);
margin-bottom: 5rem;
}
.wp-block-columns.wp-block-columns.wp-block-columns.wp-block-columns .wp-block-column {
margin-left: 0;
}
.wp-block-embed {
position: relative;
overflow: hidden;
}
.wp-block-embed.wp-block-embed-youtube {
height: 0;
}
.wp-block-embed.wp-block-embed-youtube.wp-embed-aspect-16-9 {
padding-bottom: 56.25%;
}
.wp-block-embed.wp-block-embed-youtube.wp-embed-aspect-4-3 {
padding-bottom: 56.25%;
}
.wp-block-embed.wp-block-embed-youtube iframe {
width: 100%;
height: 100%;
}
.wp-block-embed .wp-block-embed__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed.alignright, .wp-block-embed.alignleft {
max-width: 100%;
width: 50%;
}
.wp-block-embed.alignright.wp-embed-aspect-16-9, .wp-block-embed.alignleft.wp-embed-aspect-16-9 {
padding-bottom: 28%;
}
.wp-block-embed.alignright.wp-embed-aspect-4-3, .wp-block-embed.alignleft.wp-embed-aspect-4-3 {
padding-bottom: 28%;
}
.wp-block-embed.aligncenter {
max-width: 100%;
width: auto;
}
.wp-block-embed.alignfull.wp-embed-aspect-16-9 {
padding-bottom: 65.25%;
}
.wp-block-embed.alignfull.wp-embed-aspect-4-3 {
padding-bottom: 65.25%;
}
.wp-block-image.alignwide, .wp-block-image.alignfull {
max-width: none;
}
.wp-block-file.wp-block-file.wp-block-file {
display: flex;
}
.wp-block-file.wp-block-file.wp-block-file .wp-block-file__button {
display: flex;
background-color: unset;
color: #000000;
font-size: 1.6rem;
margin-left: 1rem;
padding: 0 0.5rem;
border-radius: 0;
}
.wp-block-file.wp-block-file.wp-block-file .wp-block-file__button::before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxMiAxMCI+CiAgPHBhdGggZmlsbD0iI2M5MTAxOSIgZD0iTTExLjYgMEguNEMuMiAwIDAgLjIgMCAuNHYzLjFjMCAuMi4yLjQuNC40cy40LS4yLjQtLjRWLjhoMTAuNHYyLjdjMCAuMi4yLjQuNC40cy40LS4yLjQtLjRWLjRjMC0uMi0uMi0uNC0uNC0uNHpNNy43IDcgNi40IDguNlYzLjFjMC0uMi0uMi0uNC0uNC0uNHMtLjQuMi0uNC40djUuNUw0LjMgN2MtLjItLjEtLjQtLjEtLjYgMC0uMi4yLS4yLjQgMCAuNWwyIDIuM2MuMS4yLjIuMi4zLjIuMSAwIC4yIDAgLjMtLjFsMi0yLjNjLjItLjIuMi0uNCAwLS41LS4yLS4yLS40LS4yLS42LS4xeiIvPgo8L3N2Zz4K");
position: relative;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
}
.wp-block-file.wp-block-file.wp-block-file .wp-block-file__button:focus, .wp-block-file.wp-block-file.wp-block-file .wp-block-file__button:hover {
color: #c91019;
}
.alert {
animation-delay: 500ms;
animation-duration: 400ms;
animation-fill-mode: forwards;
animation-name: slide-right;
animation-timing-function: ease;
border-left: solid 0.5rem;
margin: 0 0 1em;
opacity: 0;
padding: 1rem;
text-align: left;
transition: all 200ms;
width: 100%;
}
.alert--success {
background-color: #ddeedd;
border-color: #4d984e;
color: #3c763d;
}
.alert--warning {
background-color: #fff7d7;
border-color: #ffdd57;
color: #614e00;
}
.alert--danger {
background-color: #f2dfde;
border-color: #c0605e;
color: #a94442;
}
.alert--info {
background-color: #e3eff5;
border-color: #3e8eb5;
color: #31708f;
}
.alert .svg-inline--fa {
width: 1.25em;
}
.success_message {
text-align: center;
max-width: 550px;
margin: 0 auto 40px;
}
.success_message h1.part-title {
margin-bottom: 5px;
}
button, .card__button .card__link-text,
.button {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border-radius: 0;
border: 2px solid #b6b6b6;
color: #000000;
display: inline-block;
padding: 1.3rem 1.4rem;
transition: all 300ms;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 1.6rem;
font-family: "trade-gothic-next", sans-serif;
font-weight: bold;
line-height: normal;
min-width: min(100%, 280px);
text-align: center;
text-transform: uppercase;
}
button:focus, .card__button .card__link-text:focus,
.button:focus {
outline: 0;
}
button:focus, .card__button .card__link-text:focus, button:hover, .card__button .card__link-text:hover,
.button:focus,
.button:hover {
background-color: #e6e6e6;
text-decoration: none;
}
button[disabled], .card__button [disabled].card__link-text,
.button[disabled] {
cursor: not-allowed;
}
button svg, .card__button .card__link-text svg,
.button svg {
font-size: 0.9em;
}
@media screen and (max-width: 1024px) {
button, .card__button .card__link-text,
.button {
font-size: 1.4rem;
}
}
.button {
text-decoration: none;
}
.button--large {
font-size: 2.2rem;
}
.button--primary, .card__button .card__link-text {
border-color: transparent;
color: #fff;
background-color: #c91019;
}
.button--primary:focus, .card__button .card__link-text:focus, .button--primary:hover, .card__button .card__link-text:hover {
background-color: #9a0c13;
}
.button--primary-outline {
background: transparent;
border-color: #c91019;
color: #c91019;
}
.button--primary-outline:focus, .button--primary-outline:hover {
background-color: unset;
border-color: #9a0c13;
color: #9a0c13;
}
.button--primary.inactive, .card__button .inactive.card__link-text {
background-color: #edeeee;
color: rgba(0, 0, 0, 0.5);
}
.button--neutral {
background-color: #fff;
border-color: transparent;
color: #000000;
}
.button--neutral:focus, .button--neutral:hover {
background-color: #e6e6e6;
}
.button--neutral-outline {
background: transparent;
border-color: #fff;
color: #fff;
}
.button--neutral-outline:focus, .button--neutral-outline:hover {
background-color: #fff;
color: #000000;
}
.button--secondary {
background-color: #ffe500;
border-color: transparent;
color: #fff;
}
.button--secondary:focus, .button--secondary:hover {
background-color: #ccb700;
}
.button--secondary-outline {
background: transparent;
border-color: #ffe500;
color: #ffe500;
}
.button--secondary.inactive {
background-color: #edeeee;
color: rgba(0, 0, 0, 0.5);
}
.button--tertiary {
background-color: #009cde;
border-color: transparent;
color: #fff;
}
.button--tertiary:focus, .button--tertiary:hover {
background-color: #12b9ff;
color: #fff;
}
.button--tertiary-outline {
background: transparent;
border-color: #009cde;
color: #009cde;
}
.button--tertiary.inactive {
background-color: #edeeee;
color: rgba(0, 0, 0, 0.5);
}
.button--success {
background-color: #3c763d;
border-color: transparent;
color: #fff;
}
.button--success:focus, .button--success:hover {
background-color: #2b542c;
}
.button--warning {
background-color: #ffdd57;
border-color: transparent;
color: #222;
}
.button--warning:focus, .button--warning:hover {
background-color: #f0bf00;
}
.button--danger {
background-color: #a94442;
border-color: transparent;
color: #fff;
}
.button--danger:focus, .button--danger:hover {
background-color: #843534;
}
.button--info {
background-color: #31708f;
border-color: transparent;
color: #fff;
}
.button--info:focus, .button--info:hover {
background-color: #245269;
}
.button--full {
display: block;
text-align: center;
}
.button.inactive {
cursor: not-allowed;
background-color: #edeeee;
color: rgba(0, 0, 0, 0.5);
}
.button.empty {
cursor: not-allowed;
background-color: #9a0c13;
}
.button.fullwidth {
display: block;
width: 100%;
padding: 1.2rem 3.6rem;
}
.button.prev, .button.next {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
}
.button.prev svg, .button.next svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.button.next {
padding-right: 3.2rem;
}
.button.next svg {
right: 1.2rem;
}
.button.prev {
padding-left: 3.2rem;
}
.button.prev svg {
left: 1.2rem;
}
#compare_btn {
display: flex;
align-items: center;
}
#compare_btn svg {
margin-left: auto;
}
.center_btn {
display: inline-block;
width: 100%;
text-align: center;
}
.configurator #checkboxes .checkbox {
cursor: pointer;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 0;
text-transform: uppercase;
background-color: #edeeee;
display: inline-flex;
justify-content: center;
min-width: 290px;
padding: 1.1rem 1.4rem;
}
.configurator #checkboxes .checkbox label {
line-height: 25px;
font-weight: bold;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.configurator #checkboxes .checkbox .box_wrapper {
border-radius: 3px;
overflow: hidden;
width: 15px;
height: 15px;
position: relative;
margin: auto 0 auto 10px;
border: solid #000 1px;
}
.configurator #checkboxes .checkbox .box_wrapper input {
cursor: pointer;
width: 15px;
height: 15px;
border: 0;
background-color: transparent;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.configurator #checkboxes .checkbox .box_wrapper .checkmark {
position: absolute;
top: 0;
right: 0;
width: 15px;
height: 15px;
pointer-events: none;
border-radius: 2px;
}
.configurator #checkboxes .checkbox .box_wrapper .checkmark:after {
content: "";
display: none;
position: absolute;
left: 55%;
top: 35%;
width: 5px;
height: 9px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(35deg);
}
.configurator #checkboxes .checkbox .box_wrapper.round {
border-radius: 50%;
}
.configurator #checkboxes .checkbox .box_wrapper.round .checkmark:after {
top: 39%;
}
.configurator #checkboxes .checkbox:last-of-type {
margin-bottom: 0;
}
.configurator #checkboxes .checkbox.active {
background-color: #c91019;
color: #fff;
}
.configurator #checkboxes .checkbox.active .checkmark {
background-color: #000;
}
.configurator #checkboxes .checkbox.active .checkmark:after {
border-color: #fff;
}
.configurator #checkboxes .checkbox.active .checkmark:after {
display: block;
}
button#Coi-Renew, .card__button #Coi-Renew.card__link-text {
min-width: auto;
}
input,
textarea,
select {
resize: none;
outline: 0;
border: solid 1px #e0e0e0;
padding: 10px 8px;
font-family: "trade-gothic-next", sans-serif;
transition: all 0.3s;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
box-shadow: 0 0 0px 1000px #fff inset;
}
#search_form {
width: 100%;
margin: 10px 0 0;
}
#search_form .row input.fieldSearch {
width: 75%;
max-width: 300px;
}
div.gform_wrapper {
margin-top: 0;
}
div.gform_wrapper .gform_heading h3.gform_title {
margin-top: 0;
font-size: 2.25em;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
div.gform_wrapper .gform_heading h3.gform_title {
font-size: 25px;
}
}
div.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
div.gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea {
border: 0;
background-color: #f8f8f8;
padding: 15px 20px;
}
div.gform_wrapper .gform_footer {
text-align: center;
padding: 0;
}
div.gform_wrapper .gform_footer .gform_button {
background-color: #c91019;
border-color: transparent;
color: #fff;
}
@media only screen and (max-width: 600px) {
div.gform_wrapper .gform_footer .gform_button[type=submit]:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: normal;
min-height: 0;
margin-bottom: 0;
}
}
.form .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0;
}
.form .gform_wrapper ul.gform_fields li.gfield.inline {
display: inline-block !important;
margin-top: 0;
}
.logotype {
max-width: 200px;
}
.logotype a {
display: block;
}
.logotype .logotype__image {
display: block;
width: 100%;
height: auto;
}
.lightbox {
display: none;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
}
.lightbox__bg {
width: 100vw;
min-height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
}
.lightbox__info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lightbox__info--closer {
text-align: right;
color: #fff;
font-size: 5rem;
}
.lightbox__info--closer .closer {
cursor: pointer;
display: inline-block;
}
.lightbox__info--container {
padding: 2rem;
background-color: #fff;
min-height: 43rem;
max-height: 85vh;
overflow-y: auto;
}
@media only screen and (max-width: 850px) {
#content {
flex-direction: column;
}
}
.slider {
width: calc(50% - 2rem);
}
.slider .glideLb {
width: 100%;
height: 100%;
position: relative;
height: 0;
padding-top: 56.25%;
overflow: hidden;
}
.slider .glideLb .glide__track {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.slider .glideLb .glide__track .glide__slides {
height: 100%;
display: flex;
margin: 0;
}
.slider .glideLb .glide__track .glide__slides .glide__slide {
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.slider .glideLb .glide__bullets {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -100%);
display: flex;
padding-bottom: 20px;
}
.slider .glideLb .glide__bullets .glide__bullet {
min-width: 0;
background-color: #fff;
padding: 0;
cursor: pointer;
margin: 0 5px;
display: block;
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
-moz-appearance: none;
-webkit-appearance: none;
}
.slider .glideLb .glide__bullets .glide__bullet:focus {
outline: 0;
}
.slider .glideLb .glide__bullets .glide__bullet:not(.glide__bullet--active) {
opacity: 0.2;
}
.slider.thumb .img_holder,
.slider .single .img_holder {
width: 100%;
height: 100%;
position: relative;
height: 0;
padding-top: 56.25%;
overflow: hidden;
}
.slider.thumb .img_holder img,
.slider .single .img_holder img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 850px) {
.slider {
width: 100%;
}
}
.text {
width: 50%;
padding-left: 2rem;
}
.text__title {
color: #c91019;
margin-top: 5px;
}
.text__title--top {
margin-top: 2rem;
justify-content: flex-start;
}
.text__title--top .title {
font-size: 12px;
color: #949494;
margin: 0;
font-weight: lighter;
display: flex;
}
.text__title--top .title:after {
content: "-";
display: block;
margin: 0 5px;
}
.text__title--top .title:last-of-type:after {
content: "";
}
.text__models {
display: flex;
flex-wrap: wrap;
}
.text__models .title {
width: 100%;
}
.text__models span {
font-size: 12px;
color: #949494;
margin: 0;
font-weight: lighter;
display: flex;
}
.text__models span:after {
content: "-";
display: block;
margin: 0 5px;
}
.text__models span:last-of-type:after {
content: "";
}
.text__files ul.downloadables {
padding: 2rem;
}
.text__files ul.downloadables h4 {
margin-top: 0;
}
@media only screen and (max-width: 850px) {
.text {
width: 100%;
padding-left: 0;
}
}
.loading {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loading span {
float: left;
font-size: 60px;
}
.loading span:first-of-type {
animation: bouncy1 2.5s infinite;
color: #959595;
}
.loading span:nth-of-type(2) {
animation: bouncy2 2.5s infinite;
margin-left: 5px;
color: #626262;
}
.loading span:nth-of-type(3) {
animation: bouncy3 2.5s infinite;
margin-left: 5px;
color: #2f2f2f;
}
@keyframes bouncy1 {
5% {
margin-top: 0;
}
20% {
margin-top: -15px;
}
35% {
margin-top: 0;
}
}
@keyframes bouncy2 {
20% {
margin-top: 0;
}
35% {
margin-top: -15px;
}
50% {
margin-top: 0;
}
}
@keyframes bouncy3 {
35% {
margin-top: 0;
}
50% {
margin-top: -15px;
}
65% {
margin-top: 0;
}
}
.accordion .head {
border-top: #d4d5d5 solid 1px;
border-bottom: #fff solid 1px;
padding: 2rem 0;
align-items: center;
cursor: pointer;
}
.accordion .head .title {
margin: 0;
}
.accordion .head svg {
font-size: 4rem;
color: #c91019;
}
.accordion .head.open {
border-bottom-color: #d4d5d5;
}
.accordion .head.open .title {
color: #c91019;
}
.accordion .head.open svg {
transform: rotate(180deg);
}
.accordion .body {
display: none;
}
.accordion .body__wrapper {
display: grid;
grid-template-columns: repeat(3, calc(33% - 2rem));
grid-row-gap: 3rem;
row-gap: 3rem;
overflow: hidden;
padding: 2rem 0;
}
.accordion .body__wrapper .no_results {
margin: 70px auto;
border: #d4d5d5 solid 1px;
padding: 30px;
}
.accordion .body__wrapper .no_results h5 {
margin: 0;
}
@media only screen and (max-width: 850px) {
.accordion .body__wrapper {
grid-template-columns: 100%;
}
}
.accordion:last-of-type .head {
border-bottom-color: #d4d5d5;
}
.accessory {
display: flex;
flex-direction: column;
}
.accessory .img_holder {
width: 100%;
padding-top: 56.25%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.accessory .img_holder img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.accessory .text_holder {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.accessory .text_holder .text {
width: 100%;
padding: 0;
max-height: 19rem;
min-height: 8rem;
overflow: hidden;
position: relative;
}
.accessory .text_holder .text .title {
color: #c91019;
height: 4.5rem;
position: relative;
z-index: 1;
overflow: hidden;
font-size: 2rem;
cursor: pointer;
margin-bottom: 0;
margin-top: 2rem;
}
.accessory .text_holder .text p {
margin-bottom: 0;
position: relative;
z-index: 1;
}
.accessory .text_holder .text:after {
content: "";
pointer-events: none;
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 60%, white 100%);
}
.accessory .more {
margin: 2rem auto 0;
}
.accessory .more a {
color: #000;
cursor: pointer;
}
@media only screen and (max-width: 1280px) {
.accessory .more {
padding-left: 0;
}
}
.accessory #checkboxes {
margin-top: auto;
align-items: baseline;
justify-content: flex-start;
margin-top: 2rem;
}
.accessory #checkboxes .more {
padding-left: 2rem;
margin: 0.5rem 0 0;
}
@media only screen and (max-width: 1280px) {
.accessory #checkboxes {
align-items: center;
flex-direction: column;
padding-top: 1rem;
}
}
@media only screen and (max-width: 850px) {
.accessory .text_holder .text {
height: 14rem;
}
.accessory .text_holder #checkboxes {
text-align: center;
margin-top: 30px;
justify-content: center;
}
}
.access_archive .accordion .body__wrapper .accessory {
display: none;
}
.access_archive .accordion .body__wrapper .accessory .more {
width: 100%;
text-align: center;
}
.access_archive .accordion .body__wrapper .accessory .more .show_more {
cursor: pointer;
color: #000;
}
.access_archive .accordion .body__wrapper .accessory.active {
display: flex;
}
@media only screen and (max-width: 850px) {
.access_archive .accordion .body__wrapper .accessory {
width: 100%;
margin: 10px 0 40px;
}
.access_archive .accordion .body__wrapper .accessory .text_holder .text:after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, white 100%);
}
}
.contact_tab {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
transform: translateY(calc(100% - 55px));
text-align: center;
transition: 0.7s transform;
max-height: 100vh;
}
.contact_tab__opener {
pointer-events: initial;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0 100%);
position: relative;
height: 55px;
width: 330px;
background-color: #c91019;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.contact_tab__opener svg {
margin-left: 0.5rem;
}
.contact_tab__content {
pointer-events: initial;
background-color: #fff;
text-align: left;
padding: 6rem 0;
}
.contact_tab__content .title {
margin-bottom: 5rem;
}
.contact_tab__content .img_holder {
max-width: 20%;
}
@media screen and (max-width: 800px) {
.contact_tab__content .img_holder {
max-width: 100%;
text-align: center;
padding-bottom: 2rem;
}
}
.contact_tab__content .flex_child {
width: 80%;
padding-left: 1rem;
}
.contact_tab__content .flex_child .contact_persons {
display: grid;
grid-template-columns: repeat(3, 32%);
grid-column-gap: 2%;
-moz-column-gap: 2%;
column-gap: 2%;
grid-row-gap: 2rem;
row-gap: 2rem;
}
@media screen and (max-width: 1140px) {
.contact_tab__content .flex_child .contact_persons {
grid-template-columns: repeat(2, 49%);
}
}
@media only screen and (max-width: 1024px) {
.contact_tab__content .flex_child .contact_persons .contact_person {
flex-direction: row;
}
.contact_tab__content .flex_child .contact_persons .contact_person .picture {
width: 150px;
}
}
@media screen and (max-width: 800px) {
.contact_tab__content .flex_child .contact_persons {
grid-template-columns: repeat(1, 100%);
}
}
@media screen and (max-width: 800px) {
.contact_tab__content .flex_child {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.contact_tab__content .container {
flex-direction: column;
}
}
.contact_tab.open {
transform: none;
pointer-events: initial;
overflow-y: auto;
}
@media screen and (max-width: 800px) {
.contact_tab.open {
margin-top: 55px;
}
.contact_tab.open .contact_tab__opener {
position: fixed;
top: 0;
left: 0;
width: 100%;
clip-path: none;
z-index: 300;
}
.contact_tab.open .contact_tab__content {
margin-top: 55px;
}
}
#contact_bg {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9998;
background-color: rgba(0, 0, 0, 0.7);
}
.contact-pop {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
max-width: 98vw;
min-width: 33rem;
pointer-events: none;
}
.contact-pop__heading {
color: #fff;
background-color: #9a0c13;
padding: 2.5rem 10rem 2.5rem 3rem;
font-size: 1.8rem;
margin: 0;
}
.contact-pop__links {
margin: 0;
padding: 2.5rem 6rem 2.5rem 3rem;
}
.contact-pop__links li + li {
margin-top: 1.5rem;
}
.contact-pop__links__link {
list-style: none;
width: 100%;
color: #fff;
}
.contact-pop__links__link svg {
font-size: 1.8rem;
margin-left: 0.6rem;
transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.contact-pop__links__link .link {
color: #fff;
font-size: 1.8rem;
}
.contact-pop__links__link .link:hover, .contact-pop__links__link .link.focus-visible {
color: inherit;
}
.contact-pop__links__link .link:hover, .contact-pop__links__link .link:focus-visible {
color: inherit;
}
.contact-pop__links__link .link:hover svg, .contact-pop__links__link .link.focus-visible svg {
transform: translateX(1rem);
}
.contact-pop__links__link .link:hover svg, .contact-pop__links__link .link:focus-visible svg {
transform: translateX(1rem);
}
.contact-pop__links__link .button {
min-width: 0;
width: 100%;
}
.contact-pop__closer {
display: block;
position: absolute;
top: 0.5rem;
left: 0.5rem;
line-height: 1;
cursor: pointer;
border: none;
padding: 0;
min-width: unset;
background: none;
}
.contact-pop__closer svg {
line-height: 1;
color: #aaa;
}
.contact-pop__closer svg,
.contact-pop__closer svg * {
pointer-events: none;
}
.contact-pop__closer:hover, .contact-pop__closer:focus {
background: none;
}
.contact-pop__closer:hover svg, .contact-pop__closer:focus svg {
color: #fff;
}
.contact-pop.open {
pointer-events: all;
}
.contact-pop.open .contact-pop__content {
transform: translateY(0);
}
.contact-pop__opener {
padding: 0 6rem 0 3rem;
pointer-events: initial;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
height: 55px;
width: 330px;
background-color: #c91019;
display: inline-flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
border: 0;
color: #fff;
font-size: 1.8rem;
width: 100%;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
}
.contact-pop__opener:hover, .contact-pop__opener.focus-visible {
background: #9a0c13;
}
.contact-pop__opener:hover, .contact-pop__opener:focus-visible {
background: #9a0c13;
}
.contact-pop__content {
background-color: #c91019;
transform: translateY(150%);
transition: 0.7s transform;
position: relative;
z-index: 2;
}
@media screen and (max-width: 800px) {
.contact-pop {
right: 50%;
transform: translateX(50%);
}
}
@media screen and (max-width: 375px) {
.contact-pop {
width: 98vw;
}
.contact-pop .contact-pop__links__link .button {
font-size: 1.3rem;
}
}
.loop-post {
--offset: 2px;
position: relative;
isolation: isolate;
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.loop-post.focus-visible, .loop-post:hover {
outline: var(--offset) solid #c91019;
outline-offset: calc(var(--offset) * -1);
}
.loop-post:focus-visible, .loop-post:hover {
outline: var(--offset) solid #c91019;
outline-offset: calc(var(--offset) * -1);
}
.loop-post__inside {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: flex-start;
}
.loop-post__inside::before {
content: "";
background-color: #000000;
opacity: 0.4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
transition: opacity 400ms ease-in-out;
}
.loop-post:hover .loop-post__inside::before {
opacity: 0.2;
}
.loop-post__content {
padding: 2rem;
}
.loop-post__content * {
color: #fff;
}
.loop-post__category {
background: #c91019;
color: #fff;
padding: 0.3rem 2rem 0.5rem;
text-transform: uppercase;
font-size: 1.4rem;
font-weight: bold;
}
.loop-post__category:empty {
visibility: hidden;
}
.loop-post__date {
font-size: 1.5rem;
}
.loop-post__title {
font-size: 3rem;
margin: 0;
}
.loop-post.loop-post {
transition: none;
}
.media-text {
position: relative;
isolation: isolate;
padding-bottom: 2px;
}
.media-text__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #dc3326;
max-width: 100vw;
left: calc(50% - 50vw);
width: 100vw;
z-index: -20;
}
.media-text__background-image {
position: absolute;
z-index: -10;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
bottom: 0;
}
@media (min-width: 1024px) {
.media-text__background-image {
width: 850px;
right: 0;
bottom: auto;
}
}
.media-text__container {
display: flex;
flex-flow: column nowrap;
margin-bottom: -2px;
}
@media (min-width: 1024px) {
.media-text__container {
flex-flow: row nowrap;
}
}
.media-text__image {
flex: 1;
position: relative;
max-width: 100vw;
left: calc(50% - 50vw);
width: 100vw;
z-index: 10;
}
@media (min-width: 1024px) {
.media-text__image {
margin-left: -15rem;
left: auto;
width: auto;
max-width: 100%;
flex: 0 0 66%;
clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
}
@media (min-width: 1280px) {
.media-text__image {
margin-left: -22.8rem;
}
}
.media-text__image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.media-text__content {
flex: 1 1 33%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
padding: 6rem 0;
}
@media (min-width: 1024px) {
.media-text__content {
padding: 6rem 0 6rem 2rem;
}
}
.media-text__wysiwyg {
max-width: 65ch;
}
.media-text__wysiwyg * {
color: #fff;
margin-bottom: 1rem;
}
.media-text__wysiwyg :is(h1, h2, h3, h4, h5, h6) {
margin-bottom: 3rem;
}
.media-text__wysiwyg :is(h1, h2, h3, h4, h5, h6):first-of-type {
margin-top: 0;
}
.media-text__buttons {
display: flex;
flex-flow: row wrap;
max-width: 65ch;
grid-gap: 1.5rem;
gap: 1.5rem;
margin-top: 2rem;
width: 100%;
}
.basicLightbox {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
opacity: 0.01;
transition: opacity 0.4s ease;
z-index: 10000;
will-change: opacity;
}
.basicLightbox--visible {
opacity: 1;
}
.basicLightbox__placeholder {
max-width: 100%;
transform: scale(0.9);
transition: transform 0.4s ease;
z-index: 1;
will-change: transform;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child,
.basicLightbox__placeholder > iframe:first-child:last-child {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 95%;
max-height: 95%;
}
.basicLightbox__placeholder > video:first-child:last-child,
.basicLightbox__placeholder > iframe:first-child:last-child {
pointer-events: auto;
}
.basicLightbox__placeholder > img:first-child:last-child,
.basicLightbox__placeholder > video:first-child:last-child {
width: auto;
height: auto;
}
.basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder, .basicLightbox--iframe .basicLightbox__placeholder {
width: 100%;
height: 100%;
pointer-events: none;
}
.basicLightbox--visible .basicLightbox__placeholder {
transform: scale(1);
}
.lang-selector-button {
all: unset;
width: 5rem;
cursor: pointer;
justify-content: center;
align-items: center;
grid-gap: 0.5rem;
gap: 0.5rem;
}
.lang-selector-button:hover, .lang-selector-button:focus {
background-color: unset;
}
.lang-selector-button__icon {
width: 2.5rem;
height: 2rem;
flex-shrink: 0;
}
.lang-selector-button--mobile {
display: flex;
margin: 0 auto;
margin-bottom: 3rem;
color: #000000;
}
.lang-selector-button--mobile:hover, .lang-selector-button--mobile:focus {
color: #000000;
}
@media (min-width: 1025px) {
.lang-selector-button--mobile {
display: none;
}
}
.lang-selector-button--desktop {
display: none;
color: #fff;
}
.lang-selector-button--desktop:hover, .lang-selector-button--desktop:focus {
color: #000000;
}
@media (min-width: 1025px) {
.lang-selector-button--desktop {
display: flex;
}
}
.lang-selector-lightbox__content {
position: relative;
background-color: #fff;
max-width: 95vw;
overflow-y: auto;
height: min(95vh, 600px);
padding: 2rem;
}
@media (min-width: 850px) {
.lang-selector-lightbox__content {
padding: 4rem;
}
}
.lang-selector-lightbox__subtitle, .lang-selector-lightbox__title {
display: block;
text-align: center;
}
.lang-selector-lightbox__title {
margin-bottom: 2rem;
font-size: 3.5rem;
}
@media (min-width: 850px) {
.lang-selector-lightbox__title {
font-size: 5.5rem;
margin-bottom: 3rem;
}
}
.lang-selector-lightbox__subtitle {
font-size: 1.4rem;
margin-bottom: 0.5rem;
color: #c91019;
}
@media (min-width: 850px) {
.lang-selector-lightbox__subtitle {
font-size: 2rem;
}
}
.lang-selector-lightbox__close {
all: unset;
position: absolute;
font-size: 3rem;
right: 2rem;
top: 2rem;
cursor: pointer;
}
.lang-selector-lightbox__close svg {
display: block;
width: 2rem;
height: 2rem;
}
.lang-selector-lightbox__close:focus, .lang-selector-lightbox__close:hover {
color: #c91019;
}
.lang-selector {
--gap: 1rem;
position: relative;
height: 100%;
isolation: isolate;
}
.lang-selector__list {
position: static;
margin: 0;
width: 100%;
}
@media (min-width: 850px) {
.lang-selector__list {
width: calc(50% + var(--gap));
}
}
.lang-selector__item {
display: flex;
align-items: center;
justify-content: flex-start;
grid-gap: 0.5rem;
gap: 0.5rem;
list-style: none;
width: 100%;
cursor: pointer;
border-top: 1px solid #c2c2c2;
padding: 0.5rem 1.5rem;
width: 100%;
}
.lang-selector__item:last-of-type {
border-bottom: 1px solid #c2c2c2;
}
.lang-selector__item:hover, .lang-selector__item:focus, .lang-selector__item[focus-within] {
background-color: #f5f1f1;
}
.lang-selector__item:hover, .lang-selector__item:focus, .lang-selector__item:focus-within {
background-color: #f5f1f1;
}
@media (min-width: 850px) {
.lang-selector__item:hover .lang-selector__languages-list,
.lang-selector__item:hover .lang-selector__item-icon, .lang-selector__item:focus .lang-selector__languages-list,
.lang-selector__item:focus .lang-selector__item-icon, .lang-selector__item[focus-within] .lang-selector__languages-list,
.lang-selector__item[focus-within] .lang-selector__item-icon {
display: block;
}
.lang-selector__item:hover .lang-selector__languages-list,
.lang-selector__item:hover .lang-selector__item-icon, .lang-selector__item:focus .lang-selector__languages-list,
.lang-selector__item:focus .lang-selector__item-icon, .lang-selector__item:focus-within .lang-selector__languages-list,
.lang-selector__item:focus-within .lang-selector__item-icon {
display: block;
}
}
.lang-selector__item--back {
padding: 0.5rem 1.5rem;
width: 100%;
}
@media (min-width: 850px) {
.lang-selector__item--back {
display: none;
}
}
.lang-selector__item--with-link {
padding: 0;
}
.lang-selector__item--open .lang-selector__languages-list,
.lang-selector__item--open .lang-selector__item-icon {
display: block;
}
.lang-selector__item .lang-selector__link {
color: #000000;
}
.lang-selector__item-icon {
margin-left: auto;
}
@media (min-width: 850px) {
.lang-selector__item-icon {
display: none;
}
}
.lang-selector__languages-list {
display: none;
position: absolute;
top: 0;
right: 0;
margin: 0;
background-color: #fff;
height: 100%;
width: 100%;
}
@media (min-width: 850px) {
.lang-selector__languages-list {
z-index: -1;
width: calc(50% - var(--gap));
padding-left: var(--gap);
}
}
.lang-selector__link {
display: flex;
align-items: center;
justify-content: flex-start;
grid-gap: 1rem;
gap: 1rem;
padding: 0.5rem 1.5rem;
width: 100%;
}
.lang-selector__flag {
width: 2.2rem;
height: 1.7rem;
}
.lang-selector__lang-code {
margin-left: auto;
}
.card {
display: flex;
flex-flow: column nowrap;
color: #000000;
height: 100%;
}
.card:focus .card__link, .card:hover .card__link {
color: #9a0c13;
text-decoration: underline;
}
.card:focus .card__link-icon, .card:hover .card__link-icon {
transform: translateX(1rem);
}
.card__container {
display: flex;
flex-flow: column nowrap;
height: 100%;
padding-top: 1rem;
}
.card__image-wrapper {
position: relative;
padding-top: 56%;
}
.card__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card__title {
margin-top: 2rem;
color: #000000;
}
.card__body {
color: #000000;
}
.card__button {
display: flex;
margin-top: auto;
padding-top: 2rem;
max-width: 100%;
}
.card__link {
display: flex;
align-items: center;
color: #c91019;
}
.card__link-icon {
margin: 0 1.2rem;
font-size: 2.2rem;
transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.products-listing-desktop {
display: none;
flex-flow: column nowrap;
margin: 3rem 0 6rem;
}
@media (min-width: 850px) {
.products-listing-desktop {
display: flex;
}
}
.products-listing-desktop__choose {
display: block;
margin: 0 auto;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 1rem;
border-bottom: #d6d6d6 solid 1px;
width: 100%;
text-align: center;
}
.products-listing-mobile button, .products-listing-mobile .card__button .card__link-text, .card__button .products-listing-mobile .card__link-text {
width: 100%;
padding: 1rem;
border: 0;
}
@media (min-width: 850px) {
.products-listing-mobile {
display: none;
}
}
.products-listing-mobile__icon {
margin: 0.2rem auto 0;
}
.products-listing-mobile__products {
padding: 3rem;
}
.product-item {
display: flex;
flex-flow: column nowrap;
}
.product-item__image-container {
position: relative;
padding-top: 100%;
}
.product-item__image {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
max-width: 150px;
}
.product-item__info {
display: flex;
align-items: center;
justify-content: center;
}
.product-item__title {
font-size: 1.6rem;
font-family: "trade-gothic-next", sans-serif;
color: #c91019;
margin: 0;
font-weight: normal;
text-transform: none;
text-align: center;
letter-spacing: 1px;
line-height: 1.4;
}
.product-item__icon {
display: inline-flex;
flex-shrink: 0;
padding-top: 0.3rem;
margin: 0 0.5rem;
font-size: 1.8rem;
}
.product-item-archive__image-container {
position: relative;
padding-top: 56%;
overflow: hidden;
}
.product-item-archive__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.product-item-archive__info {
display: flex;
align-items: flex-end;
padding: 1.3rem 0 0;
}
.product-item-archive__title {
font-size: 2rem;
font-family: "trade-gothic-next", sans-serif;
color: #c91019;
margin: 0;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
line-height: 1.4;
}
.product-item-archive__title--small {
font-size: 1.6rem;
}
.product-item-archive__title--center {
text-align: center;
}
.product-item-archive__icon {
flex-shrink: 0;
margin: 0 1.2rem;
font-size: 2.2rem;
}
.specificity.specificity.specificity.specificity .download-item {
display: flex;
grid-gap: 2rem;
gap: 2rem;
padding: 2rem;
}
.specificity.specificity.specificity.specificity .download-item:hover, .specificity.specificity.specificity.specificity .download-item:focus {
text-decoration: none;
background-color: #f5f5f5;
}
.specificity.specificity.specificity.specificity .download-item__image-wrap {
flex-shrink: 0;
flex-basis: 75px;
min-height: 94px;
display: flex;
justify-content: center;
align-items: center;
background: #f0f0f0;
}
.specificity.specificity.specificity.specificity .download-item__image {
-o-object-fit: contain;
object-fit: contain;
}
.specificity.specificity.specificity.specificity .download-item__image[src$="default.png"] {
width: 3rem;
height: 5rem;
}
.specificity.specificity.specificity.specificity .download-item__title {
display: block;
color: #c91019;
font-weight: bold;
margin-bottom: 3rem;
}
.specificity.specificity.specificity.specificity .download-item__info {
display: flex;
grid-gap: 2rem;
gap: 2rem;
}
.specificity.specificity.specificity.specificity .download-item__faux-link {
display: flex;
grid-gap: 0.5rem;
gap: 0.5rem;
}
.specificity.specificity.specificity.specificity .download-item__icon {
color: #c91019;
}
.specificity.specificity.specificity.specificity .download-item__icon svg {
margin: 0;
width: 1.5rem;
height: 1.5rem;
}
.map-card {
display: flex;
flex-flow: column nowrap;
grid-gap: 2rem;
gap: 2rem;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16078);
}
@media (min-width: 1280px) {
.map-card {
flex-flow: row wrap;
}
}
.map-card__map {
flex: 1 0 0%;
}
.map-card__map .acf-map {
aspect-ratio: 1/1;
height: 100%;
width: 100%;
}
.map-card__content {
flex: 1;
display: flex;
align-items: center;
padding-right: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
@media (min-width: 1280px) {
.map-card__content {
padding-left: 0;
padding-top: 2rem;
}
}
.map-card__content h1,
.map-card__content h2,
.map-card__content h3,
.map-card__content h4,
.map-card__content h5,
.map-card__content h6 {
line-height: 1;
}
.map-card__content a {
color: #c91019;
}
.map-card-container {
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: center;
grid-gap: 3rem;
gap: 3rem;
}
@media (min-width: 850px) {
.map-card-container {
flex-flow: row;
}
}
@media (min-width: 850px) {
.map-card-container__map {
width: 100%;
flex: 1;
margin-top: 5rem;
}
}
.contact-card {
display: flex;
justify-content: center;
flex-wrap: wrap;
min-width: min(500px, 100%);
box-shadow: 0px 3px 6px rgba(0,0,0,0.16078);
}
.contact-card__image {
flex-shrink: 0;
position: relative;
}
.contact-card__image img {
display: block;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.contact-card__content {
font-size: 1.4rem;
padding: 2rem;
flex: 1;
min-width: min(200px, 100%);
}
.contact-card__location {
display: block;
font-weight: bold;
color: #c91019;
margin-bottom: 0.3rem;
text-transform: uppercase;
}
.contact-card__location:empty {
display: none;
}
.contact-card__info {
display: flex;
flex-flow: column;
margin-top: 0.5rem;
}
.contact-card__info :empty {
display: none;
}
.contact-card__name {
font-family: "trade-gothic-next", sans-serif;
margin: 0;
}
.location-item {
box-shadow: 0px 3px 6px rgba(0,0,0,0.16078);
}
.location-item__title {
font-size: 2.2rem;
}
.location-item__info, .location-item__categories {
margin-top: 2rem;
}
.location-item__icon {
margin-left: 0.5rem;
}
.animated-arrow-parent:focus .animated-arrow-icon, .animated-arrow-parent:hover .animated-arrow-icon {
transform: translateX(1rem);
}
.animated-arrow-icon {
color: #c91019;
font-size: 2.2rem;
transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
@media (min-width: 850px) {
.nav-search {
margin: 0 1rem;
padding: 0 1rem;
position: static;
}
}
.nav-search__form {
display: flex;
position: static;
opacity: 0;
max-height: 0px;
width: 100%;
padding: 0;
transition: padding 200ms ease-in-out, max-height 200ms ease-in-out, opacity 200ms ease-in-out, visbility 200ms 0ms ease-in-out;
}
.nav-search__icon {
all: unset;
cursor: pointer;
color: #fff;
padding: 0;
border: none;
font-size: 2rem;
}
.nav-search__icon:focus, .nav-search__icon:hover {
color: #000000;
background: none;
}
.nav-search__input {
color: black;
flex: 1;
height: 100%;
min-width: 0;
width: calc(100vw - 6rem);
-webkit-appearance: none;
border-radius: 0;
font-size: 18px;
padding: 20px;
border: 1px solid white;
}
@media (min-width: 850px) {
.nav-search__input {
font-size: 1.8rem;
}
}
.nav-search__input::-moz-placeholder {
color: black;
}
.nav-search__input::placeholder {
color: black;
}
.nav-search__submit {
display: flex;
justify-content: center;
font-size: 1.8rem;
align-items: center;
grid-gap: 1rem;
gap: 1rem;
min-width: 0;
padding: 20px 40px;
background-color: #DC3326;
border: 1px solid white;
}
.nav-search__submit .svg-inline--fa {
height: 9px;
}
.nav-search__form.nav-search--open {
opacity: 1;
max-height: 300px;
visibility: visible;
padding-top: 1.875rem;
}
.banner {
position: relative;
isolation: isolate;
}
.banner__background {
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 1000%;
width: 100vw;
margin-left: calc(50% - 50vw);
}
.banner__background-image {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.banner__text {
max-width: 850px;
margin: 0 auto;
text-align: center;
padding: 2rem 0;
}
@media (min-width: 850px) {
.banner__text {
padding: 4rem 0;
}
}
.banner__text *:not(.altColor) {
color: #fff;
}
.banner__text a {
text-decoration: underline;
font-weight: bold;
}
.banner__text a:focus, .banner__text a:hover {
text-decoration: none;
color: #000000;
}
.site-header {
width: 100%;
display: flex;
flex-grow: 0;
padding: 30px 0 20px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16078);
position: relative;
z-index: 999;
background-size: cover;
}
.site-header > .container {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
.site-header > .container .inner-container {
display: flex;
width: 100%;
align-items: center;
}
.site-header .logotype {
margin-right: auto;
}
.site-header .print_text {
display: none;
}
.site-header__nav-toggle {
display: none;
position: relative;
width: 35px;
min-width: 0;
height: 27px;
transform: rotate(0deg);
transition: 500ms ease-in-out;
background: transparent;
border: none;
margin-left: auto;
z-index: 15;
outline-color: #c91019;
}
.site-header__nav-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
max-width: 35px;
background: #d4d5d5;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 150ms ease-in-out;
}
.site-header__nav-toggle span:nth-child(1) {
top: 0;
}
.site-header__nav-toggle span:nth-child(2), .site-header__nav-toggle span:nth-child(3) {
top: 11px;
}
.site-header__nav-toggle span:nth-child(4) {
top: 22px;
}
.site-header__nav-toggle:focus {
outline-style: dotted;
outline-width: thin;
}
@media screen and (max-width: 1024px) {
.site-header__nav-toggle {
display: block;
}
}
.site-header__nav-toggle:hover {
background-color: transparent;
}
.site-header__nav {
position: relative;
}
@media (min-width: 1025px) {
.site-header__nav {
margin-left: 2rem;
}
}
.site-header__nav > ul > li > .sub-menu-icon {
left: 100%;
transform: translateY(-45%) rotate(90deg);
}
.site-header__nav ul {
display: flex;
grid-gap: 1.5rem;
gap: 1.5rem;
margin: 0;
padding: 0;
}
@media (min-width: 850px) {
.site-header__nav ul {
grid-gap: 1.5rem;
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.site-header__nav ul {
grid-gap: 2.5rem;
gap: 2.5rem;
}
}
.site-header__nav ul .sub-menu-icon {
display: flex;
justify-content: center;
align-items: center;
display: none;
position: absolute;
width: 2rem;
top: 50%;
z-index: 15;
right: 0;
transform: translateY(-50%);
}
.site-header__nav ul .sub-menu-icon path {
fill: #fff;
}
.site-header__nav ul .menu-item-has-children .sub-menu-icon {
display: flex;
}
.site-header__nav ul li {
position: relative;
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.site-header__nav ul li a {
padding: 0.8rem 0;
font-weight: bold;
text-transform: uppercase;
font-size: 1.5rem;
color: #fff;
text-decoration: none;
}
.site-header__nav ul li a:focus, .site-header__nav ul li a:hover {
color: #000000;
}
.site-header__nav ul li.current-menu-item > a {
text-decoration: underline;
}
.site-header__nav ul li.menu-item-has-children {
position: relative;
display: inline-block;
}
.site-header__nav ul li.menu-item-has-children .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
flex-direction: column;
min-width: 260px;
background-color: #000000;
box-shadow: 0px 3px 10px rgba(0,0,0,0.16078);
z-index: 2;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li {
text-align: left;
padding: 0.3rem 0;
margin-right: 0;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li + li {
border-top: 1px solid #fff;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li a {
padding: 0;
font-weight: normal;
font-size: 0.875em;
text-transform: none;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li a:after {
display: none;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li a:hover {
color: #c91019;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li.menu-item-has-children a:after {
display: inline-block;
}
.site-header__nav ul li.menu-item-has-children:not(.mobile)[focus-within] .sub-menu, .site-header__nav ul li.menu-item-has-children:not(.mobile):hover .sub-menu {
display: block;
}
.site-header__nav ul li.menu-item-has-children:not(.mobile):focus-within .sub-menu, .site-header__nav ul li.menu-item-has-children:not(.mobile):hover .sub-menu {
display: block;
}
.site-header__nav ul li:last-of-type {
margin-right: 0;
}
.site-header__nav .sub-menu {
padding: 1rem 2rem;
}
.site-header__nav .sub-menu a {
color: #fff;
}
.site-header__nav .sub-menu a:hover, .site-header__nav .sub-menu a:focus {
color: #c91019;
}
@media screen and (max-width: 1440px) {
.site-header__nav ul li a {
font-size: 1.4rem;
}
}
@media screen and (max-width: 1280px) {
.site-header__nav ul li a {
font-size: 1.3rem;
}
}
@media screen and (max-width: 1140px) {
.site-header__nav ul {
justify-content: space-around;
}
.site-header__nav ul li a {
font-size: 1.2rem;
}
}
@media screen and (max-width: 1024px) {
.site-header__nav {
max-height: 100vh;
overflow: hidden;
transition: max-height 0.7s ease-out;
background-color: #fff;
width: 100vw;
position: absolute;
right: 0;
left: 0;
top: calc(9rem + 20px);
z-index: 10;
box-shadow: inset 0px 3px 6px rgba(0,0,0,0.16078);
}
.site-header__nav ul {
padding: 30px 0 0;
flex-flow: column nowrap;
}
.site-header__nav ul li {
margin-right: 0;
margin-bottom: 20px;
}
.site-header__nav ul li a {
color: #000000;
font-size: 2rem;
}
.site-header__nav ul li.menu-item-has-children a:after {
content: "";
}
.site-header__nav ul li.menu-item-has-children .sub-menu {
position: relative;
box-shadow: none;
padding: 1rem;
top: 0;
background-color: transparent;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li {
text-align: center;
margin-bottom: 5px;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li a {
color: #000000;
font-size: 1em;
}
.site-header__nav ul li.menu-item-has-children .sub-menu li:last-of-type {
margin-bottom: 0;
}
.site-header__nav .socials {
text-align: center;
padding: 0 0 30px;
display: flex;
justify-content: center;
}
.site-header__nav .socials a {
color: #949494;
font-size: 2em;
margin-right: 5px;
}
.site-header__nav .socials a:last-of-type {
margin-right: 0;
}
.site-header__nav .socials a:hover {
color: #c91019;
}
.site-header__nav[aria-hidden=true] {
max-height: 0vh;
}
}
@media screen and (max-width: 450px) {
.site-header__nav {
top: calc(6rem + 20px);
overflow-y: auto;
}
}
.site-header__right {
justify-content: flex-end;
}
@media screen and (max-width: 1140px) {
.site-header .container {
padding: 0;
}
.site-header__right {
margin-bottom: 0px;
margin-top: 0;
flex-grow: 0;
}
}
@media screen and (max-width: 1024px) {
.site-header {
padding: 10px 0;
}
.site-header .container {
padding: 0 1em;
}
.site-header__right {
margin: 0;
margin-right: 20px;
flex-grow: 1;
width: auto;
}
.site-header--menu-open .site-header__nav-toggle span {
background: #d4d5d5;
}
.site-header--menu-open .site-header__nav-toggle span:nth-child(1) {
top: 11px;
width: 0;
left: 50%;
}
.site-header--menu-open .site-header__nav-toggle span:nth-child(2) {
transform: rotate(45deg);
}
.site-header--menu-open .site-header__nav-toggle span:nth-child(3) {
transform: rotate(-45deg);
}
.site-header--menu-open .site-header__nav-toggle span:nth-child(4) {
top: 11px;
width: 0;
left: 50%;
}
body.admin-bar .site-header .site-header__nav {
top: calc(52px + 9rem);
}
}
@media screen and (max-width: 780px) {
body.admin-bar .site-header .site-header__nav {
top: calc(66px + 9rem);
}
}
@media screen and (max-width: 450px) {
body.admin-bar .site-header .site-header__nav {
top: calc(6rem + 66px);
}
.site-header__nav-toggle {
width: 30px;
}
.site-header__right {
width: calc(80% - 50px - 2em);
}
}
.sub-menu-icon-mobile {
font-size: 2rem;
margin-left: 1rem;
cursor: pointer;
}
.home .front_page_hero {
background-size: cover;
background-position: center;
min-height: 550px;
height: 65vh;
margin-bottom: 60px;
position: relative;
}
@media (min-width: 1024px) {
.home .front_page_hero {
margin-bottom: 0;
}
}
.home .front_page_hero .hero_video {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media only screen and (max-width: 1024px) {
.home .front_page_hero .hero_video {
display: none;
}
}
.home .front_page_hero .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.4);
}
.home .front_page_hero .hero_content {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
width: 100%;
color: #fff;
text-align: center;
}
.home .front_page_hero .hero_content h1 {
color: #fff;
}
@media only screen and (max-width: 600px) {
.home .front_page_hero .hero_content {
max-width: 94%;
}
}
.home .front_page_hero .buttons {
display: flex;
grid-gap: 2rem;
gap: 2rem;
justify-content: center;
flex-flow: column nowrap;
align-items: center;
}
@media (min-width: 850px) {
.home .front_page_hero .buttons {
flex-flow: row wrap;
}
}
.home .front_page_hero .text_wrapper {
max-width: 680px;
margin: 0 auto 30px;
}
.home .front_page_hero .text_wrapper p {
font-weight: lighter;
}
@media only screen and (max-width: 1280px) {
.home .front_page_hero {
min-height: 500px;
height: 60vh;
}
}
@media only screen and (max-width: 600px) {
.home .front_page_hero .text_wrapper {
padding: 0;
}
}
.home .products_container {
top: 100%;
left: 0;
right: 0;
z-index: 5;
text-align: center;
border-bottom: #d6d6d6 solid 1px;
transition: 0.5s;
background-color: #fff;
}
.home .products_container #products_opener {
align-items: center;
justify-content: center;
margin: 0 auto;
cursor: pointer;
}
.home .products_container #products_opener p {
margin: 0;
}
.home .products_container #products_opener svg {
font-size: 1.4em;
}
.home .products_container #products_opener .closer {
display: none;
}
.home .products_container .products .post.filler {
background-color: #384044;
}
.subpage_hero {
height: 400px;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
}
.subpage_hero.big {
height: 700px;
}
@media only screen and (max-width: 600px) {
.subpage_hero {
height: 0;
padding-top: 56.25%;
}
}
.products_container {
position: relative;
overflow: hidden;
}
.products_container .products {
margin-top: -6rem;
max-height: 0;
overflow: hidden;
transition: 0.5s;
transform: scaleY(0);
transform-origin: bottom;
transition: 0.5s;
}
.products_container .products .post {
width: 25%;
height: 275px;
position: relative;
background-position: center;
background-size: cover;
filter: grayscale(1);
transition: 0.5s filter;
}
.products_container .products .post .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-color: #384044;
opacity: 0.7;
transition: 0.5s opacity;
}
.products_container .products .post h3 {
font-size: 3rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
color: #fff;
text-transform: uppercase;
word-break: normal;
margin: 0;
text-align: center;
}
.products_container .products .post:hover {
filter: grayscale(0);
}
.products_container .products .post:hover .overlay {
opacity: 0;
}
.products_container .products .post.filler {
flex-grow: 1;
background-color: #54585a;
filter: none;
}
.products_container .products .post.filler h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
z-index: 2;
margin: 0;
color: #fff;
text-align: center;
}
.products_container.open {
top: 0;
max-height: 200vh;
}
.products_container.open .products {
margin-top: 0;
max-height: 100%;
transform: scaleY(1);
transition: none;
}
.products_container.open #products_opener .closer {
display: block;
}
.products_container.open #products_opener svg {
transform: rotate(180deg);
}
.products_container.open #products_opener .opener {
display: none;
}
@media screen and (max-width: 1280px) {
.products_container .products .post h3 {
font-size: 2.5rem;
}
}
@media screen and (max-width: 1024px) {
.products_container .products .post {
width: calc(100% / 3);
}
.products_container .products .post h3 {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 850px) {
.products_container .products {
flex-direction: column;
}
.products_container .products .post {
width: 100%;
}
.products_container .products .post.filler {
display: none;
}
.products_container.open {
height: auto;
overflow-y: auto;
max-height: none;
}
.products_container.open .products {
flex-wrap: nowrap;
max-height: none;
}
}
@media only screen and (max-width: 600px) {
.products_container .products .post {
height: 150px;
}
}
.puff {
display: inline-flex;
justify-content: flex-end;
flex-direction: column;
width: 100%;
padding-top: 56.25%;
background-size: 0%;
position: relative;
overflow: hidden;
}
.puff:before {
content: "";
background-image: inherit;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
transition: 0.5s transform;
}
.puff .puff_content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
color: #fff;
padding: 0 250px 30px 50px;
}
.puff .puff_content .title {
color: #fff;
margin-top: 0;
}
.puff .puff_content svg {
font-size: 0.8em;
}
.puff .puff_content strong {
text-transform: uppercase;
transition: 0.5s color;
margin-top: 10px;
display: block;
}
.puff:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: transparent linear-gradient(180deg, rgba(56,64,68,0) 0%, rgba(56,64,68,0.82745) 55%, #384044 100%) 0% 0% no-repeat padding-box;
opacity: 0.8;
}
.puff:hover:before {
transform: scale(1.15);
}
.puff:hover .puff_content strong {
color: #c91019;
}
.puff.small {
height: 190px;
padding: 20px 40px 20px 20px;
justify-content: center;
}
@media screen and (max-width: 1280px) {
.puff .puff_content {
padding: 40px;
}
}
@media only screen and (max-width: 1140px) {
.puff .puff_content {
padding: 20px;
}
}
@media only screen and (max-width: 600px) {
.puff {
margin-bottom: 28px;
width: 100vw;
height: auto;
min-height: 20rem;
padding-top: 0;
}
.puff .puff_content {
padding: 20px 3vw 20px;
position: relative;
width: 80%;
}
.puff .puff_content p:last-of-type {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 450px) {
.puff .puff_content {
width: 100%;
}
}
.wp-block-column *:first-child {
margin-top: 0;
}
@media only screen and (max-width: 1140px) {
.wp-block-column .contact_person {
height: 100%;
}
}
@media only screen and (max-width: 781px) {
.wp-block-column .contact_person {
padding-bottom: 32px;
background-color: transparent;
}
.wp-block-column .contact_person .text {
background-color: #edeeee;
max-width: 100%;
}
}
@media only screen and (max-width: 600px) {
.wp-block-column .contact_person {
padding-bottom: 0;
margin-bottom: 28px;
height: auto;
}
}
@media only screen and (max-width: 600px) {
.wp-block-column:last-of-type .contact_person {
margin-bottom: 0;
}
}
@media only screen and (max-width: 600px) {
.wp-block-columns .wp-block-column:last-of-type .puff {
margin-bottom: 0;
}
}
.posts {
justify-content: flex-start;
}
.posts .post {
flex-basis: 0;
flex-grow: 1;
max-width: calc(100% / 3);
}
.posts .post .post_image {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: hidden;
background-position: center;
background-size: cover;
display: inline-block;
}
.posts .post .post_content {
margin-top: 10px;
width: 80%;
}
.posts .post .post_content .title {
margin: 0;
color: #c91019;
}
.posts .post .post_content .tags {
font-size: 20px;
text-transform: uppercase;
margin-bottom: 0;
}
.posts .post .post_content .tags .multiple:after {
content: ", ";
}
.posts .post .post_content .tags .multiple:last-of-type:after {
content: "";
}
.posts .post .post_content .content {
margin-bottom: 5px;
}
.posts .post .post_content a {
color: #000;
font-weight: bold;
text-transform: uppercase;
}
.posts .post .post_content a svg {
font-size: 0.8em;
}
.posts .post .post_content a:hover {
color: #c91019;
}
.posts .post:nth-of-type(2) {
margin: 0 20px;
}
@media only screen and (max-width: 600px) {
.posts {
flex-direction: column;
}
.posts .post {
max-width: 100vw;
margin-bottom: 28px;
}
.posts .post .post_content {
padding: 0 3vw;
width: 100%;
}
.posts .post .post_content h3 {
font-size: 30px;
}
.posts .post .post_content p {
margin-bottom: 0;
}
.posts .post:nth-of-type(2) {
margin: 0 0 28px;
}
}
.contact_person {
background-color: #edeeee;
justify-content: flex-start;
min-height: 160px;
}
.contact_person .picture {
min-height: 160px;
width: 125px;
display: inline-block;
line-height: 0;
position: relative;
overflow: hidden;
}
.contact_person .picture img {
height: 100%;
max-width: none;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
}
.contact_person .text {
width: calc(100% - 135px);
max-width: 285px;
padding: 20px 10px;
justify-content: flex-start;
font-weight: lighter;
}
.contact_person .text .loc {
font-size: 12px;
color: #c91019;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
}
.contact_person .text .name {
margin: 0;
color: #000;
text-transform: uppercase;
font-size: 16px;
}
.contact_person .text .title,
.contact_person .text a {
line-height: 20px;
font-size: 14px;
}
.contact_person .text .title:last-of-type,
.contact_person .text a:last-of-type {
margin-bottom: 0;
}
.contact_person .text .contact {
margin-top: auto;
}
.contact_person .text .contact a {
display: block;
}
@media only screen and (max-width: 1280px) {
.contact_person {
min-height: 0;
font-size: 0.8em;
}
.contact_person .picture {
overflow: hidden;
width: 80px;
min-height: 0;
}
.contact_person .picture img {
position: relative;
width: 100%;
}
.contact_person .text {
width: auto;
flex-grow: 1;
}
}
@media only screen and (max-width: 1024px) {
.contact_person {
flex-direction: column;
}
.contact_person .picture {
width: 100%;
}
.contact_person .picture img {
width: 100%;
height: 100%;
max-height: 450px;
position: relative;
transform: none;
top: 0;
left: 0;
-o-object-position: center;
object-position: center;
}
.contact_person .text {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.contact_person {
margin-bottom: 20px;
flex-direction: row;
min-height: 160px;
}
.contact_person .picture {
width: 125px;
}
.contact_person .picture img {
height: auto;
width: 100%;
max-width: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact_person .text {
width: calc(100% - 125px);
}
}
.icon_list {
margin: 0;
}
.icon_list li {
justify-content: flex-start;
list-style: none;
}
.icon_list li .icon {
margin-right: 10px;
color: #c91019;
}
.icon_list li a.contact {
color: #000;
}
.wp-block-image {
margin-bottom: 0;
line-height: 0;
}
.wp-block-image.size-full {
width: 100%;
}
.wp-block-image.size-full img {
width: 100%;
}
.wp-block-image figcaption {
line-height: 1.5;
}
.wp-block-column p:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
.wp-block-media-text .wp-block-media-text__media {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 600px) {
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
}
}
.wp-block-table {
overflow-x: auto;
}
.wp-block-table table {
min-width: 100%;
}
.page__header {
color: #000;
}
.page__header--filler {
padding: 20px;
}
.page__content ul li::marker {
color: #c91019;
}
.post__header .post__title {
width: 70%;
}
.post__header .date {
width: 30%;
text-align: right;
margin-top: auto;
}
.post__header .date h5 {
color: #c91019;
text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
.post__header {
flex-wrap: wrap;
}
.post__header .post__title,
.post__header .date {
width: 100%;
}
.post__header h1,
.post__header h5 {
margin: 10px 0 5px;
}
}
.post__image {
position: relative;
height: 0;
padding-top: calc(120rem * 0.5625);
width: 100%;
overflow: hidden;
}
.post__image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-width: none;
}
@media only screen and (max-width: 850px) {
.post__image {
height: 0;
padding-top: 56.25%;
width: 100vw;
}
.post__image img {
width: 100%;
}
}
.post__content {
width: 70%;
margin: 50px 0;
}
.post__content p:last-child {
margin: 0;
}
@media only screen and (max-width: 600px) {
.post__content {
width: 100%;
margin: 30px 0;
}
}
.post__back svg {
font-size: 0.9em;
}
.post.type-post {
max-width: 1300px;
}
@media only screen and (max-width: 600px) {
.post.type-post {
max-width: 100vw;
}
.post.type-post .post__image {
padding-top: calc(100vw * 0.5625);
}
}
.service__content {
padding: 60px 0 20px;
}
.service__content .left {
width: 50%;
padding-right: 130px;
}
.service__content .left .page__header {
margin: 0 0 10px;
}
.service__content .right {
width: 50%;
}
@media only screen and (max-width: 1280px) {
.service__content .left {
width: 65%;
padding-right: 50px;
}
.service__content .right {
width: 35%;
}
}
@media only screen and (max-width: 600px) {
.service__content {
flex-direction: column;
}
.service__content .left {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.service__content .right {
width: 100%;
}
}
.service__providers {
width: 100%;
}
.service__providers .flex_child {
width: 80%;
position: relative;
}
.service__providers .flex_child .locations {
width: 100%;
background-color: #fff;
position: relative;
z-index: 2;
}
.service__providers .flex_child .locations .location {
display: none;
}
.service__providers .flex_child .locations .location .loc_container {
padding: 15px;
height: 100%;
}
.service__providers .flex_child .locations .location .loc_container p {
margin: 0;
line-height: 25px;
}
.service__providers .flex_child .locations .location .loc_container p svg {
color: #c91019;
font-size: 0.8em;
}
.service__providers .flex_child .locations .location .loc_container h5 {
margin: 0;
}
.service__providers .flex_child .locations .location .loc_container .categories span {
color: #000000;
line-height: 25px;
}
.service__providers .flex_child .locations .location .loc_container .categories span:after {
content: "/";
display: inline-block;
margin-right: 5px;
}
.service__providers .flex_child .locations .location .loc_container .categories span:last-of-type:after {
content: "";
margin-right: 0;
}
.service__providers .flex_child .locations .location.contains_cat {
display: block;
}
.service__providers .flex_child .locations.searched .location.closest.contains_cat {
display: block;
}
.service__providers .flex_child .locations.searched .location.contains_cat:not(.closest) {
display: none !important;
}
.service__providers .flex_child .locations.searched .location:not(.closest):not(.contains_cat) {
display: none !important;
}
.service__providers .flex_child .no_results {
display: none;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
width: 100%;
color: #d4d5d5;
text-align: center;
margin: 0;
}
.service__providers .flex_child .no_results.visible {
display: block;
}
@media only screen and (max-width: 1280px) {
.service__providers .cat_filtering {
width: 30%;
}
.service__providers .flex_child {
width: 70%;
}
}
@media only screen and (max-width: 850px) {
.service__providers {
flex-direction: column;
}
.service__providers .cat_filtering {
width: 100%;
}
.service__providers .flex_child {
width: calc(100% + 2rem);
margin-left: -1rem;
}
}
@media only screen and (max-width: 600px) {
.service__providers .cat_filtering {
width: 100vw;
}
}
.cat_filtering {
width: 20%;
background-color: #54585a;
padding: 4rem 3rem 4rem 4rem;
}
.cat_filtering__head {
justify-content: flex-start;
position: relative;
}
.cat_filtering__head input {
background-color: #ededed;
width: 100%;
font-size: 16px;
border-radius: 0;
}
.cat_filtering__head #remove_search {
display: none;
margin-left: 10px;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%, -50%);
cursor: pointer;
}
.cat_filtering__head #remove_search svg {
color: #000;
}
.cat_filtering__head #search_icon {
margin-left: 10px;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%, -50%);
}
.cat_filtering__head #search_icon svg {
color: #949494;
opacity: 0.5;
}
.cat_filtering__body {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #fff;
}
.cat_filtering__body label,
.cat_filtering__body h5 {
color: #fff;
margin: 0;
}
.cat_filtering__body h5 {
margin-bottom: 2rem;
}
.cat_filtering__body label {
font-size: 1.4rem;
text-transform: uppercase;
font-weight: bold;
flex-basis: calc(100% - 18px);
}
.cat_filtering__body #filter_opener {
display: none;
}
.cat_filtering__body .checkbox {
justify-content: flex-start;
margin-bottom: 25px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cat_filtering__body .checkbox input {
margin: auto 10px auto 0;
width: 18px;
height: 18px;
}
.cat_filtering__body .checkbox input:checked ~ .checkmark {
background-color: #c91019;
}
.cat_filtering__body .checkbox input:checked ~ .checkmark:after {
display: block;
}
.cat_filtering__body .checkbox .checkmark {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 18px;
height: 18px;
pointer-events: none;
border-radius: 2px;
}
.cat_filtering__body .checkbox .checkmark:after {
content: "";
display: none;
position: absolute;
left: 50%;
top: 40%;
width: 7px;
height: 12px;
border: solid white;
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(35deg);
}
.cat_filtering__body .checkbox:not(.all) {
margin-left: 2rem;
}
.cat_filtering__body .checkbox:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.cat_filtering {
padding: 3rem 2rem;
}
}
@media only screen and (max-width: 850px) {
.cat_filtering {
width: 100%;
margin-bottom: 30px;
padding-bottom: 0;
}
.cat_filtering__body h5 {
display: none;
}
.cat_filtering__body #filter_opener {
display: block;
color: #fff;
font-size: 1.7rem;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
}
.cat_filtering__body #filter_container {
display: none;
}
.cat_filtering__body #filter_container .checkbox:last-of-type {
margin-bottom: 50px;
}
}
.shops_container {
margin-top: 20px;
}
.shops_container .shops {
flex-wrap: wrap;
justify-content: flex-start;
}
.shops_container .shops .shop {
height: 185px;
width: calc(33.3333% - 1.33333333333rem);
margin-right: 2rem;
margin-bottom: 2rem;
box-shadow: 0px 3px 6px rgba(0,0,0,0.16078);
}
.shops_container .shops .shop .picture {
display: inline-block;
height: 100%;
width: 35%;
position: relative;
overflow: hidden;
}
.shops_container .shops .shop .picture img {
max-width: none;
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.shops_container .shops .shop .text {
flex-grow: 1;
padding: 20px;
justify-content: flex-start;
font-weight: lighter;
}
.shops_container .shops .shop .text h5 {
font-family: "trade-gothic-next", sans-serif;
margin: 0;
color: #000;
}
.shops_container .shops .shop .text .contact {
margin-top: auto;
}
.shops_container .shops .shop .text .contact p {
margin: 0;
}
.shops_container .shops .shop .text .contact .left {
width: 60%;
margin-top: auto;
}
.shops_container .shops .shop .text .contact .right {
margin-top: auto;
margin-left: auto;
}
.shops_container .shops .shop .text .contact .right a {
color: #000;
white-space: nowrap;
font-weight: bold;
display: block;
}
.shops_container .shops .shop .text .contact .right a svg {
font-size: 0.8em;
}
.shops_container .shops .shop .text .contact .right a:hover {
color: #c91019;
}
.shops_container .shops .shop:nth-of-type(3n) {
margin-right: 0;
}
@media only screen and (max-width: 1280px) {
.shops_container .shops .shop {
width: calc(50% - 1rem);
}
.shops_container .shops .shop:nth-of-type(2n) {
margin-right: 0;
}
.shops_container .shops .shop:nth-of-type(3n) {
margin-right: 2rem;
}
}
@media only screen and (max-width: 850px) {
.shops_container .shops .shop {
height: 145px;
}
}
@media only screen and (max-width: 600px) {
.shops_container .shops .shop {
width: 100%;
margin-right: 0;
}
.shops_container .shops .shop:nth-of-type(2n) {
margin-right: 0;
}
.shops_container .shops .shop:nth-of-type(3n) {
margin-right: 0;
}
}
.hinzverkstader .subpage_hero {
min-height: 550px;
height: 60vh;
}
@media only screen and (max-width: 850px) {
.hinzverkstader .shop_wrapper {
flex-wrap: wrap;
margin-bottom: 2.5rem;
}
.hinzverkstader .subpage_hero {
height: 500px;
min-height: 500px;
}
}
@media only screen and (max-width: 600px) {
.hinzverkstader .shop_wrapper {
margin-bottom: 0;
}
.hinzverkstader .subpage_hero {
height: 275px;
min-height: 275px;
}
}
.hinzverkstader .posts {
margin-top: 30px;
}
.hinzverkstader .posts .post {
max-width: calc(100% / 3);
}
@media only screen and (max-width: 850px) {
.hinzverkstader .posts {
flex-direction: column;
}
.hinzverkstader .posts .post {
max-width: 100%;
width: 100%;
}
.hinzverkstader .posts .post:nth-of-type(2) {
margin: 30px 0;
}
}
.hinzverkstader .post__header:not(.post--search__header) {
width: 50%;
margin: 5rem 0 0;
padding-right: 80px;
display: flex;
flex-direction: column;
}
.hinzverkstader .post__header:not(.post--search__header) .post__title {
margin-top: 0;
}
.single-hinzverkstader .hinzverkstader .post__header:not(.post--search__header) {
width: auto;
max-width: 800px;
margin-bottom: 0;
}
.hinzverkstader .post__header:not(.post--search__header) table {
display: inline-block;
}
.hinzverkstader .post__header:not(.post--search__header) table th {
text-align: left;
padding: 0;
}
.hinzverkstader .post__header:not(.post--search__header) table th strong {
color: #000;
}
.hinzverkstader .post__header:not(.post--search__header) table td {
padding-right: 30px;
padding-left: 0;
background-color: #fff;
line-height: 24px;
}
.hinzverkstader .post__header:not(.post--search__header) .mail_us {
margin-top: auto;
padding-top: 15px;
margin-bottom: 0;
}
.hinzverkstader .post__header:not(.post--search__header) .mail_us a {
color: #000;
text-decoration: underline;
}
.hinzverkstader .post__content {
width: 50%;
margin: 5rem 0 0;
max-height: 400px;
}
.hinzverkstader .post__content .text {
width: 40%;
display: flex;
background-color: #edeeee;
}
.hinzverkstader .post__content .text .inner {
margin-top: auto;
padding: 25px;
}
.hinzverkstader .post__content .text .inner p {
margin-bottom: 0;
font-size: 2rem;
}
.hinzverkstader .post__content .map {
width: 60%;
}
.hinzverkstader .post__content .map .acf-map {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1280px) {
.hinzverkstader .post__header:not(.post--search__header) {
width: 55%;
padding-right: 40px;
}
.hinzverkstader .post__content {
width: 45%;
}
.hinzverkstader .post__content .text .inner {
padding-right: 15px;
}
.hinzverkstader .post__content .text .inner h3 {
font-size: 1.8em;
}
.hinzverkstader .post__content .text .inner p {
font-size: 1.6rem;
}
}
@media only screen and (max-width: 1140px) {
.hinzverkstader .post__header:not(.post--search__header) {
width: 40%;
margin-bottom: 4rem;
}
.hinzverkstader .post__header:not(.post--search__header) .text_container {
width: 966px;
height: 140px;
}
.hinzverkstader .post__header:not(.post--search__header) p {
margin-bottom: 0;
}
.hinzverkstader .post__content {
width: 60%;
margin-top: calc(5rem + 145px);
margin-bottom: 4rem;
}
}
@media only screen and (max-width: 850px) {
.hinzverkstader .post__header:not(.post--search__header) {
padding-right: 0;
width: 100%;
}
.hinzverkstader .post__header:not(.post--search__header) .text_container {
width: 100%;
height: auto;
margin-bottom: 2rem;
}
.hinzverkstader .post__content {
width: 100%;
margin-top: 0;
}
}
@media only screen and (max-width: 600px) {
.hinzverkstader .post__content {
margin-bottom: 0;
width: 100vw;
}
.hinzverkstader .post__content .text {
width: 50vw;
}
.hinzverkstader .post__content .text .inner {
padding: 25px 3vw;
}
.hinzverkstader .post__content .text .inner p {
font-size: 14px;
}
.hinzverkstader .post__content .map {
width: 50vw;
}
.hinzverkstader .post__header:not(.post--search__header) {
margin-top: 3rem;
}
}
.hinzverkstader .contact_persons_title {
font-size: 3rem;
margin-top: 70px;
margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
.hinzverkstader .contact_persons_title {
margin-top: 10px;
}
}
.hinzverkstader .contact_persons {
justify-content: flex-start;
flex-wrap: wrap;
}
.hinzverkstader .contact_persons .contact_person {
width: calc(25% - 2rem);
margin-right: 2.66667rem;
margin-bottom: 2.66667rem;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(4n) {
margin-right: 0;
}
@media only screen and (max-width: 1280px) {
.hinzverkstader .contact_persons .contact_person {
width: calc(33% - 1rem);
margin-right: 2rem;
margin-bottom: 2rem;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(3n) {
margin-right: 0;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(4n) {
margin-right: 2rem;
}
}
@media only screen and (max-width: 1140px) {
.hinzverkstader .contact_persons .contact_person {
width: calc(33% - 1rem);
margin-right: 1.9rem;
margin-bottom: 1.9rem;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(3n) {
margin-right: 0;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(4n) {
margin-right: 1.9rem;
}
}
@media only screen and (max-width: 850px) {
.hinzverkstader .contact_persons .contact_person {
width: calc(50% - 1rem);
margin-right: 2rem;
margin-bottom: 2rem;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(2n) {
margin-right: 0;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(3n) {
margin-right: 2rem;
}
.hinzverkstader .contact_persons .contact_person:nth-of-type(4n) {
margin-right: 0;
}
}
@media only screen and (max-width: 600px) {
.hinzverkstader .contact_persons {
flex-direction: column;
}
.hinzverkstader .contact_persons .contact_person {
width: 100%;
margin-right: 0;
}
}
.archive {
padding-top: 20px;
}
.archive__categories {
width: 20%;
margin-right: 2rem;
}
.archive__categories h4 {
margin-bottom: 2rem;
}
.archive__categories .filtering {
padding: 40px 30px 40px;
background-color: #54585a;
}
.archive__categories .filtering h4,
.archive__categories .filtering a {
color: #fff;
margin-top: 0;
font-weight: bold;
}
.archive__categories .filtering a:focus,
.archive__categories .filtering a:hover {
color: #000000;
}
.archive__categories .filtering__body {
display: flex;
flex-flow: column nowrap;
grid-gap: 2.2rem;
gap: 2.2rem;
}
.archive__categories .filtering__body .cat {
text-transform: uppercase;
}
.archive__categories .filtering__body .cat.active a {
color: #000000;
text-decoration: underline;
}
.archive__categories #filter_opener {
display: none;
}
.archive__posts {
width: calc(80% - 2rem);
}
.archive__posts .posts_header {
text-align: right;
}
.archive__posts .posts_header h4 {
margin-top: 0;
text-transform: uppercase;
}
@media only screen and (max-width: 850px) {
.archive__posts .posts_header h4 {
display: none;
}
}
.archive__posts .posts .post {
width: 100%;
margin: 0 0 6rem;
transition: 0.5s background-color;
}
.archive__posts .posts .post .left {
width: 60%;
padding-left: 3rem;
padding-right: 15rem;
color: #000;
margin: auto 0;
}
.lediga-tjanster .archive__posts .posts .post .left {
padding-left: 0;
}
.archive__posts .posts .post .left .tags {
font-size: 1.6rem;
text-transform: uppercase;
color: #c91019;
}
.archive__posts .posts .post .left .tags .multiple:after {
content: ", ";
}
.archive__posts .posts .post .left .tags .multiple:last-of-type:after {
content: "";
}
@media only screen and (max-width: 1024px) {
.archive__posts .posts .post .left .tags {
font-size: 14px;
}
}
.archive__posts .posts .post .left .post__title {
color: #000000;
margin-top: 0;
font-size: 3rem;
}
.archive__posts .posts .post .left .post__content {
width: 100%;
margin: 0;
font-size: 2rem;
}
.archive__posts .posts .post .left .read_more {
display: block;
transition: 0.5s color;
margin-top: 15px;
text-transform: uppercase;
}
.archive__posts .posts .post .left .read_more svg {
font-size: 0.8em;
}
.archive__posts .posts .post .right {
width: 40%;
line-height: 0;
}
.archive__posts .posts .post .right .post_image {
overflow: visible;
overflow: initial;
}
@media only screen and (max-width: 1280px) {
.archive__posts .posts .post .left {
padding-right: 50px;
}
}
@media only screen and (max-width: 600px) {
.archive__posts .posts .post {
width: 100vw;
}
.archive__posts .posts .post a {
flex-direction: column-reverse;
}
.archive__posts .posts .post .left,
.archive__posts .posts .post .right {
width: 100%;
}
.archive__posts .posts .post .left {
padding: 25px;
}
}
@media only screen and (max-width: 850px) {
.archive {
flex-direction: column;
}
.archive__categories {
width: 100%;
margin: 0;
}
.archive__categories #filter_opener {
display: block;
color: #fff;
font-size: 1.7rem;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
.archive__categories h4 {
display: none;
}
.archive__categories .filtering__body {
display: none;
}
.archive__posts {
width: 100%;
margin-top: 30px;
}
}
@media only screen and (max-width: 600px) {
.archive__categories {
width: 100vw;
}
}
.product_areas__content {
width: 66%;
margin-top: 3rem;
}
.product_areas__content .page__header {
margin-top: 0;
}
.product_areas__sidebar {
width: 33%;
margin-top: 3rem;
}
.modelinfo .product_areas__sidebar {
margin-top: 0;
}
.product_areas__sidebar h4 {
text-transform: uppercase;
margin-top: 0;
}
.product_areas__sidebar .contact_person {
margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.product_areas__sidebar .contact_person {
flex-direction: row;
}
.product_areas__sidebar .contact_person .picture {
width: 30%;
}
.product_areas__sidebar .contact_person .picture img {
width: 100%;
height: 100%;
max-height: 100%;
}
.product_areas__sidebar .contact_person .text {
width: 100%;
}
}
.product_areas__sidebar .sizes .size {
margin-bottom: 10px;
padding: 25px 60px 25px 20px;
display: inline-block;
color: #fff;
background-size: 0%;
position: relative;
overflow: hidden;
width: 100%;
}
.product_areas__sidebar .sizes .size:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-image: inherit;
background-size: cover;
background-position: center;
filter: grayscale(1);
transition: 0.5s transform;
}
.product_areas__sidebar .sizes .size .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-color: #384044;
opacity: 0.7;
}
.product_areas__sidebar .sizes .size h2 {
color: #c91019;
margin: 0;
}
.product_areas__sidebar .sizes .size h2,
.product_areas__sidebar .sizes .size p,
.product_areas__sidebar .sizes .size strong {
position: relative;
z-index: 2;
transition: 0.5s color;
}
.product_areas__sidebar .sizes .size:hover:before {
transform: translate(-50%, -50%) scale(1.15);
}
.product_areas__sidebar .sizes .size:hover strong {
color: #c91019;
}
@media only screen and (max-width: 850px) {
.product_areas__sidebar .sizes .size {
padding: 15px;
}
.product_areas__sidebar .sizes .size h2 {
margin-bottom: 10px;
}
}
.product_areas__sidebar .downloadables {
background-color: #ededed;
padding: 2rem 2rem 4rem 2rem;
margin: 15px 0 0;
order: 2;
}
.product_areas__sidebar .downloadables li {
list-style: none;
}
.product_areas__sidebar .downloadables li a {
color: #000;
}
.product_areas__sidebar .downloadables li a svg {
display: inline-block;
margin-right: 7px;
color: #c91019;
}
.product_areas__sidebar .downloadables li a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
.product_areas {
flex-direction: column;
}
.product_areas__content {
width: 100%;
}
.product_areas__sidebar {
width: 100%;
display: flex;
flex-direction: column;
}
.product_areas__sidebar .sizes {
order: 1;
}
.product_areas__sidebar .sizes h3 {
margin-top: 0;
}
.product_areas__sidebar .contact_persons {
order: 2;
margin-top: 3rem;
}
}
.access_archive hr {
display: none;
}
.access_archive .filtering {
width: 25%;
}
.access_archive .filtering .cat_filtering {
width: 100%;
}
.access_archive .flex_child {
width: calc(75% - 3rem);
padding-left: 3rem;
}
@media only screen and (max-width: 850px) {
.access_archive .access_wrapper {
flex-direction: column;
}
.access_archive .filtering {
width: 100%;
}
.access_archive .filtering .cat_filtering {
padding-bottom: 1rem;
}
.access_archive .flex_child {
width: 100%;
padding-left: 0;
}
}
@media only screen and (max-width: 600px) {
.access_archive .filtering {
width: 100vw;
}
}
.search_field {
width: 60%;
}
.search_field .search {
justify-content: flex-start;
padding: 40px 0;
}
.search_field .search .search_icon {
border-bottom: solid 1px #e7e7e7;
display: flex;
padding-right: 15px;
height: 42px;
}
.search_field .search .search_icon svg {
margin: auto 0;
color: #949494;
opacity: 0.22;
font-size: 1.3em;
}
@media only screen and (max-width: 600px) {
.search_field .search .search_icon {
width: 30px;
padding: 0;
}
}
.search_field .search .form--search {
flex-grow: 1;
display: flex;
}
.search_field .search .form--search input {
width: 60%;
border: 0;
border-bottom: solid 1px #e7e7e7;
padding: 2px 5px;
color: #000;
height: 42px;
font-size: 2rem;
border-radius: 0;
-webkit-appearance: none;
}
@media only screen and (max-width: 600px) {
.search_field .search .form--search input {
width: 100%;
}
}
.search_field .search .form--search .search__submit {
min-width: 150px;
margin-left: auto;
color: #fff;
}
.search_field .search .form--search .search__submit svg {
font-size: 0.9em;
}
@media only screen and (max-width: 600px) {
.search_field .search .form--search .search__submit {
min-width: 250px;
text-align: center;
margin: 15px auto 0;
transform: translateX(-15px);
}
}
@media only screen and (max-width: 600px) {
.search_field .search .form--search {
flex-direction: column;
}
}
.search_field .search #search {
display: flex;
align-items: center;
margin-left: 5px;
cursor: pointer;
opacity: 0.22;
}
.search_field .search #search svg {
font-size: 1.4em;
color: #949494;
}
.search_field .search #search:hover svg {
color: #c91019;
}
@media only screen and (max-width: 850px) {
.search_field {
width: 100%;
}
}
#searchResultHolder {
width: 60%;
}
#searchResultHolder .post {
border-bottom: solid 1px #e7e7e7;
padding-bottom: 60px;
margin-bottom: 60px;
}
#searchResultHolder .post__title {
margin: 0;
width: 100%;
}
#searchResultHolder .post__title a {
color: #c91019;
}
#searchResultHolder .post__content {
margin: 0;
width: 85%;
}
#searchResultHolder .post__read-more {
font-weight: bold;
transition: 0.5s color;
margin-top: 25px;
}
#searchResultHolder .post__read-more a {
color: #000;
}
#searchResultHolder .post__read-more a svg {
font-size: 0.8em;
}
#searchResultHolder .post__read-more a:hover {
color: #c91019;
}
@media only screen and (max-width: 850px) {
#searchResultHolder {
width: 100%;
}
#searchResultHolder .post {
padding-bottom: 30px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 600px) {
#searchResultHolder .post__content {
width: 100%;
}
}
.fourofour {
min-height: 650px;
background-size: cover;
background-position: center;
position: relative;
display: flex;
}
.fourofour:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.fourofour .container {
z-index: 1;
position: relative;
margin: auto;
}
.fourofour .page__header {
color: #c91019;
text-align: center;
font-size: 20rem;
margin: 0 0 20px;
line-height: 0.9;
}
.fourofour p {
color: #fff;
font-size: 2rem;
font-weight: bold;
margin-bottom: 70px;
}
.post__link-text {
color: #c91019;
}
.post__link {
display: flex;
align-items: center;
font-size: 1.6rem;
}
.post__link-icon {
margin: 0 1.2rem;
}
.revert-width.revert-width.revert-width {
width: auto;
}
.sidebar .sidebar__content {
width: 100%;
margin: 0 0 0.85em;
padding: 0 0 0.85em;
border-bottom: solid 1px #ccc;
}
.site-footer {
position: relative;
font-size: 1.4rem;
width: 100%;
flex-grow: 0;
margin-top: auto;
color: #fff;
display: flex;
flex-direction: column;
isolation: isolate;
margin-top: 50px;
}
.site-footer a {
color: #fff;
}
.site-footer a[href^="mailto:"] {
text-decoration: underline;
}
.site-footer a:focus, .site-footer a:hover {
color: #000000;
text-decoration: none;
}
.site-footer p {
margin: 0;
}
.site-footer__background-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -10;
}
.site-footer__bottom {
background: #000;
padding-bottom: 5.5rem;
}
.site-footer__bottom-inner {
margin: 0 auto;
padding: 2rem 0;
display: flex;
flex-flow: column-reverse nowrap;
align-items: center;
justify-content: center;
grid-gap: 1.5rem;
gap: 1.5rem;
}
@media (min-width: 850px) {
.site-footer__bottom-inner {
flex-flow: row wrap;
justify-content: space-between;
}
}
.site-footer__socials {
display: flex;
grid-gap: 1rem;
gap: 1rem;
font-size: 0;
}
.site-footer__socials svg {
width: 2.1rem;
height: 2.1rem;
}
.site-footer__socials a {
padding: 1.25rem;
border-radius: 0.5rem;
}
@media (min-width: 850px) {
.site-footer__copy {
margin-right: 6em;
}
}
@media (min-width: 850px) {
.site-footer__extra-nav {
margin-right: auto;
}
}
.site-footer__extra-nav .menu {
display: flex;
flex-flow: row wrap;
justify-content: center;
grid-gap: 1rem 2rem;
gap: 1rem 2rem;
}
.site-footer__extra-nav ul {
margin: 0;
}
.site-footer__extra-nav li {
line-height: 1;
display: inline;
}
.site-footer__extra-nav a {
text-decoration: underline;
}
.site-footer__extra-nav a:focus, .site-footer__extra-nav a:hover {
color: #fff;
}
.site-footer__title {
color: #fff;
text-transform: uppercase;
font-size: 2.5rem;
margin: 0 0 2rem;
}
@media (min-width: 850px) {
.site-footer__title {
font-size: 3rem;
margin: 0 0 3rem;
}
}
.site-footer .left {
width: 66.66666%;
border-right: solid #fff 1px;
margin: 3rem 0 2rem;
}
@media (min-width: 850px) {
.site-footer .left {
margin: 5rem 0;
}
}
.site-footer .left .place {
display: block;
margin-bottom: 10px;
text-transform: uppercase;
}
.site-footer .left .others {
max-height: 300px;
flex-wrap: wrap;
width: 60%;
margin-left: auto;
}
.site-footer .left .others .other:nth-of-type(2n) {
margin-top: 20px;
}
.site-footer .right {
width: 33.3333%;
min-height: 100%;
padding-left: 40px;
}
.site-footer .right .info_wrapper {
padding-top: 58px;
position: relative;
margin-right: 100px;
padding-bottom: 20px;
}
.site-footer .right .info_wrapper .socials {
margin-top: 58px;
}
.site-footer .right .info_wrapper .socials strong {
display: block;
text-transform: uppercase;
}
.site-footer .right .info_wrapper .socials a {
font-size: 3em;
text-decoration: none;
margin-right: 5px;
}
.site-footer .right .info_wrapper .socials a:last-of-type {
margin-right: 0;
}
.site-footer .right .info_wrapper .menu {
margin-top: 40px;
}
.site-footer .right .info_wrapper .menu a {
display: block;
text-decoration: underline;
}
.site-footer .right .info_wrapper .menu ul {
margin-bottom: 20px;
margin-left: 0;
}
.site-footer .right .info_wrapper .menu ul li {
list-style: none;
}
.site-footer .right .info_wrapper .menu ul li a {
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.site-footer .right .logo {
margin-top: 5rem;
text-align: right;
padding-bottom: 20px;
}
.site-footer .right .logo img {
width: 250px;
max-width: 100%;
}
.site-footer > .container {
display: flex;
height: 100%;
position: relative;
}
.site-footer__copyright {
display: flex;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 1440px) {
.site-footer .left {
width: 60%;
}
.site-footer .left .others {
width: 66.6666%;
}
.site-footer .right {
width: 40%;
}
}
@media screen and (max-width: 1140px) {
.site-footer .container {
flex-direction: column;
}
.site-footer .container.wide {
max-width: 94%;
}
.site-footer .right,
.site-footer .left {
width: 100%;
}
.site-footer .left {
border-right: 0;
}
.site-footer .right {
padding-left: 0;
padding-bottom: 40px;
}
.site-footer .right .info_wrapper {
width: 50%;
margin-right: 0;
padding-top: 20px;
padding-bottom: 0;
}
.site-footer .right .info_wrapper .socials {
display: none;
}
.site-footer .right .info_wrapper .menu {
margin-top: 0;
}
.site-footer .right .info_wrapper:after {
background-size: 0;
width: 0;
}
.site-footer .right .logo {
width: 50%;
padding-top: 20px;
padding-bottom: 0;
margin-top: 0;
}
.site-footer .right .logo .logotype__image {
max-width: 300px;
}
}
@media screen and (max-width: 600px) {
.site-footer {
font-size: 16px;
}
.site-footer:before {
margin-top: -1px;
}
.site-footer .left {
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: solid #fff 1px;
}
.site-footer .left .flex_row_wrapper {
flex-direction: column;
}
.site-footer .left .title {
font-size: 20px;
}
.site-footer .left .others {
margin-left: 0;
flex-direction: column;
margin-top: 20px;
max-height: none;
}
.site-footer .left .others .other:nth-of-type(2n) {
margin-top: 0;
}
.site-footer .left .others .place {
margin-bottom: 5px;
}
.site-footer .left .others .place:after {
content: "▼";
display: inline-block;
transform: rotate(-90deg);
margin-left: 5px;
transition: 0.5s transform;
}
.site-footer .left .others .place.active:after {
transform: none;
}
.site-footer .left .others .info {
display: none;
margin-bottom: 10px;
}
.site-footer .right {
padding-top: 20px;
flex-direction: column;
}
.site-footer .right .info_wrapper {
padding-top: 0;
}
.site-footer .right .info_wrapper .socials strong {
font-size: 20px;
}
.site-footer .right .info_wrapper .menu {
margin: 10px 0;
}
.site-footer .right .info_wrapper .menu ul li {
margin-bottom: 10px;
}
.site-footer .right .logo {
padding-top: 10px;
text-align: left;
}
}
@media print {
.pagebreak {
page-break-before: always;
} .site-header {
box-shadow: none;
}
.site-header__nav, .site-header__right {
display: none;
}
.site-header .print_text {
display: inline-block;
margin-top: auto;
margin-left: 40px;
}
.configurator .breadcrumb_container,
.configurator .tabs_container,
.configurator .part-title,
.configurator .summary__bot .form,
.configurator .summary__top .content_wrapper .product_info__links,
.configurator .success_message {
display: none;
}
.configurator .summary__top {
padding: 30px !important;
}
.configurator .summary__top h4 {
margin: 0 0 10px;
}
.configurator .summary__top .content_wrapper .product_info {
width: 40%;
padding-right: 30px;
display: block;
}
.configurator .summary__top .content_wrapper .product_info__product {
display: block;
}
.configurator .summary__top .content_wrapper .product_info__product .img_holder,
.configurator .summary__top .content_wrapper .product_info__product .text_holder {
width: 100% !important;
}
.configurator .summary__top .content_wrapper .product_info__product .text_holder h5 {
margin: 10px 0 !important;
}
.configurator .summary__top .content_wrapper .accessories {
width: 60%;
}
.configurator .summary__top .content_wrapper .accessories .accessory .img_holder {
max-width: none;
display: inline-block;
}
.configurator .summary__top .content_wrapper .accessories .accessory .img_holder img {
width: 100px;
}
.configurator .summary__bot {
width: 100%;
}
.configurator .summary__bot .contact_tab__content .contact_persons {
display: inline-flex !important;
flex-wrap: wrap;
width: 100% !important;
}
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person {
width: 32% !important;
max-width: none !important;
display: inline-flex !important;
min-height: 0 !important;
max-height: 130px !important;
}
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person .picture {
width: 70px !important;
min-height: 0 !important;
}
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person .picture img {
max-height: 100px !important;
max-width: 70px !important;
}
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person .text {
width: auto !important;
padding: 10px 5px !important;
}
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person .text h5 {
font-size: 9px;
}
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person .text p,
.configurator .summary__bot .contact_tab__content .contact_persons .contact_person .text a {
font-size: 8px;
}
.button {
display: none;
}
.site-footer {
display: none;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 14pt;
}
h5 {
font-size: 12pt;
margin-top: 0;
}
p,
strong {
font-size: 11pt;
}
body {
-webkit-print-color-adjust: exact !important;
}
}
@media only screen and (max-width: 600px) {
.configurator__content {
display: flex;
flex-direction: column;
}
}
.configurator .breadcrumb_container h3 {
margin: 0;
font-size: 3rem;
}
@media only screen and (max-width: 600px) {
.configurator .breadcrumb_container h3 {
font-size: 20px;
}
}
.configurator .tabs_container .tab {
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
padding-top: 1.5rem;
flex-grow: 1;
text-align: center;
height: 70px;
border: 1px solid #ebebeb;
background-color: #5e5e5d;
color: #fff;
}
.configurator .tabs_container .tab a {
color: #fff;
}
.configurator .tabs_container .tab p {
margin: 0;
font-size: 1.3rem;
}
@media only screen and (max-width: 1280px) {
.configurator .tabs_container .tab p {
font-size: 1.1rem;
}
}
@media only screen and (max-width: 1140px) {
.configurator .tabs_container .tab p {
font-size: 1rem;
}
}
.configurator .tabs_container .tab:not(.picked) strong,
.configurator .tabs_container .tab:not(.picked) p {
opacity: 0.3;
}
.configurator .tabs_container .tab.active {
background-color: #c91019;
}
.configurator .tabs_container .tab.active strong,
.configurator .tabs_container .tab.active p {
opacity: 1;
}
@media only screen and (max-width: 850px) {
.configurator .tabs_container .tab {
width: 100%;
display: none;
}
.configurator .tabs_container .tab strong {
font-size: 1.9rem;
}
.configurator .tabs_container .tab p {
font-size: 1.5rem;
}
.configurator .tabs_container .tab.active {
display: flex;
}
}
.configurator .part-title {
margin: 30px 0 80px;
}
@media only screen and (max-width: 850px) {
.configurator .part-title {
margin: 40px 0;
}
}
.configurator .button_container {
justify-content: flex-start;
text-align: right;
margin-bottom: 20px;
}
.configurator .button_container .button.options {
margin-top: 50px;
}
.configurator .button_container.accessories {
margin-top: 50px;
width: 40%;
}
@media only screen and (max-width: 850px) {
.configurator .button_container.modelinfo_btn {
width: 100%;
text-align: center;
margin: 20px 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .button_container.modelinfo_btn {
margin: 20px 0 0;
}
}
.configurator .bottom_button_container {
justify-content: flex-start;
margin-top: 50px;
}
.configurator .bottom_button_container .prev {
margin-right: 15px;
}
.configurator .bottom_button_container #nextBtn {
display: flex;
justify-content: flex-end;
width: 100%;
}
@media only screen and (max-width: 600px) {
.configurator .bottom_button_container {
align-items: center;
flex-direction: column-reverse;
}
.configurator .bottom_button_container .prev {
margin-right: 0;
margin-top: 15px;
}
.configurator .bottom_button_container #nextBtn {
justify-content: center;
}
}
.configurator .not_found {
margin: 60px 0;
max-width: 500px;
}
.configurator .options .options_container .opt_cat {
margin-top: 50px;
}
.configurator .options .options_container .opt_cat:first-of-type {
margin-top: 0;
}
.configurator .options .options_container .opt_cat:first-of-type.unsorted {
margin-top: 0;
}
.configurator .options .options_container .opt_cat:first-of-type .opt_title {
margin-top: 0;
}
@media only screen and (max-width: 850px) {
.configurator .options .options_container .opt_cat {
display: flex;
flex-wrap: wrap;
padding-bottom: 3rem;
border-bottom: #d4d5d5 solid 1px;
margin-top: 3rem;
}
.configurator .options .options_container .opt_cat .opt_title {
width: 100%;
margin-top: 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .options .options_container .opt_cat {
flex-direction: column;
border-bottom: 0;
}
.configurator .options .options_container .opt_cat .opt_title {
text-align: center;
}
}
@media only screen and (max-width: 600px) {
.configurator .options .options_container .opt_cat:last-of-type .option {
margin-bottom: 0;
}
}
.configurator .options .options_container .option {
justify-content: flex-start;
min-height: 15rem;
}
.configurator .options .options_container .option .img_holder {
margin: 5px 0;
margin-right: 2rem;
width: 25.6rem;
position: relative;
overflow: hidden;
}
.configurator .options .options_container .option .img_holder img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media only screen and (max-width: 1140px) {
.configurator .options .options_container .option .img_holder {
width: 200px;
}
}
.configurator .options .options_container .option .text_holder {
align-items: center;
flex-grow: 1;
border-top: #d4d5d5 solid 1px;
}
.configurator .options .options_container .option .text_holder p {
margin-bottom: 0;
}
.configurator .options .options_container .option .text_holder .text_wrapper {
margin-right: auto;
width: 40rem;
padding: 2rem 0;
padding-left: 2rem;
}
@media only screen and (max-width: 1140px) {
.configurator .options .options_container .option .text_holder {
width: calc(100% - 200px);
}
}
.configurator .options .options_container .option h4 {
margin: auto 30px;
width: 300px;
}
@media only screen and (max-width: 1140px) {
.configurator .options .options_container .option h4 {
margin: auto 10px;
width: 200px;
}
}
.configurator .options .options_container .option:last-of-type .text_holder {
border-bottom: #d4d5d5 solid 1px;
}
@media only screen and (max-width: 850px) {
.configurator .options .options_container .option:last-of-type .text_holder {
border-bottom: 0;
}
}
@media only screen and (max-width: 850px) {
.configurator .options .options_container .option {
width: calc((100% / 2) - 10px);
height: auto;
flex-direction: column;
padding-right: 10px;
margin-right: 10px;
border-right: #d4d5d5 solid 1px;
}
.configurator .options .options_container .option h4 {
margin: 15px auto;
}
.configurator .options .options_container .option .text_holder {
flex-direction: column;
text-align: center;
border-top: 0;
justify-content: flex-start;
width: 100%;
}
.configurator .options .options_container .option .text_holder .text_wrapper {
width: 100%;
padding: 0;
margin-bottom: 15px;
}
.configurator .options .options_container .option .img_holder {
text-align: center;
width: 100%;
margin: 0;
}
.configurator .options .options_container .option .img_holder img {
position: relative;
transform: none;
top: 0;
}
.configurator .options .options_container .option:nth-of-type(3n), .configurator .options .options_container .option:last-of-type {
border-right: 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .options .options_container .option {
width: 100%;
padding-right: 0;
padding-bottom: 30px;
margin: 0 auto 30px;
border-right: 0;
border-bottom: #d4d5d5 solid 1px;
}
}
@media only screen and (max-width: 1140px) {
.configurator .options .options_container {
margin: 30px 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .options .options_container {
margin: 0;
}
}
@media only screen and (max-width: 850px) {
.configurator .options_head {
flex-direction: column-reverse;
}
.configurator .options_head .button_container {
display: inline-block;
text-align: center;
margin-top: 20px;
}
}
@media only screen and (max-width: 600px) {
.configurator .options_head .button_container {
margin-bottom: 0;
}
}
.configurator .series .head_serie {
margin-bottom: 40px;
}
.configurator .series .head_serie .child_series .child {
min-height: 130px;
justify-content: flex-start;
padding: 5px 0;
}
.configurator .series .head_serie .child_series .child .img_holder {
margin-right: 20px;
width: 256px;
position: relative;
overflow: hidden;
}
.configurator .series .head_serie .child_series .child .img_holder img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.configurator .series .head_serie .child_series .child .text_holder {
border-top: #d4d5d5 solid 1px;
flex-grow: 1;
align-items: center;
}
.configurator .series .head_serie .child_series .child .text_holder h4,
.configurator .series .head_serie .child_series .child .text_holder p,
.configurator .series .head_serie .child_series .child .text_holder .btn {
margin: 0;
}
.configurator .series .head_serie .child_series .child .text_holder h4 {
margin: auto 30px;
width: 300px;
}
@media only screen and (max-width: 1140px) {
.configurator .series .head_serie .child_series .child .text_holder h4 {
margin: auto 10px;
width: 200px;
}
}
.configurator .series .head_serie .child_series .child .text_holder p {
max-width: 600px;
margin: 5px 0;
margin-right: auto;
margin-left: 20px;
padding-right: 5px;
}
@media only screen and (max-width: 1140px) {
.configurator .series .head_serie .child_series .child .text_holder p {
margin-right: 10px;
margin-left: 0;
max-width: 500px;
}
.configurator .series .head_serie .child_series .child .text_holder .button {
min-width: 200px;
}
}
@media only screen and (max-width: 600px) {
.configurator .series .head_serie .child_series .child .text_holder p {
width: 70%;
}
}
.configurator .series .head_serie .child_series .child:last-of-type .text_holder {
border-bottom: #d4d5d5 solid 1px;
}
@media only screen and (max-width: 850px) {
.configurator .series .head_serie .child_series .child:last-of-type .text_holder {
border-bottom: 0;
}
}
@media only screen and (max-width: 850px) {
.configurator .series .head_serie .child_series {
display: flex;
flex-wrap: wrap;
}
.configurator .series .head_serie .child_series .child {
width: calc((100% / 3) - 10px);
height: auto;
flex-direction: column;
padding-right: 10px;
margin-right: 10px;
border-right: #d4d5d5 solid 1px;
}
.configurator .series .head_serie .child_series .child .text_holder {
flex-direction: column;
justify-content: flex-start;
border: 0;
}
.configurator .series .head_serie .child_series .child .text_holder p {
padding: 0;
margin: 15px 0;
width: auto;
}
.configurator .series .head_serie .child_series .child .text_holder h4 {
margin: 10px 0 0;
width: auto;
}
.configurator .series .head_serie .child_series .child .img_holder {
text-align: center;
width: 100%;
margin: 0;
}
.configurator .series .head_serie .child_series .child .img_holder img {
position: relative;
transform: none;
top: 0;
}
.configurator .series .head_serie .child_series .child:nth-of-type(3n), .configurator .series .head_serie .child_series .child:last-of-type {
border-right: 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .series .head_serie .child_series .child {
width: 100%;
padding-right: 0;
padding-bottom: 30px;
margin: 0 auto 30px;
border: 0;
border-bottom: #d4d5d5 solid 1px;
}
}
@media only screen and (max-width: 600px) {
.configurator .series .head_serie h3 {
text-align: center;
}
}
.configurator .series .head_serie:last-of-type {
margin-bottom: 0;
}
.configurator .series .head_serie:last-of-type .child_series .child {
margin-bottom: 0;
}
.configurator .series .error {
max-width: 500px;
}
.configurator .series .error p {
margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
.configurator .series {
margin-bottom: 0;
}
.configurator .series .error {
max-width: 100%;
}
}
.configurator .show_series:not(.visible) {
display: none;
}
@media only screen and (max-width: 600px) {
.configurator .show_series {
margin: 20px auto 0;
}
}
.configurator .models {
margin-top: -50px;
}
.configurator .models .compare_container {
justify-content: flex-end;
align-items: center;
margin-bottom: 15px;
}
.configurator .models .compare_container h4 {
text-align: center;
width: 150px;
margin: auto 0 0;
}
@media only screen and (max-width: 600px) {
.configurator .models .compare_container {
justify-content: center;
margin-bottom: 30px;
}
.configurator .models .compare_container h4 {
display: none;
}
}
.configurator .models .model {
min-height: 150px;
justify-content: flex-start;
}
.configurator .models .model .img_holder {
margin: 5px 0;
margin-right: 20px;
width: 256px;
position: relative;
overflow: hidden;
}
.configurator .models .model .img_holder img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.configurator .models .model .text_holder {
border-top: #d4d5d5 solid 1px;
flex-grow: 1;
align-items: center;
}
.configurator .models .model .text_holder .title,
.configurator .models .model .text_holder p,
.configurator .models .model .text_holder .btn {
margin: 0;
}
.configurator .models .model .text_holder .title {
white-space: nowrap;
}
@media (min-width: 850px) {
.configurator .models .model .text_holder .title {
margin-right: 2rem;
}
}
.configurator .models .model .text_holder .desc {
width: 400px;
margin: 5px 40px 5px auto;
}
@media only screen and (max-width: 1280px) {
.configurator .models .model .text_holder .desc {
width: 350px;
margin-right: -50px;
}
}
@media only screen and (max-width: 1140px) {
.configurator .models .model .text_holder .desc {
font-size: 0.8em;
width: 250px;
}
}
@media only screen and (max-width: 1024px) {
.configurator .models .model .text_holder .desc {
font-size: 1em;
width: 250px;
}
}
@media only screen and (max-width: 850px) {
.configurator .models .model .text_holder .desc {
display: none;
}
}
.configurator .models .model .text_holder .compare_checkbox {
text-align: center;
width: 150px;
}
.configurator .models .model .text_holder .compare_checkbox .checkbox {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 0;
}
.configurator .models .model .text_holder .compare_checkbox .checkbox input {
margin: auto 0 0 0;
width: 25px;
height: 25px;
-webkit-appearance: none;
}
.configurator .models .model .text_holder .compare_checkbox .checkbox input:checked ~ .checkmark {
background-color: #c91019;
}
.configurator .models .model .text_holder .compare_checkbox .checkbox input:checked ~ .checkmark:after {
display: block;
}
.configurator .models .model .text_holder .compare_checkbox .checkbox .checkmark {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 26px;
height: 26px;
pointer-events: none;
border-radius: 2px;
transform: translateX(-50%);
}
.configurator .models .model .text_holder .compare_checkbox .checkbox .checkmark:after {
content: "";
display: none;
position: absolute;
left: 50%;
top: 40%;
width: 8px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0;
transform: translate(-50%, -50%) rotate(35deg);
}
.configurator .models .model .text_holder .compare_checkbox .checkbox:last-of-type {
margin-bottom: 0;
}
@media only screen and (max-width: 850px) {
.configurator .models .model .text_holder .compare_checkbox {
margin-left: auto;
}
}
.configurator .models .model:last-of-type .text_holder {
border-bottom: #d4d5d5 solid 1px;
}
@media only screen and (max-width: 600px) {
.configurator .models .model:last-of-type .text_holder {
border-bottom: 0;
}
}
@media only screen and (max-width: 850px) {
.configurator .models .model {
height: 100px;
}
.configurator .models .model .img_holder {
width: 200px;
}
}
@media only screen and (max-width: 600px) {
.configurator .models .model {
height: auto;
flex-direction: column;
border-bottom: #d4d5d5 solid 1px;
padding-bottom: 30px;
margin-bottom: 30px;
}
.configurator .models .model .img_holder {
width: 100%;
}
.configurator .models .model .img_holder img {
position: relative;
top: 0;
transform: none;
}
.configurator .models .model .text_holder {
flex-direction: column;
border-top: 0;
}
.configurator .models .model .text_holder h4 {
order: 1;
font-size: 2.5rem;
}
.configurator .models .model .text_holder .desc {
display: block;
width: 100%;
margin-right: 0;
margin-top: 10px;
order: 2;
text-align: center;
}
.configurator .models .model .text_holder .button {
order: 3;
margin: 30px 0;
}
.configurator .models .model .text_holder .compare_checkbox {
order: 4;
margin: 0 auto;
width: auto;
display: flex;
}
.configurator .models .model .text_holder .compare_checkbox:before {
content: "JÄMFÖR";
font-weight: bold;
margin-right: 5px;
font-size: 1.1em;
margin-top: auto;
}
}
@media only screen and (max-width: 1140px) {
.configurator .models .button {
min-width: 225px;
}
}
@media only screen and (max-width: 600px) {
.configurator .models {
margin-bottom: 0;
margin-top: 0;
}
.configurator .models .model:last-of-type {
margin-bottom: 0;
}
}
.configurator .compare {
flex-wrap: wrap;
justify-content: flex-start;
}
.configurator .compare .product {
position: relative;
width: calc(100% / 3);
text-align: center;
padding-right: 2rem;
padding-bottom: 4rem;
margin-bottom: 30px;
border-right: solid 1px #e3e3e3;
border-bottom: solid 1px #e3e3e3;
}
.configurator .compare .product .top {
padding: 0 2rem 4rem;
}
.configurator .compare .product .top h4 {
margin: 1rem 0 2.5rem;
}
.configurator .compare .product .top img {
width: auto;
height: 130px;
max-width: none;
}
@media only screen and (max-width: 850px) {
.configurator .compare .product .top img {
width: 100%;
height: auto;
}
}
.configurator .compare .product .top .text {
text-align: left;
padding: 1rem 5rem 0;
}
@media only screen and (max-width: 1280px) {
.configurator .compare .product .top .text {
padding: 1rem 3rem 0;
}
}
@media only screen and (max-width: 1140px) {
.configurator .compare .product .top .text {
padding: 1rem 0 0;
}
}
.configurator .compare .product .diagram {
cursor: pointer;
margin-top: auto;
}
.configurator .compare .product:nth-of-type(3n) {
margin-right: 0;
border-right: 0;
padding-left: 2rem;
padding-right: 0;
}
.configurator .compare .product:nth-of-type(3n):after {
border-right: 0;
}
@media only screen and (max-width: 600px) {
.configurator .compare .product:nth-of-type(3n) {
padding-left: 0;
}
}
.configurator .compare .product:nth-of-type(3n-1) {
margin-right: 0;
padding-left: 2rem;
}
@media only screen and (max-width: 600px) {
.configurator .compare .product:nth-of-type(3n-1) {
padding-left: 0;
}
}
.configurator .compare .product:after {
content: "";
height: 30px;
width: calc(100% + 1px);
border-right: solid 1px #e3e3e3;
position: absolute;
top: 100%;
left: 0;
}
@media only screen and (max-width: 1140px) {
.configurator .compare .product .button {
min-width: 200px;
}
}
@media only screen and (max-width: 600px) {
.configurator .compare .product {
width: 100%;
padding-right: 0;
border-right: 0;
padding-bottom: 30px;
}
.configurator .compare .product .top {
padding: 0 0 4rem;
}
.configurator .compare .product:after {
height: 0;
border: 0;
}
.configurator .compare .product:last-of-type {
margin-bottom: 0;
}
}
.configurator .products .product {
height: 130px;
justify-content: flex-start;
padding: 5px 0;
}
.configurator .products .product .img_holder {
margin-right: 20px;
width: 256px;
position: relative;
overflow: hidden;
}
.configurator .products .product .img_holder img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.configurator .products .product .text_holder {
border-top: #d4d5d5 solid 1px;
flex-grow: 1;
align-items: center;
}
.configurator .products .product .text_holder h4,
.configurator .products .product .text_holder p,
.configurator .products .product .text_holder .btn {
margin: 0;
}
.configurator .products .product .text_holder p {
max-width: 400px;
margin-left: auto;
margin-right: 40px;
}
.configurator .products .product:last-of-type .text_holder {
border-bottom: #d4d5d5 solid 1px;
}
@media only screen and (max-width: 600px) {
.configurator .products {
padding: 0;
}
.configurator .products .product {
height: auto;
flex-direction: column;
border-bottom: solid 1px #e3e3e3;
padding-bottom: 30px;
margin-bottom: 30px;
}
.configurator .products .product .img_holder {
width: 100%;
}
.configurator .products .product .img_holder img {
position: relative;
top: 0;
transform: none;
}
.configurator .products .product .text_holder {
flex-direction: column;
border: 0;
}
.configurator .products .product .text_holder h4 {
margin: 15px 0;
}
.configurator .products .product .text_holder p {
margin-bottom: 15px;
}
.configurator .products .product:last-of-type {
margin-bottom: 0;
}
.configurator .products .product:last-of-type .text_holder {
border: 0;
}
}
.configurator .slides {
visibility: hidden;
width: 100vw;
height: 100vh;
position: fixed;
left: calc(50% - 50vw);
top: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.7);
}
.configurator .slides .glideCompare {
position: relative;
height: 100%;
width: 100%;
}
.configurator .slides .glideCompare .glide__track {
height: 100%;
width: 100%;
}
.configurator .slides .glideCompare .glide__track .glide__slides {
height: 100%;
width: 100%;
display: flex;
margin: 0;
}
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide {
list-style: none;
height: 100%;
width: 100%;
text-align: center;
display: flex;
}
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder {
margin: auto;
text-align: left;
}
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder .top h3,
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder .top .glide_closer {
color: #fff;
margin: 0;
}
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder .top .glide_closer {
font-size: 3.5rem;
cursor: pointer;
}
@media only screen and (max-width: 850px) {
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder .top .glide_closer {
font-size: 2.5rem;
}
}
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder img {
max-height: 70vh;
}
@media only screen and (max-width: 600px) {
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide {
padding: 0 10px;
}
.configurator .slides .glideCompare .glide__track .glide__slides .glide__slide .img_holder {
margin: 20px 0 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .slides .glideCompare .glide__track {
height: auto;
}
}
.configurator .slides .glideCompare .glide__arrows {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
width: 50vw;
}
.configurator .slides .glideCompare .glide__arrows button, .configurator .slides .glideCompare .glide__arrows .card__button .card__link-text, .card__button .configurator .slides .glideCompare .glide__arrows .card__link-text {
border-radius: 50%;
background-color: #fff;
min-width: 0;
width: 70px;
height: 70px;
padding: 5px;
font-size: 5rem;
text-align: center;
}
.configurator .slides .glideCompare .glide__arrows button.glide__arrow--right, .configurator .slides .glideCompare .glide__arrows .card__button .glide__arrow--right.card__link-text, .card__button .configurator .slides .glideCompare .glide__arrows .glide__arrow--right.card__link-text {
padding-left: 10px;
}
.configurator .slides .glideCompare .glide__arrows button.glide__arrow--left, .configurator .slides .glideCompare .glide__arrows .card__button .glide__arrow--left.card__link-text, .card__button .configurator .slides .glideCompare .glide__arrows .glide__arrow--left.card__link-text {
padding-right: 10px;
}
@media only screen and (max-width: 850px) {
.configurator .slides .glideCompare .glide__arrows {
width: 95vw;
}
}
@media only screen and (max-width: 600px) {
.configurator .slides .glideCompare .glide__arrows {
top: 0;
width: 40vw;
position: relative;
transform: none;
left: 0;
margin: 30px auto 0;
}
}
.configurator .glide {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.configurator .glide .glide__track {
height: 100%;
}
.configurator .glide .glide__track .glide__slides {
height: 100%;
display: flex;
margin: 0;
}
.configurator .glide .glide__track .glide__slides .glide__slide {
list-style: none;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.configurator .glide .glide__bullets {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -100%);
display: flex;
padding-bottom: 20px;
}
.configurator .glide .glide__bullets .glide__bullet {
min-width: 0;
background-color: #fff;
padding: 0;
cursor: pointer;
margin: 0 5px;
display: block;
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
-moz-appearance: none;
-webkit-appearance: none;
}
.configurator .glide .glide__bullets .glide__bullet:focus {
outline: 0;
}
.configurator .glide .glide__bullets .glide__bullet:not(.glide__bullet--active) {
opacity: 0.2;
}
.configurator .subpage_hero {
width: 100%;
padding-top: 56.25%;
height: auto;
position: relative;
margin-bottom: 2.25rem;
}
.configurator .page__header {
margin-top: 0;
}
@media only screen and (max-width: 850px) {
.configurator .subpage_hero {
width: 100vw;
padding-top: 56.25%;
}
}
.configurator .modelinfo {
margin-top: 3rem;
}
.configurator .modelinfo .content {
width: 66%;
padding-right: 70px;
}
.configurator .modelinfo .content .part-title {
margin-bottom: 20px;
}
.configurator .modelinfo .content .icons {
justify-content: flex-start;
margin: 40px 0;
}
.configurator .modelinfo .content .icons .icon {
text-align: center;
margin-right: 40px;
justify-content: flex-end;
}
@media only screen and (max-width: 1140px) {
.configurator .modelinfo .content .icons {
flex-wrap: wrap;
}
.configurator .modelinfo .content .icons .icon {
width: 50%;
margin: 0 0 10px;
padding: 0 10px;
}
}
.configurator .modelinfo .content .excerpt {
margin-bottom: 40px;
}
.configurator .modelinfo .content .excerpt p:last-of-type {
margin-bottom: 0;
}
.configurator .modelinfo .content hr {
border: 1px solid #e3e3e3;
}
.configurator .modelinfo .content .tabs {
margin-top: 40px;
}
.configurator .modelinfo .content .tabs .titles {
display: flex;
margin-bottom: 40px;
flex-wrap: wrap;
width: 100%;
text-transform: uppercase;
}
.configurator .modelinfo .content .tabs .titles h4 {
margin: 0 0 20px;
padding-bottom: 5px;
margin-right: 30px;
white-space: nowrap;
cursor: pointer;
}
.configurator .modelinfo .content .tabs .titles h4.active {
border-bottom: solid #c91019 4px;
}
@media only screen and (max-width: 1140px) {
.configurator .modelinfo .content .tabs .titles {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.configurator .modelinfo .content .tabs .titles {
margin-bottom: 10px;
}
.configurator .modelinfo .content .tabs .titles h4.active {
border-width: 2px;
}
}
.configurator .modelinfo .content .tabs .contents .tab_container {
display: none;
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content {
margin-bottom: 10px;
overflow-x: auto;
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content table, .configurator .modelinfo .content .tabs .contents .tab_container .tab_content.text {
width: 100%;
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content table tr[data-count="2"] td {
width: 80%;
}
@media only screen and (max-width: 600px) {
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content table {
width: auto;
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content table tr[data-count="2"] td {
width: auto;
white-space: nowrap;
}
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content iframe {
max-width: 100%;
}
@media only screen and (max-width: 600px) {
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content iframe {
height: 250px;
}
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content.padding {
margin: 0;
}
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content.accessories {
display: grid;
grid-template-columns: repeat(3, calc(33% - 2rem));
grid-row-gap: 3rem;
row-gap: 3rem;
overflow: hidden;
padding: 2rem 0;
}
.configurator .modelinfo .content .tabs .contents .tab_container.active {
display: block;
}
@media only screen and (max-width: 1140px) {
.configurator .modelinfo .content .tabs .contents .tab_container .tab_content table, .configurator .modelinfo .content .tabs .contents .tab_container .tab_content.text {
width: 100%;
}
}
@media only screen and (max-width: 1140px) {
.configurator .modelinfo .content {
padding-right: 30px;
width: 60%;
}
}
.configurator .modelinfo .sidebar {
width: 33%;
}
.configurator .modelinfo .sidebar h4 {
margin: 0 0 10px;
text-transform: uppercase;
}
.configurator .modelinfo .sidebar .contact_person {
margin-bottom: 15px;
}
.configurator .modelinfo .sidebar .downloadables {
margin: 0;
}
.configurator .modelinfo .sidebar .downloadables li {
list-style: none;
}
.configurator .modelinfo .sidebar .downloadables li a {
color: #000;
}
.configurator .modelinfo .sidebar .downloadables li a svg {
display: inline-block;
margin-right: 7px;
color: #c91019;
}
.configurator .modelinfo .sidebar .downloadables li a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 1140px) {
.configurator .modelinfo .sidebar {
width: 40%;
}
}
@media only screen and (max-width: 850px) {
.configurator .modelinfo {
flex-direction: column;
}
.configurator .modelinfo .sidebar,
.configurator .modelinfo .content {
width: 100%;
padding-right: 0;
}
.configurator .modelinfo .sidebar {
margin-top: 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.configurator .modelinfo .sidebar h4 {
width: 100%;
}
.configurator .modelinfo .sidebar .contact_person {
flex-direction: row;
width: 100%;
}
.configurator .modelinfo .sidebar .contact_person .picture {
width: 15rem;
}
.configurator .modelinfo .sidebar .contact_person .picture img {
height: auto;
width: 100%;
}
.configurator .modelinfo .sidebar .downloadables {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.configurator .modelinfo .sidebar .contact_person {
width: 100%;
}
}
.configurator .downloadables li {
list-style: none;
}
.configurator .downloadables li a {
color: #000;
}
.configurator .downloadables li a svg {
display: inline-block;
margin-right: 7px;
color: #c91019;
}
.configurator .downloadables li a:hover {
text-decoration: underline;
}
.configurator .access_head {
flex-wrap: wrap;
}
.configurator .access_head .part-title {
width: 60%;
}
.configurator .access_head .excerpt {
width: 550px;
}
.configurator .access_head .button_container {
margin-top: 50px;
width: 40%;
}
.configurator .access_head #picked_accessories {
background-color: #f5f5f5;
padding: 30px;
width: calc((100% - 40px) / 3);
min-height: 230px;
text-align: left;
margin: 0 0 60px;
}
.configurator .access_head #picked_accessories li {
list-style: none;
text-transform: uppercase;
line-height: 25px;
margin-bottom: 10px;
}
.configurator .access_head #picked_accessories li h4 {
margin: 0;
}
@media only screen and (max-width: 850px) {
.configurator .access_head {
flex-direction: column;
}
.configurator .access_head .button_container {
order: 1;
width: 100%;
text-align: center;
}
.configurator .access_head .part-title {
order: 2;
width: 100%;
}
.configurator .access_head .excerpt {
order: 3;
width: 100%;
}
.configurator .access_head #picked_accessories {
order: 4;
width: 100%;
}
}
@media only screen and (max-width: 850px) {
.configurator #picked_accessories {
background-color: #f5f5f5;
padding: 30px;
width: 100%;
text-align: left;
margin: 0 0 60px;
}
.configurator #picked_accessories li {
list-style: none;
text-transform: uppercase;
line-height: 25px;
margin-bottom: 10px;
}
.configurator #picked_accessories li h4 {
margin: 0;
}
}
.configurator .summary__top {
border: solid 3px #d4d5d5;
padding: 50px;
margin-bottom: 50px;
}
.configurator .summary__top h3 {
margin-top: 0;
}
@media only screen and (max-width: 600px) {
.configurator .summary__top h3 {
margin-bottom: 30px;
font-size: 1.8em;
}
}
.configurator .summary__top .content_wrapper .product_info,
.configurator .summary__top .content_wrapper .accessories {
width: 50%;
}
@media only screen and (max-width: 850px) {
.configurator .summary__top .content_wrapper .product_info,
.configurator .summary__top .content_wrapper .accessories {
width: 100%;
}
}
.configurator .summary__top .content_wrapper .product_info {
padding-right: 80px;
}
.configurator .summary__top .content_wrapper .product_info__product {
margin-bottom: 30px;
}
.configurator .summary__top .content_wrapper .product_info__product .text_holder {
width: 60%;
}
.configurator .summary__top .content_wrapper .product_info__product .text_holder h5 {
margin: 0 0 5px;
}
.configurator .summary__top .content_wrapper .product_info__product .text_holder p {
margin-bottom: 0;
}
.configurator .summary__top .content_wrapper .product_info__product .img_holder {
margin-right: 10px;
width: 40%;
line-height: 0;
}
.configurator .summary__top .content_wrapper .product_info__links {
margin-top: auto;
}
.configurator .summary__top .content_wrapper .product_info__links span {
display: inline-block;
margin: 0;
margin-right: 15px;
font-size: 1.6rem;
}
.configurator .summary__top .content_wrapper .product_info__links span a {
color: #000;
text-decoration: underline;
}
@media only screen and (max-width: 850px) {
.configurator .summary__top .content_wrapper .product_info__links {
display: none;
border: solid 3px #d4d5d5;
}
}
@media only screen and (max-width: 850px) {
.configurator .summary__top .content_wrapper .product_info {
border-bottom: solid 2px #d4d5d5;
}
}
.configurator .summary__top .content_wrapper .accessories {
margin: 0;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist {
width: 100%;
justify-content: flex-start;
margin-bottom: 15px;
align-items: center;
list-style: none;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist .img_holder {
height: auto;
max-width: 220px;
margin-right: 30px;
line-height: 0;
}
@media only screen and (max-width: 850px) {
.configurator .summary__top .content_wrapper .accessories {
display: flex;
flex-wrap: wrap;
}
.configurator .summary__top .content_wrapper .accessories h4 {
width: 100%;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist {
width: 33%;
flex-direction: column;
align-items: baseline;
margin-bottom: 20px;
text-align: center;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist .img_holder {
max-width: 100%;
margin: 0 0 1rem;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist strong {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.configurator .summary__top .content_wrapper .accessories {
padding-top: 2rem;
width: 100%;
}
.configurator .summary__top .content_wrapper .accessories h4 {
margin-top: 0;
font-size: 1.6em;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist {
width: 100%;
}
.configurator .summary__top .content_wrapper .accessories .accessorylist strong {
font-size: 1.3em;
}
}
@media only screen and (max-width: 850px) {
.configurator .summary__top .content_wrapper {
flex-direction: column;
}
}
@media only screen and (max-width: 850px) {
.configurator .summary__top {
border: 0;
padding: 0;
}
}
@media only screen and (max-width: 600px) {
.configurator .summary__top .content_wrapper {
flex-direction: column;
}
.configurator .summary__top .content_wrapper .product_info {
width: 100%;
padding-right: 0;
}
.configurator .summary__top .content_wrapper .product_info h4 {
margin-top: 0;
font-size: 1.6em;
}
.configurator .summary__top .content_wrapper .product_info__product {
flex-direction: column;
}
.configurator .summary__top .content_wrapper .product_info__product .img_holder,
.configurator .summary__top .content_wrapper .product_info__product .text_holder {
width: 100%;
}
.configurator .summary__top .content_wrapper .product_info__product .text_holder {
margin-top: 15px;
}
}
.configurator .summary__bot .form {
width: 50%;
margin: 0 auto;
}
.configurator .summary__bot .form div.gform_wrapper .gform_heading h3.gform_title,
.configurator .summary__bot .form .gform_wrapper span.gform_description {
width: 70%;
margin: 0 auto;
}
.configurator .summary__bot .form .disclaimer {
text-align: center;
margin-right: 16px;
}
@media only screen and (max-width: 850px) {
.configurator .summary__bot .form .disclaimer {
margin: 0;
}
}
@media only screen and (max-width: 1140px) {
.configurator .summary__bot {
flex-direction: column;
}
.configurator .summary__bot .flex_child,
.configurator .summary__bot .form {
width: 100%;
margin: 0 0 2rem;
}
}
@media only screen and (max-width: 850px) {
.configurator .summary__bot .flex_child {
width: 100%;
margin-bottom: 50px;
}
.configurator .summary__bot .form {
width: 100%;
}
}
.configurator.error p {
margin: 50px 0 70px;
}
@media only screen and (max-width: 1024px) {
.configurator .contact_person {
flex-direction: row;
}
.configurator .contact_person .picture {
width: 30%;
}
.configurator .contact_person .picture img {
width: 100%;
height: 100%;
max-height: 100%;
}
.configurator .contact_person .text {
width: 100%;
}
}
.product-item-sizes__title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 2rem;
gap: 2rem;
}
.product-item-sizes__image {
flex: 0 0 0%;
width: 7.5rem;
height: 7.5rem;
}
.product-sizes, .product-children {
display: flex;
flex-flow: column nowrap;
}
.product-size, .product-child {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #1c1c1c;
padding: 2rem 2.5rem;
}
.product-size__title, .product-size__icon, .product-child__title, .product-child__icon {
color: #fff;
}
.product-size__title, .product-child__title {
margin: 0;
letter-spacing: 2px;
font-size: 2rem;
font-family: "trade-gothic-next", sans-serif;
}
.product-size__icon, .product-child__icon {
font-size: 2rem;
margin-left: 2rem;
}
.product-size + .product-size, .product-child + .product-size {
border-top: 1px solid #fff;
}
.product-children {
margin-bottom: 3rem;
}
.product-child {
background-color: #dc3326;
border: solid #dc3326 2px;
margin-bottom: 1px;
}
.product-child--active {
background-color: #fff;
color: #dc3326;
}
.product-child--active .product-child__title,
.product-child--active .product-child__icon {
color: #dc3326;
}