```
Project Layout
```html_example
```
*/
* {
box-sizing: border-box; }
html, body {
min-height: 100%;
min-height: 100vh;
font-size: 18px;
line-height: 1.4;
overflow-x: hidden;
background: #003747;
background: linear-gradient(135deg, #003747 0%, #003747 30%, #01465b 60%, #01465b); }
a {
color: inherit; }
body {
position: relative;
-webkit-font-smoothing: antialiased; }
@media (min-width: 685px) {
.sm-flex-last {
-ms-flex-order: 99999;
order: 99999; } }
div.messages {
position: absolute;
top: 7.77778em;
z-index: 10;
width: 100%; }
div.messages > div {
padding: 1.66667em;
margin: 0 auto;
width: 50%;
background: #ededed;
color: #003747; }
div.messages ul {
list-style: none;
padding-left: 0; }
.node-type-product div.messages {
top: 11.11111em; }
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: ''; }
select::-ms-expand {
display: none; }
a img {
border: 0; }
input[type=text] {
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0px; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.container, .view-store-locator .view-content, .block-formblock, .block-views, .view-wiki-overview .view-content {
max-width: 1024px; } }
/*
url('/sites/all/themes/frontend/dist/images/about/about-flag.png') no-repeat;
url('/sites/all/themes/frontend/dist/images/about/about-flag-pattern.png') no-repeat;
url('/sites/all/themes/frontend/dist/images/about/about-flag.jpg') no-repeat;
*/
.aboutus--why {
background: #fff url("/sites/all/themes/frontend/dist/images/about/about-muenden.jpg") no-repeat center center;
padding: 2.22222em 0;
height: 90vh;
background-size: cover; }
.aboutus--history {
background: #003747 url("/sites/all/themes/frontend/dist/images/about/about-shape.png") no-repeat top center; }
.aboutus--germany {
background: #fff url("/sites/all/themes/frontend/dist/images/about/about-flag.jpg") no-repeat;
background-size: cover;
position: relative; }
.aboutus--germany__banderole {
background: url("/sites/all/themes/frontend/dist/images/about/about-flag.png") repeat-x center;
height: 250px;
width: 100%;
position: absolute;
top: -125px; }
.aboutus--objective {
background-color: #B7945A;
background: linear-gradient(45deg, #B7945A 0%, #4A3A21 100%); }
@media (min-width: 1600px) {
.aboutus--why, .aboutus--germany {
background-size: cover; } }
@media only screen and (max-width: 685px) {
.aboutus--why {
background: #fff url("/sites/all/themes/frontend/dist/images/about/about-muenden-sm.jpg") no-repeat center center; }
.aboutus--history {
background: #003747 url("/sites/all/themes/frontend/dist/images/about/about-shape.png") no-repeat top center;
background-size: 225%; }
.aboutus--germany {
background: #fff url("/sites/all/themes/frontend/dist/images/about/about-flag-sm.jpg") no-repeat;
background-size: cover;
background-position: 55% center; }
.aboutus--germany__banderole {
background: url("/sites/all/themes/frontend/dist/images/about/about-flag.png") repeat-x;
background-position: 80% center;
background-size: 200%; } }
@media only screen and (max-width: 980px) {
.aboutus--germany {
background-position: 55% center; }
.aboutus--germany__banderole {
background-position: 80% center; } }
.hn-btn {
text-transform: uppercase;
transition: background-color 0.5s ease 0s; }
.btn, .page-follow input[type=submit], .block-formblock input[type=submit], .view-wiki-overview .pager .pager__item a {
display: inline-block;
padding: 0.33333em 0.66667em 0.27778em;
margin-bottom: 0;
color: #003747;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #003747;
border-radius: 0;
transition: background-color 0.5s ease 0s, border-color 0.5s ease 0s; }
.btn--gold, .page-follow input[type=submit], .block-formblock input[type=submit], .filter-toggle-comparison.comparison-toggle.gold .btn, .simplepage a.filter-toggle-comparison.comparison-toggle .btn, .filter-toggle-comparison.comparison-toggle.gold .page-follow input[type=submit], .page-follow .filter-toggle-comparison.comparison-toggle.gold input[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .page-follow input[type=submit], .page-follow .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit], .filter-toggle-comparison.comparison-toggle.gold .block-formblock input[type=submit], .block-formblock .filter-toggle-comparison.comparison-toggle.gold input[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .block-formblock input[type=submit], .block-formblock .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit], .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a {
color: white;
border-color: #baa47d;
background-color: #baa47d; }
.btn--gold:hover, .page-follow input[type=submit]:hover, .block-formblock input[type=submit]:hover, .filter-toggle-comparison.comparison-toggle.gold .btn:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .btn:hover, .filter-toggle-comparison.comparison-toggle.gold .page-follow input[type=submit]:hover, .page-follow .filter-toggle-comparison.comparison-toggle.gold input[type=submit]:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .page-follow input[type=submit]:hover, .page-follow .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit]:hover, .filter-toggle-comparison.comparison-toggle.gold .block-formblock input[type=submit]:hover, .block-formblock .filter-toggle-comparison.comparison-toggle.gold input[type=submit]:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .block-formblock input[type=submit]:hover, .block-formblock .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit]:hover, .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a:hover, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a:hover, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a:hover {
background-color: #030303;
border-color: #030303; }
.btn--inactive {
cursor: default;
opacity: 0.5; }
.btn--inactive:hover {
opacity: 1; }
.btn--gold-border, .view-wiki-overview .pager .pager__item a {
color: #af976c;
border-color: #af976c;
background-color: white; }
.btn--gold-border:hover, .view-wiki-overview .pager .pager__item a:hover {
background-color: #ededed; }
.btn--filter {
color: #003747 !important;
border-color: #003747 !important;
font-size: 14px;
margin-top: 0.55556em;
margin-left: 0.27778em;
min-width: 74px;
padding: 0.33333em 0.72222em 0.27778em; }
.btn--filter:hover {
background-color: #003747 !important;
color: #fff !important; }
.btn--gold-border.btn-compare:hover, .view-wiki-overview .pager .pager__item a.btn-compare:hover {
border-color: #ededed; }
.btn--white {
color: white;
border-color: white; }
.btn--white:hover {
color: #af976c;
background-color: white; }
.btn--black {
color: white;
background-color: #000;
border-color: #000; }
.btn--black:hover {
color: #000;
background-color: white;
border-color: white; }
.btn--large {
padding: 1em 0.66667em 0.93333em; }
.btn--block {
display: block;
text-align: center;
padding-left: 0;
padding-right: 0; }
.burger-button {
position: relative;
background: none;
border: none;
z-index: 1;
font-size: 0.77778em;
padding: 1.14286em 3.21429em 0.71429em 0.71429em;
color: #fff; }
.burger-button.burger-button--inverted,
.header--white .burger-button {
color: #000; }
.burger-button:focus {
outline: none; }
.burger, .burger:before, .burger:after {
display: block;
width: 1.85714em;
height: 0.14286em;
background-color: #fff;
transition: background-color, top;
transition-duration: 0.12s;
transition-timing-function: ease-in-out; }
.burger-button--inverted .burger, .burger-button--inverted .burger:before, .burger-button--inverted .burger:after,
.header--white .burger,
.header--white .burger:before,
.header--white .burger:after {
background-color: #000; }
.burger {
position: absolute;
top: 2em;
right: 1.42857em; }
.burger:before, .burger:after {
content: "";
position: absolute;
top: 0;
left: 0; }
.burger:before {
top: -0.64286em; }
.burger:after {
top: 0.64286em; }
.burger-button:hover .burger:before {
top: -0.71429em; }
.burger-button:hover .burger:after {
top: 0.71429em; }
.footer {
padding: 52px 20px 102px;
background: #003747;
background: linear-gradient(315deg, #003747 0%, #003747 30%, #01465b 60%, #01465b); }
@media only screen and (max-width: 685px) {
.footer {
text-align: center; }
.footer .navigation > ul > li {
margin-top: 1.66667em; }
.footer .navigation__footer {
margin-top: 0.55556em; } }
.footer__logo {
width: 80px; }
.footer a {
color: inherit;
text-decoration: none; }
.footer .leaf {
color: #fff;
list-style: none;
padding: 0;
line-height: 1.5; }
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
background: #003747;
background: linear-gradient(135deg, #003747 0%, #003747 30%, #01465b 60%, #01465b); }
.admin-menu .header {
top: 20px; }
.header--mobile {
background: linear-gradient(135deg, #003747 0%, #003747 30%, #003b4c 60%, #003b4c);
height: 3.11111em; }
.header--mobile__branding {
position: absolute;
top: 0.55556em;
left: 1.11111em; }
.header--mobile__branding img {
width: 46px;
height: auto; }
.header--mobile__burger img {
width: 40px;
height: auto; }
.header--mobile__shop a {
line-height: 40px;
text-decoration: none;
text-transform: uppercase; }
.main {
display: block;
min-height: 300px;
background-color: white;
margin-top: 56px; }
.main.has-actionlinks {
margin-top: 96px; }
@media (min-width: 685px) {
.main {
min-height: 500px;
margin-top: 106px; }
.main.has-actionlinks {
margin-top: 156px; } }
/*doc
---
title: Navigation
name: navigation
category: base
---
```
*/
.navigation a, .navigation .nolink {
text-decoration: none; }
.navigation a:hover {
color: #baa47d; }
.navigation a.active {
color: #baa47d; }
.navigation ul {
padding: 0;
margin: 0;
list-style: none; }
.navigation--mobile {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: transparent;
z-index: -1;
pointer-events: none;
transition-property: background-color, z-index;
transition-duration: 0.3s, 0s;
transition-delay: 0s, 0.3s; }
.navigation--open .navigation--mobile {
z-index: 21;
pointer-events: initial;
background-color: rgba(0, 0, 0, 0.5);
transition-delay: 0s, 0s; }
.navigation--mobile__slider {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin-left: 3.88889em;
background-color: #fff;
transform: translateX(100%);
transition: transform;
transition-duration: 0.3s;
overflow: visible;
-webkit-overflow-scrolling: touch; }
.navigation--open .navigation--mobile__slider {
transform: translateX(0%); }
.navigation--mobile__slider:before {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 12px 14px 12px 0;
border-color: transparent #867049 transparent transparent;
position: absolute;
top: 15px;
left: -14px; }
.navigation--mobile__slider ul {
list-style: none;
padding-left: 0; }
.navigation--mobile__service {
padding: 1.33333em 0.66667em 0.44444em; }
.navigation--mobile__service a {
color: #867049;
text-decoration: none;
text-transform: uppercase;
padding: 0 21px;
line-height: 2.4; }
.navigation--mobile__service ul {
margin-bottom: 0; }
.navigation--mobile__categories {
background: linear-gradient(180deg, #867049 0%, #867049 30%, #7c6843 60%, #7c6843);
padding: 1.11111em 0.66667em 0.44444em; }
.navigation--mobile__categories a {
padding: 0 21px;
line-height: 2.4;
font-size: 20px;
color: #fff;
text-transform: uppercase;
text-decoration: none; }
.navigation--mobile__close {
width: 26px;
height: 24px;
position: absolute;
top: 16px;
left: -50px;
background: transparent url(/sites/all/themes/frontend/dist/images/page/menu-close.png) no-repeat;
background-size: contain; }
.navigation--desktop {
display: none; }
@media (min-width: 685px) {
.navigation--desktop {
display: block; } }
.navigation__search {
position: absolute;
right: 15px;
top: 20px; }
@media only screen and (max-width: 685px) {
.navigation__search {
right: 68px;
top: 8px; } }
.navigation__service {
background-color: #003747;
text-align: right;
color: #af976c;
overflow-y: hidden;
max-height: 30px;
text-transform: uppercase;
transition-property: all;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.headroom--unpinned .navigation__service {
max-height: 0; }
.navigation__service ul {
display: inline-block;
position: relative;
top: -4px;
padding-top: 6px; }
.navigation__service .lang_dropdown_form {
display: inline-block; }
.navigation__service .leaf {
display: inline;
padding: 0 8px;
line-height: 1.5;
font-size: 15px;
color: #fff; }
.navigation__categories {
padding: 18px 0 16px 140px;
white-space: nowrap; }
@media only screen and (max-width: 980px) {
.navigation__categories {
padding: 18px 0 16px 100px; } }
.navigation__categories .leaf {
display: inline;
padding: 0 21px;
line-height: 2.4;
font-size: 20px;
color: #fff;
text-transform: uppercase; }
@media only screen and (max-width: 980px) {
.navigation__categories .leaf {
font-size: 16px;
line-height: 50px;
padding: 0 15px; } }
.navigation__actions {
padding: 2px 10px;
background-color: #fff;
color: #baa47d; }
.navigation__actions li {
display: block;
float: right;
padding: 5px; }
.navigation__actions li > a {
display: block;
padding: 4px 12px 3px;
border: 1px solid #baa47d;
font-size: 15px;
text-transform: uppercase;
min-width: 8.33333em;
text-align: center; }
.navigation__actions li > a:hover {
color: #fff;
background-color: #baa47d; }
.navigation__footer {
margin-top: 85px;
margin-top: 85px; }
@media only screen and (max-width: 980px) {
.navigation__footer {
margin-top: 78px; } }
.navigation__footer ul.menu {
margin-top: 20px; }
.navigation__footer .expanded > a,
.navigation__footer .leaf > a {
display: block;
margin-bottom: 20px; }
.navigation__branding {
position: absolute;
left: 0;
bottom: 10px;
width: 100px;
margin-left: 20px;
/*
transition-property: all;
transition-duration: .8s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/ }
.headroom--unpinned .navigation__branding {
top: 18px;
width: 65px; }
@media only screen and (max-width: 980px) {
.navigation__branding {
top: 18px;
width: 65px; } }
.view, .block-views {
transition-property: transform;
transition-duration: 0.36s;
transition-timing-function: cubic-bezier(0.01, 0.53, 0.16, 0.99);
transform: translate3d(0, 0, 0); }
@media (min-width: 685px) {
.view, .block-views {
transform: none; } }
.navigation--open .view, .navigation--open .block-views {
transform: translate3d(-65%, 0, 0);
transition-duration: 0.56s;
transition-timing-function: cubic-bezier(0.01, 0.53, 0.16, 0.99); }
.category__divider {
position: relative;
z-index: 1; }
.category__divider div {
position: absolute;
width: 100%;
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat; }
@media (min-width: 1280px) {
.category__divider div {
background-size: auto; } }
.category__divider div.target-shooting {
height: 364px;
bottom: -182px;
background-image: url("../images/home/home_product_target_1280.png"); }
@media (min-width: 1280px) {
.category__divider div.target-shooting {
background-image: url("../images/home/home_product_target_2600.png"); } }
.category__divider div.air-gun-hunting {
height: 450px;
bottom: -215px;
background-image: url("../images/home/home_product_hunting_1280.png"); }
@media (min-width: 1280px) {
.category__divider div.air-gun-hunting {
background-image: url("../images/home/home_product_hunting_2600.png"); } }
.category__divider div.action-shooting {
height: 393px;
bottom: -194px;
background-image: url("../images/home/home_product_action_1280.png"); }
@media (min-width: 1280px) {
.category__divider div.action-shooting {
background-image: url("../images/home/home_product_action_2600.png"); } }
.category__divider div.reloading {
height: 513px;
bottom: -256px;
background-image: url("../images/home/home_product_reload_1280.png"); }
@media (min-width: 1280px) {
.category__divider div.reloading {
background-image: url("../images/home/home_product_reload_2600.png"); } }
.category__filter img {
position: relative;
top: -4px;
left: 10px; }
.category__filter span.max-50 {
float: none; }
.category__text {
position: relative;
z-index: 11;
margin-top: 22%; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__text {
margin-top: 16%; } }
@media only screen and (max-width: 980px) {
.category__text {
margin-top: 12%; } }
.category__teaser.target-shooting .category__text {
margin-top: 22%; }
@media only screen and (max-width: 980px) {
.category__teaser.target-shooting .category__text {
margin-top: 10%; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.target-shooting .category__text {
margin-top: 16%; } }
.category__teaser.reloading .category__text {
margin-top: 22%; }
@media only screen and (max-width: 980px) {
.category__teaser.reloading .category__text {
margin-top: 14%; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.reloading .category__text {
margin-top: 16%; } }
.category__teaser.action-shooting .category__text {
margin-top: 30%; }
@media only screen and (max-width: 980px) {
.category__teaser.action-shooting .category__text {
margin-top: 14%; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.action-shooting .category__text {
margin-top: 20%; } }
.overview .category__text {
margin-top: 10%; }
@media only screen and (max-width: 980px) {
.overview .category__text {
margin-top: 0; } }
.not-front .category__teaser {
height: auto; }
.not-front .category__teaser .container, .not-front .category__teaser .view-store-locator .view-content, .view-store-locator .not-front .category__teaser .view-content, .not-front .category__teaser .block-formblock, .not-front .category__teaser .block-views, .not-front .category__teaser .view-wiki-overview .view-content, .view-wiki-overview .not-front .category__teaser .view-content {
height: auto; }
.category__teaser {
height: 750px;
position: relative;
background-position: center center;
background-size: 100% auto; }
@media (min-width: 1280px) {
.category__teaser {
background-size: auto; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser {
height: 650px; } }
.category__teaser .container, .category__teaser .view-store-locator .view-content, .view-store-locator .category__teaser .view-content, .category__teaser .block-formblock, .category__teaser .block-views, .category__teaser .view-wiki-overview .view-content, .view-wiki-overview .category__teaser .view-content {
height: 750px; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser .container, .category__teaser .view-store-locator .view-content, .view-store-locator .category__teaser .view-content, .category__teaser .block-formblock, .category__teaser .block-views, .category__teaser .view-wiki-overview .view-content, .view-wiki-overview .category__teaser .view-content {
max-height: 650px; } }
.category__teaser .marksman {
position: absolute;
bottom: 0;
width: 50%; }
@media (min-width: 1280px) {
.category__teaser .marksman {
width: auto; } }
.category__teaser.target-shooting-overview {
height: 511px;
background-image: url("../images/categories/landing_header_target_1280.jpg");
background-position: center 0; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.target-shooting-overview {
height: 470px; } }
@media (min-width: 1280px) {
.category__teaser.target-shooting-overview {
background-image: url("../images/categories/landing_header_target_2600.jpg"); } }
.category__teaser.air-gun-hunting-overview {
height: 511px;
background-image: url("../images/categories/landing_header_hunting_1280.jpg");
background-position: center 0; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.air-gun-hunting-overview {
height: 470px; } }
@media (min-width: 1280px) {
.category__teaser.air-gun-hunting-overview {
background-image: url("../images/categories/landing_header_hunting_2600.jpg"); } }
.category__teaser.action-shooting-overview {
height: 511px;
background-image: url("../images/categories/landing_header_action_1280.jpg");
background-position: center 0; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.action-shooting-overview {
height: 470px; } }
@media (min-width: 1280px) {
.category__teaser.action-shooting-overview {
background-image: url("../images/categories/landing_header_action_2600.jpg"); } }
.category__teaser.reloading-overview {
height: 511px;
background-image: url("../images/categories/landing_header_reload_1280.jpg");
background-position: center 0; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.category__teaser.reloading-overview {
height: 470px; } }
@media (min-width: 1280px) {
.category__teaser.reloading-overview {
background-image: url("../images/categories/landing_header_reload_2600.jpg"); } }
.category__teaser.target-shooting {
background-image: url("../images/home/home_bgr_target_1280.jpg"); }
@media (min-width: 1280px) {
.category__teaser.target-shooting {
background-image: url("../images/home/home_bgr_target_2600.jpg"); } }
.category__teaser.target-shooting .marksman {
width: 58%;
right: 0%; }
.category__teaser.air-gun-hunting {
background-image: url("../images/home/home_bgr_hunting_1280.jpg"); }
@media (min-width: 1280px) {
.category__teaser.air-gun-hunting {
background-image: url("../images/home/home_bgr_hunting_2600.jpg"); } }
.category__teaser.air-gun-hunting .marksman {
left: -10%;
width: 58%;
bottom: -10%; }
.category__teaser.action-shooting {
background-image: url("../images/home/home_bgr_action_1280.jpg"); }
@media (min-width: 1280px) {
.category__teaser.action-shooting {
background-image: url("../images/home/home_bgr_action_2600.jpg"); } }
.category__teaser.action-shooting .marksman {
width: 35%;
right: 10%;
bottom: -8%; }
.category__teaser.reloading {
background-image: url("../images/home/home_bgr_reload_1280.jpg"); }
@media (min-width: 1280px) {
.category__teaser.reloading {
background-image: url("../images/home/home_bgr_reload_2600.jpg"); } }
.category__teaser.reloading .marksman {
left: -10%;
bottom: -10%;
width: 100%; }
@media only screen and (max-width: 1280px) {
div.category__wrapper {
position: relative;
width: 100%;
padding-bottom: 60%;
height: 0;
overflow: hidden; }
div.category__wrapper.overview {
padding-bottom: 40%; } }
@media only screen and (max-width: 1280px) and (min-width: 980px) and (max-height: 750px) {
div.category__wrapper.overview {
padding-bottom: 39%; } }
@media only screen and (max-width: 1280px) {
div.category__wrapper .container, div.category__wrapper .view-store-locator .view-content, .view-store-locator div.category__wrapper .view-content, div.category__wrapper .block-formblock, div.category__wrapper .block-views, div.category__wrapper .view-wiki-overview .view-content, .view-wiki-overview div.category__wrapper .view-content {
height: 100%; }
.category__teaser {
position: absolute;
width: 100%;
height: 100%; } }
.category__wrapper {
width: auto;
padding-bottom: inherit;
height: auto;
overflow: inherit; }
.view-id-product_list {
margin-bottom: 7.22222em; }
@media only screen and (max-width: 685px) {
.front .category__wrapper {
height: auto;
overflow: visible;
padding-bottom: 0; }
.front .category__wrapper .category__teaser {
background: transparent none;
position: relative; }
.front .category__wrapper .category__teaser .category__text {
width: 100%;
margin-top: -25%;
background: linear-gradient(to bottom, #022a36 0%, #012f3d 49%, #01465c 100%);
padding-top: 20%;
z-index: 1;
position: relative; }
.front .category__wrapper .category__teaser .category__text h2 {
font-size: 24px; }
.front .category__wrapper .category__teaser .category__text p {
font-size: 16px; }
.front .category__wrapper .category__teaser .category__text .btn, .front .category__wrapper .category__teaser .category__text .page-follow input[type=submit], .page-follow .front .category__wrapper .category__teaser .category__text input[type=submit], .front .category__wrapper .category__teaser .category__text .block-formblock input[type=submit], .block-formblock .front .category__wrapper .category__teaser .category__text input[type=submit], .front .category__wrapper .category__teaser .category__text .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .front .category__wrapper .category__teaser .category__text a {
margin-bottom: 1.6em; }
.front .category__wrapper .marksman {
position: static;
background-position: top center;
background-size: cover;
width: 100%; }
.front .category__wrapper .marksman img {
height: 280px;
max-width: none; }
.front .category__wrapper .target-shooting .category__divider-mobile {
margin-top: -23%; }
.front .category__wrapper .target-shooting .marksman {
background-image: url("../images/home/home_bgr_target_mobile.jpg"); }
.front .category__wrapper .target-shooting .marksman img {
margin: 2% 0 0 20%; }
.front .category__wrapper .air-gun-hunting .category__divider-mobile {
margin-top: -35%; }
.front .category__wrapper .air-gun-hunting .marksman {
background-image: url("../images/home/home_bgr_hunting_mobile.jpg"); }
.front .category__wrapper .air-gun-hunting .marksman img {
margin: 5% 0 0 5%; }
.front .category__wrapper .action-shooting .marksman {
background-image: url("../images/home/home_bgr_action_mobile.jpg"); }
.front .category__wrapper .action-shooting .marksman img {
height: 250px;
margin: 5% 0 0 40%; }
.front .category__wrapper .reloading .category__divider-mobile {
margin-top: -30%; }
.front .category__wrapper .reloading .marksman {
background-image: url("../images/home/home_bgr_reload_mobile.jpg"); }
.front .category__wrapper .reloading .marksman img {
height: 250px;
width: 390px;
margin: 5% 0 0 10%; }
.front .category__divider {
display: none; }
.front .category__divider-mobile {
margin-top: -15%;
position: relative;
z-index: 2; }
.front .category__divider-mobile img {
width: 100%;
height: auto; } }
.hn-btn {
text-transform: uppercase;
transition: background-color 0.5s ease 0s; }
.btn, .page-follow input[type=submit], .block-formblock input[type=submit], .view-wiki-overview .pager .pager__item a {
display: inline-block;
padding: 0.33333em 0.66667em 0.27778em;
margin-bottom: 0;
color: #003747;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #003747;
border-radius: 0;
transition: background-color 0.5s ease 0s, border-color 0.5s ease 0s; }
.btn--gold, .page-follow input[type=submit], .block-formblock input[type=submit], .filter-toggle-comparison.comparison-toggle.gold .btn, .simplepage a.filter-toggle-comparison.comparison-toggle .btn, .filter-toggle-comparison.comparison-toggle.gold .page-follow input[type=submit], .page-follow .filter-toggle-comparison.comparison-toggle.gold input[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .page-follow input[type=submit], .page-follow .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit], .filter-toggle-comparison.comparison-toggle.gold .block-formblock input[type=submit], .block-formblock .filter-toggle-comparison.comparison-toggle.gold input[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .block-formblock input[type=submit], .block-formblock .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit], .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a {
color: white;
border-color: #baa47d;
background-color: #baa47d; }
.btn--gold:hover, .page-follow input[type=submit]:hover, .block-formblock input[type=submit]:hover, .filter-toggle-comparison.comparison-toggle.gold .btn:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .btn:hover, .filter-toggle-comparison.comparison-toggle.gold .page-follow input[type=submit]:hover, .page-follow .filter-toggle-comparison.comparison-toggle.gold input[type=submit]:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .page-follow input[type=submit]:hover, .page-follow .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit]:hover, .filter-toggle-comparison.comparison-toggle.gold .block-formblock input[type=submit]:hover, .block-formblock .filter-toggle-comparison.comparison-toggle.gold input[type=submit]:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .block-formblock input[type=submit]:hover, .block-formblock .simplepage a.filter-toggle-comparison.comparison-toggle input[type=submit]:hover, .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a:hover, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a:hover, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a:hover, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a:hover {
background-color: #030303;
border-color: #030303; }
.btn--inactive {
cursor: default;
opacity: 0.5; }
.btn--inactive:hover {
opacity: 1; }
.btn--gold-border, .view-wiki-overview .pager .pager__item a {
color: #af976c;
border-color: #af976c;
background-color: white; }
.btn--gold-border:hover, .view-wiki-overview .pager .pager__item a:hover {
background-color: #ededed; }
.btn--filter {
color: #003747 !important;
border-color: #003747 !important;
font-size: 14px;
margin-top: 0.55556em;
margin-left: 0.27778em;
min-width: 74px;
padding: 0.33333em 0.72222em 0.27778em; }
.btn--filter:hover {
background-color: #003747 !important;
color: #fff !important; }
.btn--gold-border.btn-compare:hover, .view-wiki-overview .pager .pager__item a.btn-compare:hover {
border-color: #ededed; }
.btn--white {
color: white;
border-color: white; }
.btn--white:hover {
color: #af976c;
background-color: white; }
.btn--black {
color: white;
background-color: #000;
border-color: #000; }
.btn--black:hover {
color: #000;
background-color: white;
border-color: white; }
.btn--large {
padding: 1em 0.66667em 0.93333em; }
.btn--block {
display: block;
text-align: center;
padding-left: 0;
padding-right: 0; }
.dealer {
background-color: #003747;
height: 320px;
font-size: 16px; }
.dealer h2 {
font-size: 16px; }
@media only screen and (max-width: 980px) {
.dealer h2 {
font-size: 16px; } }
.dealer__shooting_range_icon {
width: 40px;
height: 40px;
background: url(/sites/all/themes/frontend/dist/images/dealers/icon-shootingrange.png);
position: absolute;
top: -19px;
left: 50%;
margin-left: -20px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.dealer__shooting_range_legend {
margin: 1em 0 0 0; }
.dealer__shooting_range_legend img {
vertical-align: middle;
margin: 0 0.6em 0 0; }
.filter {
overflow-y: hidden;
background: #ededed;
transition-property: all;
transition-duration: .8s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.filter input[type="checkbox"] {
display: none; }
.filter input[type="checkbox"] + a:before {
content: "";
display: inline-block;
width: 1.38889em;
height: 1.38889em;
margin: -3px 6px 0 0;
vertical-align: middle;
background: #fff;
cursor: pointer;
border: 1px solid #003747; }
.filter input[type="checkbox"]:checked + a:before, .filter input[type="checkbox"]:active + a:before {
background: #003747;
box-shadow: inset 0 0 0 3px #fff; }
#block-facetapi-wlki3pdlev11rhvlsyegnjoqnjxosqdv .facetapi-facetapi-links a.btn, #block-facetapi-wlki3pdlev11rhvlsyegnjoqnjxosqdv .facetapi-facetapi-links .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item #block-facetapi-wlki3pdlev11rhvlsyegnjoqnjxosqdv .facetapi-facetapi-links a, #block-facetapi-dpyex4vuitqs1ib6ilrgrlz7y16afxd9 .facetapi-facetapi-links a.btn, #block-facetapi-dpyex4vuitqs1ib6ilrgrlz7y16afxd9 .facetapi-facetapi-links .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item #block-facetapi-dpyex4vuitqs1ib6ilrgrlz7y16afxd9 .facetapi-facetapi-links a {
text-transform: none; }
.filter.closed {
max-height: 0; }
.category__filter img {
transition: transform .3s ease-out; }
span.max-50 {
display: inline-block;
width: 608px;
float: right; }
@media only screen and (max-width: 1280px) {
span.max-50 {
width: auto;
float: none !important; } }
span.max-50.left {
float: left; }
.category__filter-toggle.closed.sm-col-6 .btn, .category__filter-toggle.closed.sm-col-6 .page-follow input[type=submit], .page-follow .category__filter-toggle.closed.sm-col-6 input[type=submit], .category__filter-toggle.closed.sm-col-6 .block-formblock input[type=submit], .block-formblock .category__filter-toggle.closed.sm-col-6 input[type=submit], .category__filter-toggle.closed.sm-col-6 .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .category__filter-toggle.closed.sm-col-6 a {
color: #af976c;
background-color: #ededed;
border: 1px solid #ededed; }
.category__filter-toggle.closed img {
transform: rotate(180deg); }
.category__filter {
top: 112px;
z-index: 3;
transition-property: top;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
@media only screen and (max-width: 685px) {
.category__filter {
top: 56px; } }
.category__filter.headroom--unpinned {
top: 82px; }
@media only screen and (max-width: 685px) {
.category__filter.headroom--unpinned {
top: 56px; } }
.filter-borderbottom {
border-bottom: 1px solid #baa47d; }
h2.facet-title {
margin-bottom: 0.16667em; }
h3.facet-title {
margin-top: 0;
margin-bottom: 0.16667em; }
.filter .block-facetapi {
/*@extend .col;
@extend .col-6;
@extend .sm-col-3;
@extend .mx2;*/ }
.filter .block-facetapi h2 {
margin-bottom: 0.16667em;
margin-top: 0.55556em; }
.filter .block-facetapi ul {
list-style: none;
padding-left: 0; }
.filter .block-facetapi li {
display: inline-block; }
.facetapi-facetapi-checkbox-links {
margin: 0.55556em 0; }
.facetapi-facetapi-checkbox-links li {
margin-right: 1.11111em; }
.btn--gold.btn--filter, .page-follow input.btn--filter[type=submit], .block-formblock input.btn--filter[type=submit], .filter-toggle-comparison.comparison-toggle.gold .btn--filter.btn, .simplepage a.filter-toggle-comparison.comparison-toggle .btn--filter.btn, .filter-toggle-comparison.comparison-toggle.gold .page-follow input.btn--filter[type=submit], .page-follow .filter-toggle-comparison.comparison-toggle.gold input.btn--filter[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .page-follow input.btn--filter[type=submit], .page-follow .simplepage a.filter-toggle-comparison.comparison-toggle input.btn--filter[type=submit], .filter-toggle-comparison.comparison-toggle.gold .block-formblock input.btn--filter[type=submit], .block-formblock .filter-toggle-comparison.comparison-toggle.gold input.btn--filter[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .block-formblock input.btn--filter[type=submit], .block-formblock .simplepage a.filter-toggle-comparison.comparison-toggle input.btn--filter[type=submit], .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a.btn--filter, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a.btn--filter, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a.btn--filter, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a.btn--filter, .btn--apply {
min-width: 8.33333em;
font-size: 16px;
margin-top: 0.16667em;
margin-left: 0.88889em; }
@media only screen and (max-width: 685px) {
.btn--gold.btn--filter, .page-follow input.btn--filter[type=submit], .block-formblock input.btn--filter[type=submit], .filter-toggle-comparison.comparison-toggle.gold .btn--filter.btn, .simplepage a.filter-toggle-comparison.comparison-toggle .btn--filter.btn, .filter-toggle-comparison.comparison-toggle.gold .page-follow input.btn--filter[type=submit], .page-follow .filter-toggle-comparison.comparison-toggle.gold input.btn--filter[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .page-follow input.btn--filter[type=submit], .page-follow .simplepage a.filter-toggle-comparison.comparison-toggle input.btn--filter[type=submit], .filter-toggle-comparison.comparison-toggle.gold .block-formblock input.btn--filter[type=submit], .block-formblock .filter-toggle-comparison.comparison-toggle.gold input.btn--filter[type=submit], .simplepage a.filter-toggle-comparison.comparison-toggle .block-formblock input.btn--filter[type=submit], .block-formblock .simplepage a.filter-toggle-comparison.comparison-toggle input.btn--filter[type=submit], .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a.btn--filter, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a.btn--filter, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a.btn--filter, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a.btn--filter, .btn--apply {
display: block;
width: 100%;
margin: 5px 0; } }
@media only screen and (max-width: 685px) {
.view-product-list .right.right-align {
float: none;
clear: both; } }
.btn--apply.btn--gold-border, .view-wiki-overview .pager .pager__item a.btn--apply {
background-color: #ededed; }
.btn--apply.btn--gold-border:hover, .view-wiki-overview .pager .pager__item a.btn--apply:hover {
background-color: #fff; }
#block-facetapi-crvogbzd6kflirsft7wlldvc1gwknqfv {
display: none; }
.page-reloading #block-facetapi-crvogbzd6kflirsft7wlldvc1gwknqfv {
display: block; }
#block-facetapi-bw0yg0s21dkdizvqnmxf9waw52ylraj6 {
float: left; }
body.i18n-en-DR #block-facetapi-crvogbzd6kflirsft7wlldvc1gwknqfv {
display: block; }
body.i18n-en-DR #block-facetapi-63lv00u1va9rephcjvapvwhzhi3caglt {
display: none; }
.filter--checkbox {
text-decoration: none; }
.facetapi-checkbox.facetapi-active {
display: inline !important; }
.facetapi-active.btn--filter {
background-color: #003747;
color: #fff !important; }
.filter-sub-headline {
position: absolute;
top: 15px; }
.view.view-product-list, .view-product-list.block-views, .view, .block-views {
transform: none; }
.view-product-list > .view-header > .container .block-title, .view-store-locator .view-product-list > .view-header > .view-content .block-title, .view-product-list > .view-header > .block-formblock .block-title, .view-product-list > .view-header > .block-views .block-title, .view-wiki-overview .view-product-list > .view-header > .view-content .block-title {
margin-left: 1rem; }
.view-product-list > .view-header > .container .right, .view-store-locator .view-product-list > .view-header > .view-content .right, .view-product-list > .view-header > .block-formblock .right, .view-product-list > .view-header > .block-views .right, .view-wiki-overview .view-product-list > .view-header > .view-content .right {
margin-top: -40px; }
@media only screen and (max-width: 685px) {
.view-product-list > .view-header > .container .right, .view-store-locator .view-product-list > .view-header > .view-content .right, .view-product-list > .view-header > .block-formblock .right, .view-product-list > .view-header > .block-views .right, .view-wiki-overview .view-product-list > .view-header > .view-content .right {
margin-top: 0px;
float: left;
margin-left: 1rem; } }
#lang-dropdown-select-language {
background: transparent;
border: none;
font-size: 15px;
color: #fff;
text-transform: uppercase;
text-align: center;
cursor: pointer; }
#lang-dropdown-select-language:hover {
color: #af976c; }
#lang-dropdown-select-language {
text-align: left;
line-height: 1; }
#lang_dropdown_form_language {
position: relative;
top: -4px;
background: #003747 url(/sites/all/themes/frontend/dist/images/page/icon-arrow-dropdown.png) no-repeat 70% center; }
#lang_dropdown_form_language .language-icon {
border-radius: 7px;
height: 16px;
width: 16px;
position: relative;
top: 2px; }
.language-switcher-locale-url a {
position: relative;
padding-left: 25px;
margin-left: 18px; }
.language-switcher-locale-url img.language-icon {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px; }
.language-switcher-locale-url li {
display: none; }
.language-switcher-locale-url li.active {
display: block; }
.language-switcher-locale-url li.active img.language-icon {
position: absolute;
right: 14px;
top: 0;
left: auto; }
.language-switcher-locale-url li.active a {
padding-right: 40px;
padding-left: 21px;
margin-left: 0;
background: transparent url(/sites/all/themes/frontend/dist/images/page/golden-arrow-right.png) no-repeat right 4px; }
.navigation--mobile__service.language .language-back {
display: block; }
.navigation--mobile__service.language .nav {
display: none; }
.navigation--mobile__service.language .language-switcher-locale-url li {
display: block; }
.navigation--mobile__service.language .language-switcher-locale-url li.active {
display: none; }
.language-back {
display: none; }
.language-back a {
background: transparent url(/sites/all/themes/frontend/dist/images/page/tuquoise-arrow-left.png) no-repeat left 4px;
color: #003747 !important;
margin-left: 20px; }
.search-api-ranges-widget .ui-widget-header {
background-color: #003747;
background-image: none;
border: 1px solid #003747;
height: 3px; }
.search-api-ranges-widget .ui-corner-all {
border-radius: 0px; }
.search-api-ranges-widget .ui-slider-horizontal {
height: 5px;
background-color: #fff;
background-image: none;
border: 1px solid #003747; }
.search-api-ranges-widget .ui-slider-horizontal .ui-slider-handle {
border-radius: 13px;
top: -0.55556em;
background-color: #ededed;
background-image: none;
border: 1px solid #003747;
width: 1.33333em;
height: 1.33333em;
background: #fff; }
.search-api-ranges-widget .ui-slider-horizontal .ui-slider-handle:focus, .search-api-ranges-widget .ui-slider-horizontal .ui-slider-handle:hover {
outline: 0;
background: #003747;
background: radial-gradient(ellipse at center, #003747 0%, #003747 50%, #003747 50%, #ffffff 55%, #ffffff 100%); }
.range-box-right input, .range-box-left input {
height: auto;
padding: 0;
width: 26px;
border: none;
background-color: #ededed;
color: #003747; }
.range-box-right input {
text-align: right; }
.search-api-ranges-widget .yui3-g {
position: relative; }
.search-api-ranges-widget .range-box-left {
position: absolute;
top: 8px;
left: 0; }
.search-api-ranges-widget .range-box-right {
position: absolute;
top: 8px;
right: 10px; }
.search-api-ranges-widget .range-slider-box {
padding: 15px 0 25px;
margin: 0 80px 0 70px; }
#search-api-ranges-block-slider-view-form-field-product-weight .range-box-right input, #search-api-ranges-block-slider-view-form-field-product-weight .range-box-left input {
width: 27px; }
#search-api-ranges-block-slider-view-form-field-product-weight .form-type-textfield::after {
content: "gr";
color: #003747; }
#block-facetapi-5rwidwq5qi0ty00sjpuubwo7tycsb51v .form-type-textfield::after {
content: "m";
color: #003747; }
#block-facetapi-63lv00u1va9rephcjvapvwhzhi3caglt .range-box-right input, #block-facetapi-63lv00u1va9rephcjvapvwhzhi3caglt .range-box-left input {
width: 30px; }
#block-facetapi-63lv00u1va9rephcjvapvwhzhi3caglt .form-type-textfield::after {
content: "G";
color: #003747; }
#store-locator-map {
height: 60vh; }
#store-locator-map .leaflet-popup-content {
margin: 0; }
#store-locator-map .leaflet-popup {
margin-left: 18px;
bottom: 35px !important; }
#store-locator-map .marker-cluster {
background: #003747;
background: linear-gradient(135deg, #003747 0%, #003747 30%, #01465b 60%, #01465b); }
#store-locator-map .marker-cluster div {
background-color: transparent;
color: #baa47d;
font-size: 18px; }
#store-locator-map .dealer {
margin: 30px 0 0;
padding: 1rem 1.5rem;
font-size: 16px !important;
height: auto;
width: auto; }
#store-locator-map .dealer a {
color: #fff; }
#store-locator-map .leaflet-popup-content-wrapper {
margin: 0;
padding: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
margin: 0; }
#store-locator-map .leaflet-top, #store-locator-map .leaflet-bottom {
z-index: 19; }
#store-locator-map .leaflet-popup-tip {
background-color: #003747; }
.leaflet-container a.leaflet-popup-close-button {
background: url(/sites/all/themes/frontend/dist/images/dealers/icon-close.png);
height: 17px;
width: 17px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
top: 2.5rem;
z-index: 1;
right: 15px;
color: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover {
color: transparent; }
.view-id-store_locator .view-content {
margin-bottom: 2rem; }
#hn-dealer-filter-form .btn--gold, #hn-dealer-filter-form .page-follow input[type=submit], .page-follow #hn-dealer-filter-form input[type=submit], #hn-dealer-filter-form .block-formblock input[type=submit], .block-formblock #hn-dealer-filter-form input[type=submit], #hn-dealer-filter-form .filter-toggle-comparison.comparison-toggle.gold .btn, .filter-toggle-comparison.comparison-toggle.gold #hn-dealer-filter-form .btn, #hn-dealer-filter-form .simplepage a.filter-toggle-comparison.comparison-toggle .btn, .simplepage a.filter-toggle-comparison.comparison-toggle #hn-dealer-filter-form .btn, #hn-dealer-filter-form .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item a, .filter-toggle-comparison.comparison-toggle.gold .view-wiki-overview .pager .pager__item #hn-dealer-filter-form a, #hn-dealer-filter-form .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold a, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle.gold #hn-dealer-filter-form a, #hn-dealer-filter-form .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a, .simplepage a.filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item #hn-dealer-filter-form a, #hn-dealer-filter-form .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle a, .view-wiki-overview .pager .pager__item .simplepage a.filter-toggle-comparison.comparison-toggle #hn-dealer-filter-form a {
font-size: 16px; }
#hn-dealer-filter-form h1 {
margin-bottom: 0; }
#hn-dealer-filter-form #edit-center-origin-search {
border: none;
background-color: #ededed;
color: #666;
text-transform: uppercase;
padding: 0.5rem 0.5rem 0.4rem;
font-size: 16px;
width: 100%; }
#hn-dealer-filter-form #edit-center-origin-client {
background: #af976c url(/sites/all/themes/frontend/dist/images/dealers/icon-target.png) no-repeat 12px center;
padding-left: 2.5rem;
line-height: 28px;
width: 100%;
text-align: left; }
#hn-dealer-filter-form #edit-center-origin-search-submit {
line-height: 28px;
background: #af976c url(/sites/all/themes/frontend/dist/images/page/icon-arrow-submit.png) no-repeat center center;
width: 40px;
text-indent: -999em;
white-space: nowrap;
overflow: hidden;
position: absolute;
right: 0;
top: 0; }
#hn-dealer-filter-form #edit-sortiment {
background: #af976c url(/sites/all/themes/frontend/dist/images/page/icon-arrow-dropdown.png) no-repeat 90% center;
padding-right: 2rem;
line-height: 28px;
height: 2.20rem;
width: 100%; }
@media only screen and (max-width: 685px) {
#hn-dealer-filter-form #edit-sortiment {
background-position: 95% center; } }
@media only screen and (max-width: 1280px) {
#hn-dealer-filter-form .right {
float: left; } }
.scroll-promt {
position: absolute;
width: 3.33333em;
height: 3.33333em;
border: 2px solid #fff;
border-radius: 1.66667em;
background: rgba(0, 0, 0, 0.2);
top: 85vh;
left: 50%;
margin-left: -1.66667em;
text-align: center;
display: none;
z-index: 12;
cursor: pointer; }
.scroll-promt img {
margin-top: 0em;
width: 60%;
height: auto;
animation-name: scroll-animation;
animation-duration: 2.2s;
animation-iteration-count: infinite; }
@media only screen and (max-height: 800px) and (min-width: 680px) {
body.front .scroll-promt, body.page-node-517 .scroll-promt, body.node-type-product .scroll-promt {
display: block; } }
@keyframes scroll-animation {
0% {
opacity: 0;
transform: translateY(0px); }
30% {
transform: translateY(18px);
opacity: 1; }
50% {
transform: translateY(18px);
opacity: 1; }
100% {
opacity: 0;
transform: translateY(44px); } }
.simplepage {
margin-top: 3.88889em; }
.simplepage h1, .simplepage h2, .simplepage h3, .simplepage h4 {
color: #003747; }
.simplepage a {
text-decoration: none; }
.simplepage a:hover {
text-decoration: underline; }
.home-ballistics {
background: #e8e8e8; }
.home-ballistics h3 {
margin-top: 0em; }
.simple_subscription_header, .simple_subscription_footer {
display: none; }
.page-follow {
background: #000;
padding: 1.66667em 0 1.55556em;
line-height: 40px;
position: relative;
z-index: 3; }
@media only screen and (max-width: 685px) {
.page-follow--subscribe .newsletter-form {
display: block;
width: 100%;
clear: both; }
.page-follow--subscribe .left {
float: none; }
.page-follow--subscribe .form-item-mail {
width: 88%; }
.page-follow--subscribe .form-item-mail input[type=text] {
width: 100%; } }
@media only screen and (min-width: 685px) {
.page-follow--subscribe {
max-height: 40px; } }
.page-follow input[type=submit] {
line-height: 26px;
background: #af976c url(/sites/all/themes/frontend/dist/images/page/icon-arrow-submit.png) no-repeat center center;
width: 1.88889em;
text-indent: -999em;
white-space: nowrap;
overflow: hidden; }
.page-follow a img {
position: relative;
top: -1px;
margin-left: 10px;
width: 39px;
height: auto;
vertical-align: middle; }
#edit-mail {
height: 39px; }
.form-item-mail {
float: left; }
.form-item-mail input[type=text] {
border: none;
background-color: #fff;
color: #666;
width: 180px;
text-transform: uppercase;
padding: 0.5rem 0.5rem 0.4rem;
font-size: 16px;
font-style: normal !important; }
@media only screen and (min-width: 980px) {
.form-item-mail input[type=text] {
width: 280px; } }
@media only screen and (min-width: 685px) {
.jump-navi {
display: block;
position: fixed;
top: 18.33333em;
right: 30px;
z-index: 50; } }
@media only screen and (min-width: 685px) and (max-width: 980px) {
.jump-navi {
top: 30%; } }
@media only screen and (min-width: 685px) {
.jump-navi ul {
list-style: none;
padding-left: 0; }
.jump-navi a {
display: block;
width: 0.66667em;
height: 0.66667em;
border: 1px solid #fff;
border-radius: 0.33333em;
margin: 0.66667em 0;
cursor: pointer;
background: rgba(0, 0, 0, 0.1); }
.jump-navi a.nav-active {
background-color: #fff; } }
.jump-navi {
display: none; }
.block-formblock {
margin-top: -2.22222em;
padding-bottom: 7.77778em; }
.block-formblock input[type=text], .block-formblock textarea {
border: none;
background-color: #ededed;
color: #666;
padding: 0.5rem 0.5rem 0.4rem;
font-size: 16px;
width: 50%; }
@media only screen and (max-width: 980px) {
.block-formblock input[type=text], .block-formblock textarea {
width: 100%; } }
.block-formblock .form-item-mail {
float: none; }
.navigation__search .search-toggle {
margin-top: 10px;
display: block;
width: 24px;
height: 24px;
position: relative; }
.navigation--open .navigation__search {
display: none; }
.header--mobile .navigation__search ul.ui-autocomplete.ui-menu {
max-height: 90vh;
overflow-y: scroll;
right: 0 !important;
left: 0 !important;
top: 56px !important;
position: fixed;
width: 100% !important; }
.header--mobile .navigation__search ul.ui-autocomplete.ui-menu:before {
right: 78px; }
.header--mobile .navigation__search .arrow {
content: " ";
display: none;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ededed transparent;
position: absolute;
bottom: -7px;
right: 10px; }
.navigation__search-input {
position: absolute;
right: 0;
width: 0em;
overflow: hidden;
top: 0; }
.navigation__search-input .ui-autocomplete.ui-widget {
display: none !important; }
.navigation__search-input.active ul.ui-autocomplete.ui-menu:before {
display: block; }
.navigation__search-input.active .arrow {
display: block; }
.navigation__search-input.open {
width: 12.22222em;
overflow: visible; }
.navigation__search-input.open .ui-autocomplete.ui-widget {
display: block !important; }
@media only screen and (max-width: 685px) {
.navigation__search-input.open {
width: 11.11111em; } }
.navigation__search-input input {
border: none;
background-color: #fff;
color: #003747;
padding: 8px 8px 6px;
font-size: 16px;
width: 83%;
height: 41px; }
.navigation__search-input .cancel {
cursor: pointer;
display: block;
line-height: 28px;
background: #af976c url(/sites/all/themes/frontend/dist/images/dealers/icon-close.png) no-repeat center center;
width: 40px;
text-indent: -999em;
white-space: nowrap;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
height: 41px; }
.navigation__search ul.ui-autocomplete.ui-menu {
background-color: #ededed;
font-size: 14px;
left: auto !important;
right: 0;
top: 62px !important;
border: none;
width: 300px;
min-width: 300px; }
.navigation__search ul.ui-autocomplete.ui-menu:before {
content: " ";
display: none;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ededed transparent;
position: absolute;
top: -10px;
right: 10px; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-menu-item- {
border-bottom: 1px solid rgba(175, 151, 108, 0.3); }
.navigation__search ul.ui-autocomplete.ui-menu .ui-menu-item-:last-child {
border-bottom: none; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-menu-item a {
background-color: #ededed;
margin: 0; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-autocomplete-field-field_product_mainvisual {
float: left; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-autocomplete-field-field_product_mainvisual img {
height: 60px;
width: auto; }
.navigation__search ul.ui-autocomplete.ui-menu li.ui-state-disabled {
display: none; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-autocomplete-field-field_product_headline {
font-size: 16px;
color: #003747;
padding: 12px 0 0 80px; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-autocomplete-field-field_product_calibres {
font-size: 16px;
color: #003747;
float: left;
padding: 0 0 0 10px;
letter-spacing: 1px; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-state-hover, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content .ui-state-hover, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-header .ui-state-hover, .navigation__search ul.ui-autocomplete.ui-menu .ui-state-focus, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content .ui-state-focus, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-header .ui-state-focus {
background-color: #fff !important;
color: #003747;
border: none;
background-image: none;
cursor: pointer; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-state-hover .ui-autocomplete-field-field_product_headline, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content .ui-state-hover .ui-autocomplete-field-field_product_headline, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-header .ui-state-hover .ui-autocomplete-field-field_product_headline, .navigation__search ul.ui-autocomplete.ui-menu .ui-state-focus .ui-autocomplete-field-field_product_headline, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content .ui-state-focus .ui-autocomplete-field-field_product_headline, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-header .ui-state-focus .ui-autocomplete-field-field_product_headline {
color: #af976c; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-state-hover .ui-autocomplete-field-field_product_calibres, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content .ui-state-hover .ui-autocomplete-field-field_product_calibres, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-header .ui-state-hover .ui-autocomplete-field-field_product_calibres, .navigation__search ul.ui-autocomplete.ui-menu .ui-state-focus .ui-autocomplete-field-field_product_calibres, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content .ui-state-focus .ui-autocomplete-field-field_product_calibres, .navigation__search ul.ui-autocomplete.ui-menu .ui-widget-header .ui-state-focus .ui-autocomplete-field-field_product_calibres {
color: #af976c; }
.navigation__search ul.ui-autocomplete.ui-menu li.ui-menu-item-first {
border-top: none;
font-size: 14px;
color: #003747; }
.navigation__search ul.ui-autocomplete.ui-menu li.ui-menu-item-first a {
padding: 10px; }
.navigation__search ul.ui-autocomplete.ui-menu .ui-widget-content a {
color: #003747; }
.navigation__search ul.ui-autocomplete.ui-menu.ui-widget {
font-size: 14px;
color: #003747; }
.navigation__search .ui-corner-all, .navigation__search .ui-corner-top, .navigation__search .ui-corner-left, .navigation__search .ui-corner-tl {
border-radius: 0; }
/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing; }
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
/* vertically center */
transform: translateY(-50%); }
.flickity-prev-next-button:hover {
background: white; }
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F; }
.flickity-prev-next-button:active {
filter: alpha(opacity=60);
/* IE8 */
opacity: 0.6; }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button:disabled {
filter: alpha(opacity=30);
/* IE8 */
opacity: 0.3;
cursor: auto; }
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-prev-next-button .arrow {
fill: #333; }
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
color: #333;
font-size: 26px; }
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
filter: alpha(opacity=25);
/* IE8 */
opacity: 0.25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
filter: alpha(opacity=100);
/* IE8 */
opacity: 1; }
.product-ballistics {
position: relative;
background: url(../images/product/bg-calculator.jpg) no-repeat 50% 50%;
background-size: cover;
height: 680px; }
.product-ballistics .theor {
text-transform: uppercase;
text-align: center;
width: 410px;
top: 28px;
font-size: 16px; }
.product-ballistics .carousel-cell {
width: 708px;
padding: 20px;
height: 400px; }
@media only screen and (max-width: 980px) {
.product-ballistics .carousel-cell {
width: 90%; } }
@media only screen and (max-width: 980px) {
.product-ballistics .carousel-cell {
width: 100%; } }
@media only screen and (max-width: 685px) {
.product-ballistics .flickity-page-dots {
bottom: 0;
width: 95%; } }
.product-ballistics .flickity-page-dots .dot {
background: #fff;
filter: alpha(opacity=20);
opacity: 0.2; }
.product-ballistics .flickity-page-dots .dot.is-selected {
filter: alpha(opacity=80);
opacity: 0.8; }
@media only screen and (max-width: 980px) {
.product-ballistics .product-ballistics__calculator-curves {
transform: scale(0.8);
transform-origin: 0 center; } }
@media only screen and (max-width: 685px) {
.product-ballistics {
height: auto; }
.product-ballistics .product-ballistics__calculator {
position: relative;
top: 0;
transform: translateX(0px) !important;
height: auto !important; }
.product-ballistics .product-ballistics__description {
transform: translateX(0px) !important;
width: 100%; }
.product-ballistics .product-ballistics__calculator-form {
width: 100%;
height: 380px; }
.product-ballistics #calculatorform .input-wrapper {
width: 100%; }
.product-ballistics .theor {
display: none; }
.product-ballistics .product-ballistics__calculator-curves {
transform: scaleX(0.45) scaleY(0.55);
transform-origin: 0 0;
height: 300px; }
.product-ballistics div.close {
position: relative;
left: 780px; }
.product-ballistics .product-ballistics__calculator-help div.close {
position: absolute;
right: 15% !important;
top: -10px;
float: none;
margin: 1.66667em 0 0 0;
left: auto;
width: 1.55556em;
height: 1.55556em; } }
.product-ballistics .product-ballistics__calculator-help div.close {
position: relative;
float: right;
margin: 1.66667em 1.66667em 0 0;
right: 0px; }
@media only screen and (min-width: 1280px) {
.product-ballistics .product-ballistics__calculator-help div.close {
position: absolute;
left: 910px;
right: auto;
float: none;
margin: 1.66667em -8.33333em 0 0; } }
.product-ballistics__description {
transform: translateX(0%);
transition: transform;
transition-duration: 0.5s; }
.product-ballistics.open .product-ballistics__description {
transform: translateX(-200%); }
.product-ballistics.open .product-ballistics__calculator {
transform: translateX(8%); }
@media only screen and (max-width: 1280px) {
.product-ballistics.open .product-ballistics__calculator {
transform: translateX(0%); } }
@media only screen and (max-width: 980px) {
.product-ballistics.open .product-ballistics__calculator {
transform: translateX(-30px);
width: 108%; } }
.product-ballistics__calculator {
top: 4rem;
transform: translateX(40%);
transition: transform;
transition-duration: 0.3s;
width: 100%;
position: absolute; }
.product-ballistics__calculator-form {
opacity: 0;
display: none; }
.product-ballistics__calculator-curves {
opacity: 0;
display: none; }
.product-ballistics__calculator-help {
opacity: 0;
display: none;
max-width: 800px; }
@media only screen and (max-width: 980px) {
.product-ballistics__calculator-help {
max-width: 700px; } }
@media only screen and (max-width: 685px) {
.product-ballistics__calculator-help {
max-width: 100%; } }
.product-ballistics__calculator.form .product-ballistics__calculator-form {
opacity: 1;
display: block; }
.product-ballistics__calculator.curves .product-ballistics__calculator-curves {
opacity: 1;
display: block; }
.product-ballistics__calculator.help .product-ballistics__calculator-help {
opacity: 1;
display: block; }
.product-ballistics .col-7 {
background: linear-gradient(315deg, #003747 0%, #01465b); }
.product-ballistics .col-7.form, .product-ballistics .col-7.help {
height: 460px; }
.product-ballistics .col-7.curves {
height: 470px; }
.product-ballistics div.curve {
width: 700px; }
.product-ballistics .close {
background: url(/sites/all/themes/frontend/dist/images/page/menu-close.png) no-repeat;
background-size: contain;
width: 1.77778em;
height: 1.77778em;
text-indent: -999em;
margin: 1.66667em -8.33333em 0 0;
cursor: pointer;
z-index: 5;
position: absolute;
right: -100px; }
@media only screen and (min-width: 1280px) {
.product-ballistics .close {
position: absolute;
left: 910px;
right: auto;
float: none;
margin: 1.66667em -8.33333em 0 0; } }
@media only screen and (max-width: 685px) {
.product-ballistics .close {
position: absolute;
right: 20%;
float: none;
margin: 1.66667em 0 0 0; } }
.product-ballistics .result-nav {
text-align: center;
max-width: 820px; }
.product-ballistics .result-nav a {
text-transform: uppercase;
display: inline-block;
margin: 0.38889em 0.83333em;
padding: 0.11111em 0;
text-decoration: none;
font-size: 25px; }
.product-ballistics .result-nav a:hover {
margin: 0.38889em 0.83333em 0.33333em;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.8); }
.product-ballistics .result-nav a:active, .product-ballistics .result-nav a .active {
margin: 0.38889em 0.83333em 0.33333em;
text-decoration: none;
border-bottom: 1px solid #af976c;
color: #af976c; }
.calculator-scales {
position: absolute;
font-size: 16px;
top: 22px;
width: 60px; }
.calculator-scales .unit {
padding-left: 15px; }
.calculator-scales.left-scale {
text-align: right; }
.calculator-scales.left-scale .unit {
padding-left: 0;
padding-right: 15px; }
.calculator-scales.right-scale {
right: 40px; }
.calculator-scales.right-scale .scale-wrapper > div:before {
content: " ";
position: relative;
float: left;
width: 5px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
display: block;
height: 1px;
top: 10px;
left: -10px; }
.calculator-scales .unit {
display: none; }
.calculator-scales .scale-wrapper {
display: none;
position: relative; }
.calculator-scales .scale-wrapper {
margin-top: 5px;
height: 340px;
overflow: hidden; }
.calculator-scales .scale-wrapper > div {
height: 40px;
padding: 0 10px;
position: absolute;
top: 400px;
width: 100%; }
.calculator-scales .scale-wrapper > div:before {
content: " ";
position: relative;
float: right;
width: 5px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
display: block;
height: 1px;
top: 10px;
left: 10px; }
#curve-wrapper {
position: relative;
width: 860px; }
#curve-wrapper div.curve {
margin-left: 60px;
opacity: 0;
border: 1px solid rgba(255, 255, 255, 0.5);
border-top: none;
width: 700px;
height: 321px;
overflow: hidden;
position: absolute;
transition: opacity;
transition-duration: 0.8s; }
#curve-wrapper.active-curve {
background: url(/sites/all/themes/frontend/dist/images/product/loader.gif) no-repeat center center; }
#curve-wrapper.active-energy #curve-energy {
opacity: 1; }
#curve-wrapper.active-velocity #curve-velocity {
opacity: 1; }
#curve-wrapper.active-curve #curve-curve {
opacity: 1; }
#curve-wrapper.active-energy a.energy, #curve-wrapper.active-velocity a.velocity, #curve-wrapper.active-curve a.curve {
margin: 0.38889em 1.11111em 0.33333em;
text-decoration: none;
border-bottom: 1px solid #af976c;
color: #af976c; }
#curve-wrapper.active-energy .benergy, #curve-wrapper.active-velocity .bvelocity, #curve-wrapper.active-curve .bcurve {
display: block; }
#curve-wrapper .distance {
margin-top: 329px;
font-size: 16px;
position: relative;
left: 50px;
width: 800px; }
#curve-wrapper .distance > span {
display: inline-block;
width: 9%; }
body.i18n-en-DR #curve-wrapper .distance > span {
width: 8%; }
#calculatorform .input-wrapper {
width: 500px;
position: relative; }
#calculatorform .input-wrapper > div {
margin: 2rem 0; }
#calculatorform .select {
position: absolute;
top: 0;
padding: 34px 0 0 0;
background: rgba(0, 0, 0, 0.3);
text-align: right;
border: 1px solid #fff;
width: 100px;
cursor: pointer;
line-height: 28px;
display: none;
font-size: 25px; }
@media only screen and (max-width: 980px) {
#calculatorform .select {
padding: 24px 0 0 0;
line-height: 24px;
font-size: 20px; } }
#calculatorform .option {
background: #fff;
border-top: 1px solid rgba(0, 55, 71, 0.6);
width: 100px;
padding: 3px 10px 0 0;
margin-left: -1px; }
#calculatorform input {
width: 100px;
padding: 1px 8px 0px;
text-align: right;
background: transparent;
border: none;
margin-right: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
#calculatorform input[type='number'] {
-moz-appearance: textfield; }
#calculatorform input::-webkit-outer-spin-button,
#calculatorform input::-webkit-inner-spin-button {
-webkit-appearance: none; }
#calculatorform .selector input {
cursor: pointer; }
#calculatorform .btn--disabled {
background: #ddd;
color: #fff;
border: none;
cursor: default; }
#info-btn {
border: 1px solid #fff;
text-align: center;
height: 30px;
width: 30px;
border-radius: 15px;
font-size: 22px;
color: #fff;
display: inline-block;
margin-left: 30px;
cursor: pointer; }
.product-facts {
position: relative;
color: white;
background-color: #B7945A;
background: linear-gradient(45deg, #B7945A 0%, #4A3A21 100%);
z-index: 1; }
.product-facts__image {
position: absolute;
top: -10em;
right: -21.11111em;
width: 39.66667em; }
@media only screen and (max-width: 980px) {
.product-facts__image {
font-size: 13px; } }
@media only screen and (max-width: 685px) {
.product-facts__image {
font-size: 8px; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-facts__image {
font-size: 13px; } }
.maxx.product-facts__image {
position: absolute;
top: -14.44444em;
right: -17.77778em;
width: 39.66667em; }
@media only screen and (max-width: 980px) {
.maxx.product-facts__image {
font-size: 13px; } }
@media only screen and (max-width: 685px) {
.maxx.product-facts__image {
font-size: 8px; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.maxx.product-facts__image {
font-size: 13px; } }
.product-greenline {
background: url(../images/product/bg-greenline.jpg) no-repeat 50% 50%;
background-size: cover; }
.product-pellet-list {
position: relative;
z-index: 3;
background: #d5d5d5;
background: linear-gradient(45deg, #d5d5d5 0%, #FFF 100%); }
@media only screen and (max-width: 685px) {
.product-pellet-list .h1 {
text-align: center; } }
.product-pellet-list + .product-pellet-list {
background: #FFF;
background: linear-gradient(135deg, #FFF 0%, #d5d5d5 100%); }
.product-pellet-list a {
text-decoration: none; }
@media only screen and (max-width: 980px) {
.product-pellet-list .md-col-4:nth-child(3) {
display: none; } }
.product-powercoat {
background: url(../images/product/bg-hardcoated.jpg) no-repeat 50% 50%;
background-size: cover; }
.product-shop {
position: relative;
background-color: #B7945A;
background: linear-gradient(45deg, #4A3A21 0%, #B7945A 100%);
z-index: 2; }
@media only screen and (max-width: 685px) {
.product-shop .clearfix, .product-shop .view-product-list .container, .view-product-list .product-shop .container, .product-shop .view-product-list .block-formblock, .view-product-list .product-shop .block-formblock, .product-shop .view-product-list .block-views, .view-product-list .product-shop .block-views, .product-shop .view-product-list .view-wiki-overview .view-content, .view-product-list .view-wiki-overview .product-shop .view-content, .product-shop .view-wiki-overview .view-product-list .view-content, .view-wiki-overview .view-product-list .product-shop .view-content, .product-shop .view-store-locator .view-content, .view-store-locator .product-shop .view-content, .product-shop .region-filter, .product-shop .product-stage__title, .product-shop .view-product-overview .view-content, .view-product-overview .product-shop .view-content {
padding-bottom: 16.66667em; } }
.product-shop__image {
position: absolute;
bottom: -12.22222em;
left: -14.44444em;
width: 36.44444em; }
@media only screen and (max-width: 980px) {
.product-shop__image {
bottom: -6.66667em;
left: -5.55556em;
max-width: 400px; } }
@media only screen and (max-width: 685px) {
.product-shop__image {
position: absolute;
width: 140%;
margin-left: -20%;
bottom: -8.88889em;
left: auto;
max-width: none; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-shop__image {
font-size: 16px; } }
@media only screen and (max-width: 685px) {
.product-shop__image img {
max-width: 500px;
margin: 0 auto;
display: block; } }
.node-type-product img {
height: auto; }
html.node-type-product {
font-size: 10px; }
@media only screen and (min-width: 685px) {
html.node-type-product {
font-size: 12px; } }
@media only screen and (min-width: 1280px) {
html.node-type-product {
font-size: 16px; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
html.node-type-product {
font-size: 12px; } }
.maxx.product-stage {
background: url(../images/product/bg-stage_black.jpg) #01465b 50% 0% no-repeat; }
@media only screen and (max-width: 1280px) {
.maxx.product-stage {
background: url(../images/product/bg-stage_black.jpg) 50% 40% no-repeat; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage {
background-position: center 30%; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage {
background: url(../images/product/bg-stage_black.jpg) 50% 0% no-repeat;
background-size: cover;
background-position: 0 0; } }
.maxx.product-stage h1 {
color: white;
padding-top: 2.77778em; }
@media only screen and (max-width: 685px) {
.maxx.product-stage h1 {
padding-top: 3.88889em; } }
.maxx.product-stage__title__image {
top: 2.55556em; }
.maxx.product-stage__description {
position: relative; }
@media only screen and (min-width: 1280px) {
.maxx.product-stage__description {
min-height: 750px; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__description {
margin-top: 100px; } }
@media only screen and (max-width: 980px) {
.maxx.product-stage__description {
margin-top: 20px; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__description {
padding-top: 10em; } }
.maxx.product-stage__description__image {
position: absolute;
bottom: 25em;
left: 0;
margin-left: unset;
width: 65.38889em;
height: auto;
pointer-events: none; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.maxx.product-stage__description__image {
width: 55.55556em;
margin-left: unset; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__description__image {
width: 80%;
margin: 0 auto;
bottom: 16.66667em;
left: 11.11111em; } }
@media only screen and (min-width: 980px) {
.maxx.product-stage__description__image {
width: 80%;
margin: 0 auto;
bottom: 22.22222em;
left: 2.22222em; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__description__image {
width: 111%;
font-size: 12px;
margin: 0 auto;
bottom: 22.22222em;
left: -2.22222em; } }
.maxx.product-stage__description ul {
list-style: none;
padding-left: 0;
margin-left: 10px; }
.maxx.product-stage__description ul li:before {
content: "-";
position: relative;
left: -5px; }
.maxx.product-stage__description ul li {
text-indent: -5px; }
.maxx.product-stage__description__text {
color: white;
max-height: 582px;
overflow: hidden;
z-index: 1;
position: relative;
margin-top: 16.66667em;
margin-left: -8.33333em; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.maxx.product-stage__description__text {
margin-top: 16.66667em; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__description__text {
margin-top: 16.66667em; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__description__text {
margin-top: 0em;
width: 100%;
margin-left: 0; } }
.product-stage {
background: url(../images/product/bg-stage.jpg) 50% 0% no-repeat;
overflow: hidden; }
@media only screen and (max-width: 1280px) {
.product-stage {
background: url(../images/product/bg-stage.jpg) 50% 40% no-repeat; } }
@media only screen and (max-width: 1280px) {
.product-stage {
background-position: center 30%; } }
@media only screen and (max-width: 685px) {
.product-stage {
background: url(../images/product/bg-stage.mobile.jpg) 50% 0% no-repeat;
background-size: cover;
background-position: 0 0; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-stage {
background-position: center 40%; } }
.product-stage__title {
min-height: 40.55556em; }
@media only screen and (max-width: 1280px) {
.product-stage__title {
min-height: 23.33333em; } }
@media only screen and (max-width: 685px) {
.product-stage__title {
min-height: 23.33333em; }
.product-stage__title .fontsize-0 {
font-size: 38px; }
.product-stage__title .fontsize-1 {
font-size: 32px; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-stage__title {
min-height: 42.22222em; } }
.product-stage__title__name {
position: relative;
z-index: 2;
line-height: 1;
padding-top: 3.75em;
font-size: 3.33333em;
text-align: center;
text-indent: -0.16667em;
color: #003747; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-stage__title__name {
padding-top: 3.16667em; } }
@media only screen and (max-width: 1280px) {
.product-stage__title__name {
padding-top: 1.41667em; } }
@media only screen and (max-width: 685px) {
.product-stage__title__name {
padding-top: 3em; }
.product-stage__title__name .right {
float: none; } }
.product-stage__title__image {
position: relative;
z-index: 1; }
@media only screen and (max-width: 685px) {
.product-stage__title__image {
position: absolute;
width: 100%;
top: 0; } }
@media only screen and (max-width: 685px) {
.product-stage__title__image img {
max-width: 400px !important;
width: 100%;
margin: 0 auto;
display: block; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-stage__title__image {
text-align: center; }
.product-stage__title__image img {
max-width: 100%; } }
@media only screen and (max-width: 1280px) {
.product-stage__title__image {
text-align: center; }
.product-stage__title__image img {
max-width: 100%; } }
.product-stage__description {
position: relative; }
@media only screen and (min-width: 1280px) {
.product-stage__description {
min-height: 300px; } }
@media only screen and (max-width: 1280px) {
.product-stage__description {
margin-top: 100px; } }
@media only screen and (max-width: 980px) {
.product-stage__description {
margin-top: 20px; } }
.product-stage__description__image {
position: absolute;
bottom: -15.55556em;
left: 0;
margin-left: -32.66667em;
width: 65.38889em;
height: auto;
pointer-events: none; }
.group-reloading .product-stage__description__image {
width: 50em;
margin-left: -27.11111em; }
@media only screen and (max-width: 1280px) {
.product-stage__description__image {
font-size: 17px; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-stage__description__image {
width: 55.55556em;
margin-left: -27.11111em; } }
@media only screen and (max-width: 1280px) {
.product-stage__description__image {
width: 55.55556em;
margin-left: -27.11111em; } }
@media only screen and (max-width: 685px) {
.product-stage__description__image {
font-size: 12px;
margin-left: -28.88889em; } }
.product-stage__description ul {
list-style: none;
padding-left: 0;
margin-left: 10px; }
.product-stage__description ul li:before {
content: "-";
position: relative;
left: -5px; }
.product-stage__description ul li {
text-indent: -5px; }
.product-stage__description__text {
color: white;
max-height: 582px;
overflow: hidden;
z-index: 1;
position: relative; }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.product-stage__description__text {
margin-top: 3.33333em; } }
@media only screen and (max-width: 1280px) {
.product-stage__description__text {
margin-top: 3.33333em; } }
@media only screen and (max-width: 685px) {
.product-stage__description__text {
margin-top: 0em; } }
@media only screen and (min-width: 400px) and (max-width: 685px) {
.product-stage {
background-position: 0 20%; } }
@media only screen and (min-width: 500px) and (max-width: 685px) {
.product-stage {
background-position: 0 30%; } }
.product-shop.maxx {
z-index: 4; }
.product-shop__image.maxx {
width: initial;
height: 160%;
top: -7%;
bottom: 0;
z-index: 4;
left: -5%; }
.product-shop__image.maxx img {
height: 100%; }
@media only screen and (max-width: 685px) {
.product-shop__image.maxx {
top: 50%;
height: 60%;
bottom: 0;
z-index: 4;
left: 0; } }
@media only screen and (max-width: 980px) {
.maxx.product-facts__image {
font-size: 13px; } }
@media only screen and (max-width: 685px) {
.maxx.product-facts__image {
font-size: 8px; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.maxx.product-facts__image {
font-size: 13px; } }
.product-shop.maxx {
z-index: 4; }
.product-shop__image.maxx {
width: initial;
height: 160%;
top: -7%;
bottom: 0;
z-index: 4;
left: -5%; }
.product-shop__image.maxx img {
height: 100%; }
@media only screen and (max-width: 685px) {
.product-shop__image.maxx {
top: 50%;
height: 60%;
bottom: 0;
z-index: 4;
left: 0; } }
.maxx.product-stage {
background: url(../images/product/bg-stage_black.jpg) #01465b 50% 0% no-repeat; }
.maxx.product-stage h1 {
color: white;
padding-top: 1.11111em; }
.maxx.product-stage__title {
min-height: 40.55556em; }
.maxx.product-stage__title__image {
top: 2.55556em; }
.maxx.product-stage__description {
position: relative; }
.maxx.product-stage__description__image {
position: absolute;
bottom: 30.55556em;
left: 0;
margin-left: unset;
width: 65.38889em;
height: auto;
pointer-events: none; }
.maxx.product-stage__description ul {
list-style: none;
padding-left: 0;
margin-left: 10px; }
.maxx.product-stage__description ul li {
text-indent: -5px; }
.maxx.product-stage__description ul li:before {
content: "-";
position: relative;
left: -5px; }
.maxx.product-stage__description__text {
color: white;
max-height: 582px;
overflow: hidden;
z-index: 1;
position: relative;
margin-top: 16.66667em;
margin-left: -8.33333em; }
@media only screen and (max-width: 1280px) {
.maxx.product-stage {
background: url(../images/product/bg-stage_black.jpg) 50% 40% no-repeat; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage {
background-position: center 30%; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage {
background: url(../images/product/bg-stage_black.jpg) #01465b 50% 0% no-repeat;
background-size: cover;
background-position: 0 -175px; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage h1 {
padding-top: 3.88889em; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__title {
min-height: 27.77778em; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__title {
min-height: unset; }
.maxx.product-stage__title .fontsize-0 {
font-size: 38px; }
.maxx.product-stage__title .fontsize-1 {
font-size: 32px; } }
@media only screen and (min-width: 1280px) {
.maxx.product-stage__description {
min-height: 750px; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__description {
margin-top: 100px; } }
@media only screen and (max-width: 980px) {
.maxx.product-stage__description {
margin-top: 20px; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__description {
margin-top: unset;
padding-top: unset; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.maxx.product-stage__description__image {
width: 55.55556em;
margin-left: unset; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__description__image {
width: 80%;
margin: 0 auto;
bottom: 26.66667em;
left: 3.33333em; } }
@media only screen and (min-width: 980px) {
.maxx.product-stage__description__image {
width: 80%;
margin: 0 auto;
bottom: 25em;
left: 2.22222em; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__description__image {
position: relative;
width: 111%;
font-size: 12px;
margin: 4.44444em auto 1.38889em auto;
left: -5.5%;
top: unset;
bottom: unset; } }
@media only screen and (min-width: 980px) and (max-height: 750px) {
.maxx.product-stage__description__text {
margin-top: 16.66667em; } }
@media only screen and (max-width: 1280px) {
.maxx.product-stage__description__text {
margin-top: 16.66667em; } }
@media only screen and (max-width: 685px) {
.maxx.product-stage__description__text {
margin-top: 0em;
width: 100%;
margin-left: 0; } }
.product-use-for--field-target {
background: url(../images/product/bg-targetshooting.png) 50% 100% no-repeat; }
.product-use-for--field-target .mb4 {
margin-bottom: 8rem; }
@media only screen and (max-width: 685px) {
.product-use-for--field-target {
background: url(../images/product/bg-targetshooting.png) 50% 100% no-repeat;
background-size: 180%; } }
.product-use-for--hunting {
background-size: cover;
color: white; }
.product-use-for--hunting--small {
background-image: url(../images/usage/game_squirrel.jpg); }
.product-use-for--hunting--small-bird {
background-image: url(../images/usage/game_raven.jpg); }
.product-use-for--hunting--medium {
background-image: url(../images/usage/game_fox.jpg); }
.product-use-for--hunting--medium-bird {
background-image: url(../images/usage/game_pheasant.jpg); }
.product-use-for--hunting--large {
background-image: url(../images/usage/game_wolf.jpg); }
.product-use-for__game {
padding: 1.11111em;
border: 1px solid white;
background: rgba(0, 0, 0, 0.35);
text-align: center; }
.product-use-for__game img {
width: 20%;
height: auto; }
.product-use-for__game__list {
list-style: none;
padding-left: 0; }
.product-use-for__game__list > li {
position: relative;
margin: 0.55556em 0; }
.product-use-for__game__list > li + li:before {
content: '';
position: absolute;
top: -0.32em;
left: 50%;
height: 1px;
width: 2.6em;
transform: translateX(-50%);
background: white; }
.product-use-for__target-box-wrapper {
margin-bottom: 7.77778em; }
@media only screen and (max-width: 685px) {
.product-use-for__target-box-wrapper {
margin-bottom: 3.33333em; } }
.product-use-for__target-box {
min-height: 7em;
padding: 1.11111em 1.38889em;
border: 1px solid #003747;
color: #003747;
text-align: center; }
@media only screen and (max-width: 1280px) {
.product-use-for__target-box {
min-height: 7.22222em; } }
@media only screen and (max-width: 980px) {
.product-use-for__target-box {
min-height: 5.55556em; } }
@media only screen and (max-width: 685px) {
.product-use-for__target-box {
min-height: 5.44444em; } }
.product-teaser__headline {
min-height: 2.8em; }
.block-views h2.block-title {
left: 0.8em;
position: absolute; }
.view-product-overview {
position: relative; }
.view-product-overview .view-header {
right: 0;
position: absolute; }
.view-product-overview .view-content {
clear: both; }
.view-product-overview.view-display-id-calibres_block .view-content {
margin: 0; }
@media only screen and (min-width: 980px) {
.view-product-list .product-teaser {
border: 1px solid white;
transition: border-color 0.5s ease 0s; }
.view-product-list .product-teaser:hover {
border: 1px solid #af976c; } }
.product-pellet-list .product-teaser__buttons {
display: none; }
.product-pellet-list.product-pellet-list-similar .mtn2 {
margin-top: -2rem; }
.product-pellet-list.product-pellet-list-similar .product-teaser__buttons, .product-pellet-list.product-pellet-list-similar .product-teaser__caliber {
display: none; }
.product-pellet-list.product-pellet-list-similar img {
width: 120%;
height: auto;
max-width: 120%;
left: -10%;
position: relative; }
.product-pellet-list.product-pellet-list-other .mtn2 {
margin-top: -2rem; }
.product-pellet-list.product-pellet-list-other .product-teaser__buttons, .product-pellet-list.product-pellet-list-other .product-teaser__headline {
display: none; }
.product-pellet-list.product-pellet-list-other img {
width: 120%;
height: auto;
max-width: 120%;
left: -10%;
position: relative; }
.product-ammotest {
background: url(../images/product/bg-ammotest.jpg) no-repeat center center;
background-size: cover; }
@media (min-width: 980px) {
.product-ammotest {
background: url(../images/product/bg-ammotest.jpg) no-repeat right 20%;
background-size: 120%; } }
.product-handsorted__image img {
max-width: none; }
.product-highlights {
padding-top: 11.11111em;
background: #ededed;
background: linear-gradient(180deg, #ededed 0%, #ededed 30%, #dedede 60%, #dedede); }
.product-highlights h2 {
margin-bottom: 0; }
.product-highlights .product-teaser__buttons {
display: none; }
@media only screen and (max-width: 980px) {
.product-highlights {
padding-top: 4.44444em; }
.product-highlights .md-col-4:nth-child(3) {
display: none; } }
@media only screen and (max-width: 685px) {
.product-highlights {
padding-top: 1.11111em; }
.product-highlights .view-content {
margin-top: 1rem;
margin-bottom: 1rem; } }
.load-data {
background: #003747;
background: linear-gradient(-135deg, #003747 0%, #003747 50%, #01465b 80%, #01465b); }
.load-data .border-bottom {
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.load-data__wrapper .absolute .col {
background: #33dd55; }
.product-reloading-use__background {
margin: 2.22222em auto 0;
max-width: 77.77778em; }
.product-reloading-use__background img {
display: block; }
.product-reloading-use ul li {
line-height: 1.8; }
.product-crossteaser {
background-color: #e8e8e8;
overflow: hidden;
padding-top: 4.44444em;
position: relative;
z-index: 3; }
.product-crossteaser .sm-col-7, .product-crossteaser .sm-col-6.turquoise, .product-crossteaser h2.sm-col-6.facet-title, .product-crossteaser h3.sm-col-6.facet-title, .product-crossteaser .filter .block-facetapi h2.sm-col-6, .filter .block-facetapi .product-crossteaser h2.sm-col-6, .product-crossteaser .sm-col-6.filter--checkbox {
padding-bottom: 4.44444em;
position: relative; }
@media only screen and (max-width: 685px) {
.product-crossteaser {
padding-top: 1.66667em; }
.product-crossteaser a {
width: 100%; } }
.product-crossteaser .btn--gold-border, .product-crossteaser .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .product-crossteaser a {
background-color: #e8e8e8; }
.product-crossteaser .col-10, .product-crossteaser .col-12 {
position: relative;
z-index: 1; }
.product-crossteaser__image {
position: absolute;
bottom: -1.11111em;
right: -6.66667em;
width: 50%;
z-index: 0; }
@media only screen and (max-width: 685px) {
.product-crossteaser__image {
position: relative;
bottom: -1.11111em;
right: auto !important;
margin-left: 8%;
width: 80% !important;
height: auto !important; } }
.product-crossteaser--book .product-crossteaser__image {
bottom: 0;
right: -6.66667em;
width: 60%; }
.product-crossteaser--book .product-crossteaser__image img {
position: absolute;
bottom: 0; }
.product-crossteaser--matchbox .product-crossteaser__image {
bottom: 0;
right: -11.11111em;
width: 60%; }
@media only screen and (max-width: 980px) {
.product-crossteaser--matchbox .product-crossteaser__image {
right: -8.33333em; } }
.product-compare .use-images img {
width: auto;
height: 34px;
padding: 0.44444em 0.27778em 0; }
.product-compare .use-images span {
display: inline-block;
position: relative;
cursor: pointer; }
.product-compare .use-images span:hover:before {
content: " ";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #af976c transparent transparent transparent;
position: absolute;
top: 0;
right: 10px; }
.product-compare .product-use {
display: inline-block;
position: relative; }
.product-compare .product-use-for__game {
display: none;
margin-top: -300px;
width: 100%;
height: 300px;
overflow: hidden;
border: none;
background-color: #af976c;
color: #fff;
position: relative;
font-size: 16px; }
.product-compare .product-use-for__game img {
height: 34px;
width: auto; }
.product-compare .product-use-for__game .ttu, .product-compare .product-use-for__game .navigation__footer .nolink, .navigation__footer .product-compare .product-use-for__game .nolink, .product-compare .product-use-for__game h2.facet-title, .product-compare .product-use-for__game h3.facet-title, .product-compare .product-use-for__game .filter .block-facetapi h2, .filter .block-facetapi .product-compare .product-use-for__game h2, .product-compare .product-use-for__game .filter--checkbox, .product-compare .product-use-for__game .simplepage h3, .simplepage .product-compare .product-use-for__game h3, .product-compare .product-use-for__game .simplepage h4, .simplepage .product-compare .product-use-for__game h4 {
line-height: 1.8; }
.product-compare .product-use-for__game__list {
font-size: 16px; }
.product-compare .product-use-for__game__list li {
margin: 0;
line-height: 2; }
.product-compare .product-use-for__game__list > li + li:before {
top: 0;
width: 5em;
background-color: rgba(255, 255, 255, 0.3); }
.product-compare .h2 {
margin-bottom: 0.2em; }
.product-compare .odd {
background: linear-gradient(to bottom, white 0%, whitesmoke 35%, whitesmoke 64%, white 100%); }
.product-compare .first {
height: 236px; }
@media only screen and (max-width: 980px) {
.product-compare .first {
height: 200px; } }
.product-compare .first .medium, .product-compare .first .h3, .product-compare .first .view-glossary-header .views-summary-unformatted a, .view-glossary-header .views-summary-unformatted .product-compare .first a, .product-compare .first .navigation .nolink, .navigation .product-compare .first .nolink, .product-compare .first .navigation--mobile__categories a, .navigation--mobile__categories .product-compare .first a, .product-compare .first .navigation__categories .leaf, .navigation__categories .product-compare .first .leaf, .product-compare .first .navigation__footer .col > a, .navigation__footer .product-compare .first .col > a {
margin-top: -20px; }
.product-compare .first img {
height: auto;
width: 100%;
max-width: 185px; }
.product-compare .line {
border-top: 1px solid rgba(186, 164, 125, 0.3);
line-height: 50px;
height: 50px; }
.product-compare .line.last {
height: 100px; }
.product-compare .line.dbl {
height: 70px; }
.product-compare .remove {
display: block;
float: right;
text-indent: -999em;
background: url(/sites/all/themes/frontend/dist/images/product/icon-close-gold.png) no-repeat;
height: 20px;
width: 30px;
cursor: pointer;
margin-left: 80%; }
.product-compare .closepage {
display: block;
position: absolute;
right: 0;
top: 0;
text-indent: -999em;
background: url(/sites/all/themes/frontend/dist/images/product/icon-close-gold-big.png) no-repeat;
height: 40px;
width: 40px; }
.product-compare .btn, .product-compare .page-follow input[type=submit], .page-follow .product-compare input[type=submit], .product-compare .block-formblock input[type=submit], .block-formblock .product-compare input[type=submit], .product-compare .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .product-compare a {
font-size: 16px; }
@media only screen and (max-width: 980px) {
.product-compare .btn-cta {
font-size: 14px;
white-space: normal;
padding: 0.33333em 0.5em 0.27778em; } }
.product-compare .labels .line.dbl {
height: 70px;
padding-top: 17px;
line-height: 20px; }
.filter-toggle-comparison {
display: none; }
@media only screen and (max-width: 685px) {
.filter-toggle-comparison {
display: none !important; } }
.filter-toggle-comparison.open {
display: block; }
.filter-toggle-comparison.comparison-toggle.active {
display: block; }
.filter-toggle-comparison.comparison-toggle .btn, .filter-toggle-comparison.comparison-toggle .page-follow input[type=submit], .page-follow .filter-toggle-comparison.comparison-toggle input[type=submit], .filter-toggle-comparison.comparison-toggle .block-formblock input[type=submit], .block-formblock .filter-toggle-comparison.comparison-toggle input[type=submit], .filter-toggle-comparison.comparison-toggle .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .filter-toggle-comparison.comparison-toggle a {
color: #af976c;
background: #ededed;
border: 1px solid #ededed; }
.comparison-rendered .remove {
background: url(/sites/all/themes/frontend/dist/images/product/icon-close-gold.png) no-repeat;
position: absolute;
height: 14px;
width: 14px;
cursor: pointer;
top: 0;
right: 0;
background-size: contain; }
.filter-toggle-comparison.comparison-toggle img {
transform: rotate(0deg);
transition: transform .3s ease-out; }
.comparison-toggle.open img {
transform: rotate(180deg); }
.filter.filter-toggle-comparison {
height: 120px;
padding-top: 20px; }
.filter.filter-toggle-comparison .btn, .filter.filter-toggle-comparison .page-follow input[type=submit], .page-follow .filter.filter-toggle-comparison input[type=submit], .filter.filter-toggle-comparison .block-formblock input[type=submit], .block-formblock .filter.filter-toggle-comparison input[type=submit], .filter.filter-toggle-comparison .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .filter.filter-toggle-comparison a {
font-size: 18px;
margin-top: 20px; }
.filter.filter-toggle-comparison .btn--gold-border, .filter.filter-toggle-comparison .view-wiki-overview .pager .pager__item a, .view-wiki-overview .pager .pager__item .filter.filter-toggle-comparison a {
background-color: transparent; }
.filter.filter-toggle-comparison .product-compare--subline {
font-size: 16px;
margin-top: 30px; }
@media only screen and (max-width: 980px) {
.filter.filter-toggle-comparison {
height: 160px; }
.filter.filter-toggle-comparison .product-compare--subline {
margin-top: 0; } }
.filter.filter-toggle, .filter.filter-toggle-comparison {
clear: both; }
.btn-compare.active {
border: 1px solid #ededed;
color: #af976c;
background: #ededed url(/sites/all/themes/frontend/dist/images/page/checked.png) no-repeat 10px center; }
.compare-too-many {
display: none;
position: absolute;
background-color: #ededed;
font-size: 16px;
padding: 10px 20px;
top: 109%;
text-align: center;
width: 100%; }
.compare-too-many:before {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ededed transparent;
position: absolute;
top: -10px; }
.ttu, .navigation__footer .nolink, h2.facet-title, h3.facet-title, .filter .block-facetapi h2, .filter--checkbox, .simplepage h3, .simplepage h4 {
text-transform: uppercase; }
.white-line-top {
border-top: 1px solid rgba(255, 255, 255, 0.5); }
.mtn2 {
margin-top: -2rem; }
.col-1point5 {
width: 20%; }
#__bs_notify__ {
display: none !important; }
.clear {
clear: both; }
.load-data__wrapper {
overflow: hidden;
/*
@include below-size(sm) {
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100%);
background-repeat: no-repeat;
}*/ }
.load-data .border-bottom {
z-index: 1;
position: relative; }
.table-columns {
width: 100%; }
.table-columns .wrapper {
margin-right: 8rem;
height: 270px; }
.table-columns .wrapper > div {
width: 20%;
height: 100%;
float: left; }
.table-columns .column-bg {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.1) 55%, rgba(255, 255, 255, 0) 100%); }
@media only screen and (min-width: 685px) {
.sm-left {
text-align: left; } }
.product-soap {
/*height: 600px;*/
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.product-soap > .container, .view-store-locator .product-soap > .view-content, .product-soap > .block-formblock, .product-soap > .block-views, .view-wiki-overview .product-soap > .view-content {
background-position: top center;
background-repeat: no-repeat;
background-size: 100% auto; }
.black-line-top {
border-top: 1px solid rgba(0, 0, 0, 0.5); }
/*.product-soap .h1, .product-soap .font-3,*/
#calculatorform .col > .relative {
white-space: nowrap; }
@media only screen and (min-width: 685px) {
.product-soap > .container, .view-store-locator .product-soap > .view-content, .product-soap > .block-formblock, .product-soap > .block-views, .view-wiki-overview .product-soap > .view-content {
background-image: none !important; }
.sm-py0 {
padding-top: 0;
padding-bottom: 0; }
.sm-px0 {
padding-left: 0;
padding-right: 0; } }
@media only screen and (max-width: 685px) {
.product-soap {
background-image: none !important;
background-color: #e8e5e1; }
.img-max-height {
max-height: 50px; } }
.ttu.black-line-top.font-5.mb1.sm-mb0, .navigation__footer .black-line-top.font-5.mb1.sm-mb0.nolink, .navigation__footer #store-locator-map .black-line-top.mb1.sm-mb0.nolink.dealer, #store-locator-map .navigation__footer .black-line-top.mb1.sm-mb0.nolink.dealer, h2.black-line-top.font-5.sm-mb0.facet-title, h2.black-line-top.sm-mb0.facet-title.filter--checkbox, #store-locator-map h2.black-line-top.sm-mb0.facet-title.dealer, h3.black-line-top.sm-mb0.facet-title, .filter .block-facetapi h2.black-line-top.font-5.mb1.sm-mb0, .filter .block-facetapi #store-locator-map h2.black-line-top.mb1.sm-mb0.dealer, #store-locator-map .filter .block-facetapi h2.black-line-top.mb1.sm-mb0.dealer, .black-line-top.mb1.sm-mb0.filter--checkbox, #store-locator-map .ttu.black-line-top.mb1.sm-mb0.dealer, #store-locator-map h3.black-line-top.sm-mb0.dealer.facet-title, #store-locator-map .black-line-top.mb1.sm-mb0.dealer.filter--checkbox, #store-locator-map .simplepage h3.black-line-top.mb1.sm-mb0.dealer, .simplepage #store-locator-map h3.black-line-top.mb1.sm-mb0.dealer, #store-locator-map .simplepage h4.black-line-top.mb1.sm-mb0.dealer, .simplepage #store-locator-map h4.black-line-top.mb1.sm-mb0.dealer, .simplepage h3.black-line-top.font-5.mb1.sm-mb0, .simplepage h4.black-line-top.font-5.mb1.sm-mb0 {
height: 40px !important;
line-height: 17px;
padding-top: 4px;
overflow: hidden; }
.display-block {
display: block; }
.product-youtube {
background: url(/sites/all/themes/frontend/dist/images/product/bg-stage.jpg) 0% 0% no-repeat;
background-size: 200%;
padding: 4rem; }
.product-youtube .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.product-youtube .video-container iframe, .product-youtube .video-container object, .product-youtube .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media only screen and (max-width: 685px) {
.product-youtube {
background: url(/sites/all/themes/frontend/dist/images/product/bg-stage.mobile.jpg) 50% 0% no-repeat;
background-size: cover;
background-position: 0 0;
padding: 2rem 0; } }
.product-testimonials {
background: url(/sites/all/themes/frontend/dist/images/product/testimonials-wide.jpg) 0% 0% no-repeat;
background-size: cover;
padding: 4rem 6rem 0; }
.product-testimonials__damm .product-testimonials__text {
width: 50%;
padding-left: 0%;
float: left; }
@media (min-width: 685px) {
.product-testimonials__damm .product-testimonials__text {
padding-left: 10%; } }
@media (min-width: 980px) {
.product-testimonials__damm .product-testimonials__text {
padding-left: 5%; } }
@media (min-width: 1200px) {
.product-testimonials__damm .product-testimonials__text {
padding-left: 20%; } }
.product-testimonials__damm .product-testimonials__visual {
width: 50%;
float: right; }
.product-testimonials__damm .product-testimonials__visual img {
max-width: 100%;
transform: translateX(-10%) translateY(20px); }
.product-testimonials__freiheit .product-testimonials__visual img {
max-width: 90%;
padding-left: 5%;
transform: translateY(8px); }
.product-testimonials__freiheit {
width: 100%;
max-height: 550px; }
.product-testimonials .flickity-page-dots {
bottom: 30px; }
.product-testimonials .flickity-page-dots .dot {
background: transparent;
height: 12px;
width: 12px;
border: 1px solid #fff;
opacity: 1; }
.product-testimonials .flickity-page-dots .dot.is-selected {
background: #fff;
border: 1px solid #fff;
opacity: 1; }
.product-testimonials .flickity-prev-next-button {
background: rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
width: 60px;
height: 60px; }
.product-testimonials .flickity-prev-next-button .arrow {
fill: #fff; }
.product-testimonials .flickity-prev-next-button svg {
position: absolute;
left: 25%;
top: 25%;
width: 50%;
height: 50%; }
@media (max-width: 684px) {
.product-testimonials__damm .product-testimonials__text {
width: 100%; }
.product-testimonials .flickity-prev-next-button {
display: none; }
.product-testimonials__damm .product-testimonials__visual {
width: 100%;
padding: 0 10%;
float: right; }
.flickity-enabled .product-testimonials__damm .product-testimonials__visual {
padding: 0 18%; }
.flickity-enabled .product-testimonials__freiheit .product-testimonials__text {
padding-top: 4rem; }
.flickity-enabled .product-testimonials__freiheit .product-testimonials__visual {
padding-top: 4rem; }
.product-testimonials__freiheit .product-testimonials__visual {
width: 110%;
padding: 0;
transform: translateX(-4%); }
.product-testimonials__damm .product-testimonials__visual img, .product-testimonials__freiheit .product-testimonials__visual img {
max-width: 100%;
transform: translateX(0) translateY(9px); }
.product-testimonials {
background: url(/sites/all/themes/frontend/dist/images/product/testimonials-mobile.jpg) 0% 0% no-repeat;
padding: 2rem 2rem 0;
height: 100%; } }
.container.wiki, .view-store-locator .wiki.view-content, .wiki.block-formblock, .wiki.block-views, .view-wiki-overview .wiki.view-content {
max-width: 980px;
padding: 0 1rem; }
@media (min-width: 980px) {
.container.wiki, .view-store-locator .wiki.view-content, .wiki.block-formblock, .wiki.block-views, .view-wiki-overview .wiki.view-content {
padding: 0; } }
.container.wiki .text_wiki, .view-store-locator .wiki.view-content .text_wiki, .wiki.block-formblock .text_wiki, .wiki.block-views .text_wiki, .view-wiki-overview .wiki.view-content .text_wiki {
max-width: 100%; }
.wiki_article {
font-family: DaxWeb; }
.wiki_article pre {
width: 100%;
background: #af976c;
clear: both;
overflow-x: hidden;
white-space: normal;
color: white;
font-family: DaxWeb-Bold;
padding: 1rem;
margin: 1rem 0; }
.wiki_article h3 {
margin-bottom: 2rem;
width: 100%; }
.wiki_article br {
display: none; }
@media (min-width: 685px) {
.wiki_article br {
display: block; } }
.wiki_article .text_wiki table {
margin: 1rem 0;
width: 100%;
font-size: 11px; }
@media (min-width: 685px) {
.wiki_article .text_wiki table {
font-size: 18px; } }
@media (max-width: 320px) {
.wiki_article .text_wiki table {
font-size: 10px; } }
.wiki_article .text_wiki table th {
background: #999;
height: 2rem;
padding-left: .3rem;
padding-right: .3rem; }
@media (min-width: 685px) {
.wiki_article .text_wiki table th {
padding-left: 1rem;
padding-right: 1rem; } }
.wiki_article .text_wiki table tr {
height: 3rem;
background: #999; }
.wiki_article .text_wiki table tr:nth-child(even) {
background: #f6f6f6;
color: #003747; }
.wiki_article .text_wiki table td {
padding-left: .3rem;
padding-right: .3rem; }
@media (min-width: 685px) {
.wiki_article .text_wiki table td {
padding-left: 1rem;
padding-right: 1rem; } }
.wiki_article_body {
margin-top: 1.3334rem; }
.wiki_article_text_container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 1.3334rem 0; }
.wiki_article_text_container .float_container .wiki_article_image {
width: 100%;
float: left;
margin: 0 1.3334rem 1.3334rem 0; }
@media (min-width: 685px) {
.wiki_article_text_container .float_container .wiki_article_image {
width: 48%; } }
.wiki_article_text_container .float_container.rechts .wiki_article_image {
float: right;
margin: 0 0 1.3334rem 1.3334rem; }
.wiki_article_text_container .wiki_article_image {
font-weight: bold;
width: 100%;
margin-bottom: 2rem; }
@media (min-width: 685px) {
.wiki_article_text_container .wiki_article_image {
width: 48.6667%; } }
.wiki_article_text_container .wiki_article_image img {
width: 100%; }
.wiki_article_text_container .wiki_article_image.fullwidth {
max-width: 100%;
width: 100%;
margin: 1.3334rem 0; }
.wiki_article_text_container .wiki_article_image.fullwidth .wiki_visual_subline {
margin-top: 1.3334rem; }
.wiki_article_text_container .wiki_article_image .wiki_visual_subline {
min-height: 2rem; }
.anchorlink {
display: block;
padding-top: 4rem;
margin-top: -4rem;
visibility: hidden;
width: 0px;
height: 0px; }
#jumpmenu_title {
margin-bottom: 1.3334rem; }
#jumpmenu {
list-style: none;
padding: 0; }
#jumpmenu li {
margin-bottom: 0.44447rem; }
#jumpmenu li a {
color: #af976c; }
.wiki_top_nav, .wiki_bottom_nav {
max-width: 1133px;
margin: 3rem auto 0 auto;
padding-left: 2rem; }
@media (min-width: 980px) {
.wiki_top_nav, .wiki_bottom_nav {
padding: 1rem; } }
.wiki_top_nav a, .wiki_bottom_nav a {
text-decoration: none;
color: #af976c;
text-transform: uppercase;
display: block;
position: relative; }
.wiki_top_nav a:before, .wiki_bottom_nav a:before {
content: "\2039";
width: 1rem;
height: 1rem;
position: absolute;
left: -1rem;
font-size: 1.4rem;
line-height: 1.4rem; }
.wiki_bottom_nav {
margin: 4rem auto; }
.glossarylink {
color: #af976c;
margin-top: 2rem; }
.view-wiki-overview .view-header {
margin: 5rem 0 3rem;
padding: 0 1rem; }
.view-wiki-overview .view-header br {
display: none; }
@media (min-width: 685px) {
.view-wiki-overview .view-header br {
display: block; } }
.view-wiki-overview .view-content {
padding: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 685px) {
.view-wiki-overview .view-content {
-ms-flex-pack: justify;
justify-content: space-between; } }
@media (min-width: 685px) {
.view-wiki-overview .view-content:after {
content: "";
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; } }
.view-wiki-overview .view-content .wiki_teaser {
text-decoration: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 2%;
border: 1px solid #ededed;
height: 35rem;
padding: 1rem; }
@media (min-width: 685px) {
.view-wiki-overview .view-content .wiki_teaser {
width: 32%; } }
.view-wiki-overview .view-content .wiki_teaser #keywords_wiki {
color: #af976c;
text-transform: lowercase;
margin-bottom: 1rem;
line-height: 1.667rem; }
.view-wiki-overview .view-content .wiki_teaser .wiki_article_body {
font-family: DaxWeb;
margin-top: 0.5rem; }
.view-wiki-overview .view-content .wiki_teaser .category {
font-family: DaxWeb;
color: #999;
margin-top: 1rem;
font-size: 1rem; }
.view-wiki-overview .view-content .wiki_teaser #wiki_teaser_footer {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: auto; }
.view-wiki-overview .view-content .wiki_teaser #wiki_teaser_footer hr {
color: #ededed;
margin-left: 0;
margin-right: 0;
border-style: solid; }
.view-wiki-overview .view-content .wiki_teaser #wiki_teaser_footer .gotoarticle {
color: #af976c;
text-decoration: none;
text-transform: uppercase;
-ms-flex-item-align: end;
align-self: flex-end;
padding-right: 1rem;
position: relative; }
.view-wiki-overview .view-content .wiki_teaser #wiki_teaser_footer .gotoarticle:after {
content: "\203A";
width: 1rem;
height: 1rem;
position: absolute;
right: -.5rem;
font-size: 1.4rem;
line-height: 1.4rem; }
.view-wiki-overview .view-content .wiki_teaser h2 {
margin-top: 0.5rem; }
.view-wiki-overview .pager {
width: 100%;
text-align: center;
list-style-type: none;
margin: 2rem 0 4rem;
padding: 0; }
.view-wiki-overview .pager .pager__item a {
padding: 0.33333em 3rem 0.27778em; }
.page-fachausdruecke main {
margin-top: 0px; }
@media (min-width: 685px) {
.page-fachausdruecke main {
margin-top: 58px; } }
.view-glossary-header .view-id-glossar.view-display-id-block_1 {
transition-property: top;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
top: 6.332rem;
background: white;
z-index: 2;
display: none; }
@media (min-width: 685px) {
.view-glossary-header .view-id-glossar.view-display-id-block_1 {
display: block; } }
.view-glossary-header .glossary-description {
margin-top: 1rem;
font-family: DaxWeb;
padding: 1rem; }
.view-glossary-header .glossary-description br {
display: none; }
@media (min-width: 685px) {
.view-glossary-header .glossary-description {
margin-top: 3rem;
padding: 0; }
.view-glossary-header .glossary-description br {
display: block; } }
.view-glossary-header .glossary_top_nav {
max-width: 1133px;
margin: 3rem auto 0;
padding-left: 2rem;
text-align: left;
padding-top: 2rem; }
@media (min-width: 980px) {
.view-glossary-header .glossary_top_nav {
padding: 1rem; } }
.view-glossary-header .glossary_top_nav a {
text-decoration: none;
color: #af976c;
text-transform: uppercase;
display: block;
position: relative; }
.view-glossary-header .glossary_top_nav a:before {
content: "\2039";
width: 1rem;
height: 1rem;
position: absolute;
left: -1rem;
font-size: 1.4rem;
line-height: 1.4rem; }
.view-glossary-header .view-content {
padding: 1rem;
text-align: center; }
.view-glossary-header .views-summary-unformatted {
margin-right: 1rem; }
.view-glossary-header .views-summary-unformatted a {
text-decoration: none;
color: #af976c;
line-height: 2.5rem; }
@media (min-width: 685px) {
.view-glossary-header .views-summary-unformatted a {
line-height: 1.4rem; } }
.view-glossary-header .glossary_header {
background: url("/sites/all/themes/frontend/dist/images/glossary/glossar_header.jpg") #ededed center;
text-align: center;
background-size: cover;
background-position: center 32%;
padding-bottom: 6rem; }
@media (min-width: 1600px) {
.view-glossary-header .glossary_header {
padding-bottom: 10rem; } }
.view-glossary-header .glossary_header br {
display: none; }
@media (min-width: 685px) {
.view-glossary-header .glossary_header {
padding-bottom: 30rem;
height: 27vw;
background-repeat: no-repeat;
background-size: contain;
background-position: center center; }
.view-glossary-header .glossary_header br {
display: block; } }
.view-glossary-header .glossary_header h3 {
margin-bottom: 2rem;
width: 100%; }
.view-glossary-header .glossary-titles {
transition-property: top;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #af976c;
border-bottom: 1px solid #af976c;
top: 3rem;
background: white; }
@media (min-width: 685px) {
.view-glossary-header .glossary-titles {
top: 9.667rem; } }
.view-glossary-header .glossary-titles div {
padding: 0.5rem; }
@media (min-width: 685px) {
.view-glossary-header .glossary-titles div {
padding: 1rem; } }
.view-glossary-header .glossary-titles div.first {
width: 40%; }
@media (min-width: 685px) {
.view-glossary-header .glossary-titles div.first {
width: 27.5%; } }
.view-glossary-header .glossary-titles div.second {
padding-left: 1rem;
width: 60%; }
@media (min-width: 685px) {
.view-glossary-header .glossary-titles div.second {
padding-left: 3rem;
width: 72.5%; } }
.view-glossary-header .glossary-titles div.third {
width: 17.3%;
display: none; }
@media (min-width: 685px) {
.view-glossary-header .glossary-titles div.third {
display: block; } }
.view-id-glossar.view-display-id-page {
margin-bottom: 3rem; }
.view-id-glossar.view-display-id-page .view-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.view-id-glossar.view-display-id-page .view-content .col-1,
.view-id-glossar.view-display-id-page .view-content .row,
.view-id-glossar.view-display-id-page .view-content .views-view-grid,
.view-id-glossar.view-display-id-page .view-content h3 {
width: 100%; }
.view-id-glossar.view-display-id-page .view-content .col-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #af976c; }
.view-id-glossar.view-display-id-page .view-content .row-first {
border-top: 1px solid #af976c; }
.view-id-glossar.view-display-id-page .view-content h3 {
color: #003747;
padding: 0 0.5rem;
margin: 0.5rem 0;
position: relative; }
@media (min-width: 685px) {
.view-id-glossar.view-display-id-page .view-content h3 {
padding: 0 1rem; } }
.view-id-glossar.view-display-id-page .views-field {
display: block;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.view-id-glossar.view-display-id-page .views-field .field-content {
color: #003747;
font-family: DaxWeb;
display: block;
padding: 0.5rem; }
@media (min-width: 685px) {
.view-id-glossar.view-display-id-page .views-field .field-content {
padding: 1rem; } }
.view-id-glossar.view-display-id-page .views-field.views-field-title {
width: 40%;
background: #f6f6f6; }
@media (min-width: 685px) {
.view-id-glossar.view-display-id-page .views-field.views-field-title {
width: 27.5%; } }
.view-id-glossar.view-display-id-page .views-field.views-field-field-body {
width: 60%;
margin-right: auto;
padding-left: 0.5rem; }
@media (min-width: 685px) {
.view-id-glossar.view-display-id-page .views-field.views-field-field-body {
padding-left: 2rem;
width: 72.5%; } }
.view-id-glossar.view-display-id-page .views-field.views-field-field-sort-title-1 {
position: relative;
width: 0px;
height: 0px; }
.view-id-glossar.view-display-id-page .views-field.views-field-field-sort-title-1 .field-content {
padding: 0;
margin: 0; }
.view-id-glossar.view-display-id-page.topspace {
margin-top: 4.667rem; }
@media (min-width: 685px) {
.view-id-glossar.view-display-id-page.topspace {
margin-top: 9.667rem; } }
.glossyanchor {
position: absolute;
top: -12rem; }
.headroom--pinned .view-glossary-header .view-id-glossar.view-display-id-block_1 {
top: 6.223rem; }
.headroom--pinned .view-id-glossar.view-display-id-page.topspace {
margin-top: 4.667rem; }
@media (min-width: 685px) {
.headroom--pinned .view-id-glossar.view-display-id-page.topspace {
margin-top: 9.667rem; } }
.headroom--pinned .glossary-titles {
top: 3rem; }
@media (min-width: 685px) {
.headroom--pinned .glossary-titles {
top: 9.667rem; } }
.headroom--pinned .glossyanchor {
position: absolute;
top: -13.667rem; }
.headroom--unpinned .view-glossary-header .view-id-glossar.view-display-id-block_1 {
top: 4.556rem; }
.headroom--unpinned .view-id-glossar.view-display-id-page.topspace {
margin-top: 3rem; }
@media (min-width: 685px) {
.headroom--unpinned .view-id-glossar.view-display-id-page.topspace {
margin-top: 8rem; } }
.headroom--unpinned .glossary-titles {
top: 3rem; }
@media (min-width: 685px) {
.headroom--unpinned .glossary-titles {
top: 8rem; } }
.headroom--unpinned .glossyanchor {
position: absolute;
top: -12rem; }
.gitemanchor {
position: absolute;
top: -13rem; }