@if not-imported("import_once_func") { @import "import_once_func"; }
@if not-imported("framework") { @import "framework"; }
/*
------ HEADER ------
*/
#header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 10;
@include linear-gradient(to bottom, rgba(#000,0.3) 20%, rgba(#000,0) 100%);
@include transition(all 0.25s);
.-mobile-menu-active & {
z-index: 99;
}
/*body:not(.-mobile-menu-active):not(.navbar-shown) & {
@include transform(translate(0,-100%));
}*/
}
/*
------ NAVBAR ------
*/
#navbar {
//height: 120px;
/*position: absolute;
left: 0;
right: 0;
top: 10px;*/
position: relative;
padding: 10px 0;
z-index: 11;
transform-style: preserve-3d;
.navbar-content {
height: 100%;
z-index: 1;
}
@media screen and (max-width: 1120px) {
height: 40px;
top: 0;
/*$navbar-spacing-responsive: 22.111vw;
&:before {
left: $navbar-spacing-responsive;
-webkit-transform: translateX(-$navbar-spacing-responsive);
-moz-transform: translateX(-$navbar-spacing-responsive);
-ms-transform: translateX(-$navbar-spacing-responsive);
-o-transform: translateX(-$navbar-spacing-responsive);
transform: translateX(-$navbar-spacing-responsive);
}
&:after {
right: $navbar-spacing-responsive;
-webkit-transform: translateX($navbar-spacing-responsive);
-moz-transform: translateX($navbar-spacing-responsive);
-ms-transform: translateX($navbar-spacing-responsive);
-o-transform: translateX($navbar-spacing-responsive);
transform: translateX($navbar-spacing-responsive);
}*/
}
.scrolled &,
& {
background-color: rgba($color-bg-secondary,0.9);
@include box-shadow(0 0 10px 5px rgba($color-black,0.4));
.-branch-edelbrand & {
background-color: rgba($color-bg-primary,0.9);
}
}
.mod_changelanguage {
position: absolute;
right: 0;
top: 0;
line-height: 2.5;
ul {
margin: 0;
position: relative;
z-index: 0;
&.level_0 {
padding: 0 5px;
> li {
span {
&:before {
@include icon('\ea59', 16px);
color: $color-text-invert;
vertical-align: -1px;
margin-right: 5px;
}
}
}
}
}
li {
a,
span,
strong {
position: relative;
font-weight: 400;
display: block;
color: $color-text-invert;
@include transition(all 0.2s);
/*&:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background-color: #fff;
opacity: 0;
visibility: hidden;
@include transition(all 0.2s cubic-bezier(0.76, 0, 0.24, 1));
}
&:hover,
&.active {
&:before {
opacity: 1;
visibility: visible;
}
}*/
}
ul {
z-index: -1;
background: rgba(#fff,0.7);
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
@include transition(all 0.2s cubic-bezier(0.76, 0, 0.24, 1));
padding: 2.5em 5px 5px;
line-height: 1.5;
li {
text-align: right;
a,
span,
strong {
&:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background-color: $color-bg-secondary;
opacity: 0;
visibility: hidden;
@include transition(all 0.2s cubic-bezier(0.76, 0, 0.24, 1));
}
&:hover,
&.active {
&:before {
opacity: 1;
visibility: visible;
}
}
}
}
}
&:hover {
a,
span,
strong {
&,
&:before {
color: $color-bg-secondary !important;
}
}
ul {
opacity: 1;
visibility: visible;
}
}
}
@include for-max-size(1120px) {
//display: none;
position: relative;
right: auto;
top: auto;
text-align: right;
padding: 0 25px;
li {
a,
span,
strong {
color: $color-bg-secondary;
display: inline-block;
}
ul.level_1 {
visibility: visible;
opacity: 1;
position: relative;
display: inline-block;
padding: 0;
z-index: 1;
}
}
ul {
&.level_0 {
padding: 0;
> li {
display: inline-flex;
> span {
padding-right: 10px;
font-weight: 700;
}
span {
&:before {
color: $color-bg-secondary;
}
}
}
}
}
}
}
}
#title-logo {
height: 120px;
width: 120px;
position: absolute;
left: 0;
bottom: -70px;
/*&:before {
content: '';
position: absolute;
left: 1px;
top: 1px;
right: 1px;
bottom: 1px;
background-color: #fff;
@include border-radius(999em);
@include box-shadow(0 0 10px 5px rgba($color-black,0.4));
transform: translateZ(-10px)
}*/
@include transition(opacity 2.5s ease-in-out);
visibility: visible;
opacity: 1;
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 151 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M75.25,150.5C116.531,150.5 150.5,116.531 150.5,75.25C150.5,33.969 116.531,0 75.25,0C33.969,0 0,33.969 0,75.25C0.049,116.512 33.988,150.451 75.25,150.5' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M76.23,76.76C75.366,77.098 74.401,77.08 73.55,76.71L72.55,76.07C71.83,75.67 71.14,75.26 71.01,75.16C70.17,74.55 69.3,73.92 69.35,71.01C69.41,67.92 69.35,36.66 69.35,36.66C69.345,36.622 69.343,36.585 69.343,36.547C69.343,36.048 69.754,35.637 70.253,35.637C70.413,35.637 70.571,35.679 70.71,35.76L75.91,38L75.91,69.27C75.91,70.74 75.91,71.64 77.38,72.63C78.67,73.48 80.14,74.38 80.72,74.74L76.23,76.76Z' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M89.59,84.66C88.865,84.903 88.33,85.526 88.2,86.28C88.2,86.95 88.36,87.44 87.69,87.77C86.687,88.435 85.726,89.16 84.81,89.94C84.381,90.263 83.992,90.636 83.65,91.05C84.121,91.198 84.618,91.249 85.11,91.2L86.72,91.2C87.534,91.205 88.2,91.876 88.2,92.69L88.2,111.62C88.2,113.22 88.2,115.54 90.2,116.88C91.095,117.526 92.03,118.114 93,118.64C93.853,118.986 94.813,118.964 95.65,118.58L98.83,116.88C99.159,116.773 99.383,116.465 99.383,116.119C99.383,115.796 99.188,115.504 98.89,115.38L97.97,114.79C97.28,114.35 96.46,113.79 96.13,113.66C95.8,113.53 95.54,110.91 95.54,110.1L95.54,92.69C95.54,91.884 96.194,91.216 97,91.2L100,91.2C100.814,91.205 101.48,91.876 101.48,92.69L101.48,111.89C101.48,114.37 102,116.48 103.67,117.5C105.34,118.52 105.57,118.64 105.57,118.64C106.428,118.994 107.392,118.994 108.25,118.64L111.68,117.06C112.42,116.71 112.48,116.06 111.8,115.6L110.66,114.82L108.9,113.62C108.61,113.42 108.38,110.9 108.38,110.08L108.38,92.684C108.38,91.867 109.053,91.194 109.87,91.194C109.913,91.194 109.957,91.196 110,91.2L113.52,91.2C114.444,91.148 115.312,90.739 115.94,90.06L117,88.68C117.52,88.05 117.27,87.53 116.46,87.53L110,87.53C109.186,87.53 108.515,86.864 108.51,86.05L108.51,80.05C108.512,80.023 108.513,79.996 108.513,79.969C108.513,79.421 108.062,78.969 107.513,78.969C107.378,78.969 107.244,78.997 107.12,79.05L103,80.69C102.194,81.036 101.653,81.814 101.61,82.69L101.61,86.05C101.605,86.86 100.94,87.525 100.13,87.53L97,87.53C96.19,87.525 95.525,86.86 95.52,86.05L95.52,83.91C95.522,83.883 95.523,83.856 95.523,83.829C95.523,83.281 95.072,82.829 94.523,82.829C94.388,82.829 94.254,82.857 94.13,82.91L89.59,84.66Z' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M81.87,41.12C81.865,41.082 81.863,41.044 81.863,41.005C81.863,40.495 82.283,40.075 82.793,40.075C82.949,40.075 83.103,40.115 83.24,40.19C83.377,40.265 96.34,45.51 98.24,46.32C99.96,47.04 100.94,50.77 100.94,50.77C101.163,51.725 101.287,52.7 101.31,53.68L101.31,71.55C101.267,72.426 100.726,73.204 99.92,73.55L90.18,77.15C89.279,77.424 88.313,77.396 87.43,77.07C86.449,76.634 85.497,76.137 84.58,75.58C83.58,74.9 82.83,72.23 82.83,72.23C82.599,71.276 82.472,70.301 82.45,69.32L82.45,55.32C82.516,54.454 83.044,53.689 83.83,53.32L87.83,51.69C87.969,51.612 88.127,51.57 88.286,51.57C88.797,51.57 89.216,51.99 89.216,52.5C89.216,52.537 89.214,52.574 89.21,52.61L89.21,69.19C89.031,70.339 89.62,71.48 90.66,72C91.687,72.717 92.663,73.506 93.58,74.36C94.16,74.93 94.64,74.72 94.64,73.9L94.64,54.9C94.64,53.52 94.91,51.4 92.93,50.59C90.65,49.66 83.24,46.59 83.24,46.59C82.443,46.205 81.917,45.414 81.87,44.53L81.87,41.12Z' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M76.48,114C76.48,114.82 75.9,115.16 75.18,114.77L73.49,113.84L71.49,112.75C71.13,112.55 70.84,109.99 70.84,109.18L70.84,93.72C70.834,93.679 70.831,93.638 70.831,93.596C70.831,93.119 71.224,92.726 71.701,92.726C71.871,92.726 72.038,92.776 72.18,92.87C73.185,93.37 74.145,93.955 75.05,94.62C75.903,95.333 76.409,96.379 76.44,97.49L76.44,114L76.48,114ZM81.25,91.2C79.11,90 77.06,88.9 77.06,88.9C76.207,88.524 75.245,88.477 74.36,88.77L65.36,92.26C64.56,92.613 64.022,93.387 63.97,94.26L63.97,111C63.97,112.68 63.43,115.24 66.55,117L69.66,118.74C70.475,118.964 71.342,118.893 72.11,118.54L81.72,113.98C82.505,113.556 83.014,112.751 83.06,111.86L83.06,97.76C83.06,96.95 83.11,95.61 83.17,94.76C83.208,93.295 82.439,91.922 81.17,91.19' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M112.32,52.93C112.32,52.11 112.9,51.78 113.61,52.19C113.61,52.19 114.82,52.89 116.79,53.97C118.41,54.85 118.41,57.05 117.11,58.83C116.226,59.958 115.055,60.829 113.72,61.35C113.593,61.406 113.455,61.435 113.316,61.435C112.768,61.435 112.316,60.984 112.316,60.435C112.316,60.407 112.318,60.378 112.32,60.35L112.32,52.93ZM118.54,72.56C117,71.93 114.66,70.85 113.85,70.41C113.04,69.97 112.32,69.93 112.32,68.23L112.32,65.64C112.353,64.758 112.902,63.973 113.72,63.64C116.905,62.365 119.743,60.353 122,57.77C125.59,53.54 123.07,50.08 120.58,48.7C117.44,46.95 116.48,46.46 116.48,46.46C115.634,46.077 114.67,46.044 113.8,46.37L107,49.29C106.205,49.681 105.683,50.475 105.64,51.36L105.64,67.36C105.64,68.17 105.64,69.5 105.54,70.36C105.54,70.36 105.43,72.15 107.73,73.73C109.26,74.808 110.946,75.645 112.73,76.21C113.655,76.394 114.613,76.321 115.5,76L120,74.2C120.76,73.89 120.76,73.41 120,73.12L118.57,72.56' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M55.41,50.92C55.405,51.73 54.74,52.395 53.93,52.4L44.64,52.4C43.82,52.4 43.58,51.89 44.1,51.26L54.47,38.69C54.99,38.06 55.41,38.21 55.41,39.02L55.41,50.92ZM64.41,72.03C62.03,70.46 62.49,68.03 62.49,66.72L62.49,36.8C62.458,35.838 62.254,34.89 61.89,34C61.301,32.714 60.302,31.658 59.05,31C56.39,29.89 53.33,28.59 53.33,28.59C52.518,28.279 51.593,28.494 51,29.13L48.75,31.74C48.554,31.928 48.443,32.189 48.443,32.461C48.443,32.903 48.736,33.295 49.16,33.42L52.72,34.86C53.2,35.05 54.41,35.5 53.12,37.09C52.33,38.09 41.45,51.26 41.45,51.26C40.814,51.946 39.934,52.356 39,52.4L37.38,52.4C36.466,52.461 35.611,52.878 35,53.56L33.38,55.56C32.87,56.19 33.12,56.71 33.93,56.71L35.47,56.71C36.29,56.71 36.53,57.23 36.01,57.86L29,66.3C27.77,67.79 26.05,69.72 28,70.78C29.95,71.84 33.81,74.11 33.81,74.11C34.623,74.51 35.577,74.51 36.39,74.11L39.92,72.11C40.64,71.72 40.64,71.06 39.92,70.66C39.92,70.66 35.53,68.15 34.02,67.25C32.51,66.35 31.91,65.91 33.21,64.37C33.63,63.88 38.63,57.8 38.63,57.8C39.26,57.116 40.132,56.703 41.06,56.65L53.93,56.65C54.744,56.655 55.41,57.326 55.41,58.14L55.41,70.9C55.41,73.7 55.93,74.04 57.05,74.73C58.79,75.81 60.54,76.73 60.54,76.73C61.361,77.125 62.319,77.125 63.14,76.73L66.42,74.83C67.13,74.42 67.15,73.76 66.42,73.36L64.41,72.03Z' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M56.61,96.38C54.61,95.91 43.81,96.38 43.81,96.38C43.22,96.384 42.737,96.87 42.737,97.46C42.737,97.593 42.762,97.726 42.81,97.85L43.33,99.48C43.633,100.301 44.397,100.867 45.27,100.92C47.434,100.945 49.594,101.099 51.74,101.38C53.47,101.75 53.35,104.32 53.35,104.32C53.35,105.14 53.28,106.47 53.28,107.32L53.28,112.4C53.22,113.351 52.871,114.262 52.28,115.01C51.689,115.758 52.04,115.28 49.79,115.65C46.58,116.066 43.329,115.255 40.69,113.38C39.533,112.623 38.464,111.741 37.5,110.75C35.425,108.711 33.981,106.117 33.34,103.28C32.718,100.418 32.489,97.484 32.66,94.56C32.759,92.707 33.151,90.881 33.82,89.15C34.247,88.264 34.753,87.417 35.33,86.62C36.518,85.006 37.928,83.568 39.52,82.35C40.299,81.844 41.174,81.504 42.09,81.35C43.139,81.217 44.201,81.458 45.09,82.03C46.72,82.95 54.6,86.69 54.6,86.69C55.438,87.028 56.388,86.95 57.16,86.48L60,84.51C60.259,84.357 60.418,84.078 60.418,83.778C60.418,83.442 60.218,83.135 59.91,83L58.61,82.35C57.42,81.77 51.72,78.63 50.71,78.25C49.2,77.555 47.538,77.253 45.88,77.37C45.502,77.422 45.13,77.512 44.77,77.64C42.57,78.45 37.05,82.58 37.05,82.58L35.85,83.47L35.72,83.59C35.27,83.98 34.85,84.37 34.44,84.76C29.55,89.3 28.03,91.2 26.84,95.65C25.97,98.97 22.57,114.22 40.19,118.55C42.618,119.142 45.145,119.207 47.6,118.74C48.959,118.483 50.273,118.028 51.5,117.39L52.99,116.55L55.11,115.44L58.37,113.73C59.141,113.267 59.633,112.448 59.68,111.55L59.68,103.45C59.662,102.466 59.558,101.486 59.37,100.52C59.182,99.554 58.59,96.9 56.62,96.42' style='fill:white;fill-rule:nonzero;'/%3E%3Cpath d='M104.57,21.56C103.923,21.231 103.157,21.231 102.51,21.56L88.51,30.06C88.134,30.273 87.9,30.673 87.9,31.105C87.9,31.321 87.959,31.534 88.07,31.72L89.83,35.24C90.318,35.773 91.112,35.91 91.75,35.57L103.53,28.47L115.16,35.47C115.769,35.827 116.543,35.75 117.07,35.28L118.91,31.69C119.225,31.111 119.03,30.377 118.47,30.03L104.57,21.56Z' style='fill:rgb(170,161,148);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E");
.-branch-edelbrand & {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 151 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M75.25,150.5C116.74,150.5 150.5,116.74 150.5,75.25C150.5,33.76 116.75,0 75.25,0C33.75,0 0,33.76 0,75.25C0,116.74 33.76,150.5 75.25,150.5' style='fill:rgb(170,161,148);fill-rule:nonzero;'/%3E%3Cpath d='M76.23,76.76C75.49,77.1 74.28,77.08 73.55,76.71L72.53,76.07C71.82,75.67 71.13,75.25 70.99,75.15C70.15,74.54 69.28,73.91 69.34,71C69.4,67.92 69.36,36.65 69.36,36.65C69.36,35.83 69.97,35.43 70.72,35.75L75.92,37.96C75.92,39.88 75.94,66.64 75.95,68.5L75.95,69.22C75.92,70.7 75.92,71.59 77.42,72.59C78.7,73.44 80.17,74.34 80.76,74.7L76.24,76.75L76.23,76.76Z' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M89.59,84.66C88.83,84.95 88.2,85.67 88.2,86.28C88.2,86.95 88.35,87.44 87.69,87.77C87.03,88.09 84.81,89.94 84.81,89.94C84.18,90.46 83.66,90.96 83.65,91.05C83.64,91.14 84.29,91.21 85.11,91.21L86.72,91.21C87.54,91.21 88.2,91.88 88.2,92.69L88.2,111.62C88.2,113.22 88.2,115.54 90.18,116.88C92.15,118.22 93.02,118.64 93.02,118.64C93.75,118.99 94.94,118.97 95.66,118.58L98.84,116.88C99.56,116.49 99.59,115.82 98.9,115.38L97.99,114.79C97.3,114.35 96.48,113.84 96.15,113.66C95.82,113.48 95.56,110.92 95.56,110.1L95.56,92.69C95.56,91.87 96.23,91.21 97.04,91.21L100.08,91.21C100.9,91.21 101.56,91.88 101.56,92.69L101.56,111.9C101.56,114.38 102.08,116.48 103.75,117.51C105.41,118.53 105.65,118.65 105.65,118.65C106.38,119.01 107.59,119.02 108.33,118.68L111.77,117.09C112.51,116.75 112.56,116.09 111.89,115.63L110.74,114.85C110.07,114.39 109.28,113.85 108.99,113.66C108.7,113.46 108.46,110.94 108.46,110.12L108.46,92.69C108.46,91.87 109.12,91.21 109.94,91.21L113.47,91.21C114.29,91.21 115.37,90.69 115.89,90.06L117.02,88.68C117.53,88.05 117.29,87.53 116.48,87.53L109.96,87.53C109.14,87.53 108.47,86.86 108.47,86.05L108.47,80.1C108.47,79.28 107.83,78.85 107.07,79.14L102.95,80.69C102.19,80.98 101.56,81.88 101.56,82.69L101.56,86.04C101.56,86.85 100.89,87.52 100.08,87.52L97.04,87.52C96.22,87.52 95.56,86.85 95.56,86.04L95.56,83.9C95.56,83.09 94.94,82.65 94.17,82.94L89.59,84.66Z' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M81.87,41.12C81.87,40.3 82.49,39.89 83.24,40.2C83.24,40.2 96.34,45.51 98.25,46.32C99.97,47.04 100.94,50.77 100.94,50.77C101.15,51.56 101.32,52.87 101.32,53.69L101.32,71.55C101.32,72.37 100.69,73.26 99.93,73.55L90.19,77.15C89.43,77.43 88.19,77.4 87.44,77.07C87.44,77.07 85.76,76.33 84.59,75.58C83.55,74.91 82.84,72.24 82.84,72.24C82.63,71.45 82.46,70.14 82.46,69.33L82.46,55.33C82.48,54.51 83.1,53.59 83.85,53.28L87.84,51.65C88.6,51.34 89.22,51.75 89.22,52.57L89.22,69.2C89.22,70.25 89.14,70.98 90.67,72.04C92.21,73.09 93.59,74.41 93.59,74.41C94.17,74.97 94.66,74.77 94.66,73.95L94.66,54.94C94.66,53.56 94.92,51.45 92.95,50.63C90.67,49.69 83.25,46.59 83.25,46.59C82.5,46.27 81.88,45.35 81.88,44.53L81.88,41.12L81.87,41.12Z' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M76.48,114.03C76.48,114.85 75.9,115.19 75.18,114.8L73.49,113.87C72.77,113.48 71.89,112.99 71.53,112.79C71.17,112.59 70.87,110.03 70.87,109.21L70.87,93.72C70.87,92.9 71.47,92.52 72.21,92.87C72.21,92.87 73.69,93.58 75.08,94.61C76.47,95.65 76.47,97.49 76.47,97.49L76.47,114.03L76.48,114.03ZM81.25,91.23C79.11,89.95 77.07,88.9 77.07,88.9C76.34,88.53 75.13,88.47 74.37,88.76L65.41,92.25C64.65,92.55 64.03,93.46 64.03,94.27L64.03,110.98C64.03,112.66 63.49,115.22 66.6,116.96L69.71,118.69C70.32,118.93 71.43,118.84 72.16,118.49L81.77,113.93C82.51,113.58 83.11,112.63 83.11,111.81L83.11,97.75C83.11,96.93 83.16,95.6 83.22,94.79C83.22,94.79 83.4,92.51 81.26,91.22' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M112.32,52.93C112.32,52.11 112.9,51.78 113.61,52.19C113.61,52.19 114.82,52.89 116.79,53.97C118.41,54.86 118.41,57.05 117.11,58.83C115.81,60.61 113.73,61.34 113.73,61.34C112.96,61.61 112.33,61.16 112.33,60.35L112.33,52.92L112.32,52.93ZM118.54,72.56C117,71.94 114.66,70.85 113.85,70.41C113.18,70.04 112.32,69.93 112.32,68.23L112.32,65.64C112.32,64.82 112.95,63.93 113.72,63.66C113.72,63.66 118.41,61.99 122,57.77C125.59,53.55 123.07,50.08 120.58,48.7C117.45,46.96 116.48,46.46 116.48,46.46C115.76,46.09 114.55,46.05 113.8,46.37L106.98,49.3C106.23,49.62 105.62,50.55 105.62,51.37L105.62,67.32C105.62,68.14 105.58,69.47 105.52,70.28C105.52,70.28 105.41,72.07 107.71,73.65C110.46,75.53 112.69,76.13 112.69,76.13C113.48,76.34 114.74,76.27 115.5,75.97L119.97,74.2C120.73,73.9 120.72,73.41 119.97,73.12C119.97,73.12 118.98,72.74 118.54,72.56' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M55.41,50.92C55.41,51.73 54.74,52.4 53.93,52.4L44.64,52.4C43.82,52.4 43.58,51.88 44.1,51.25L54.47,38.68C54.99,38.05 55.41,38.2 55.41,39.01L55.41,50.92ZM64.44,72.03C62.05,70.46 62.51,68.07 62.52,66.72C62.52,65.37 62.5,36.8 62.5,36.8C62.5,35.98 62.23,34.71 61.89,33.97C61.89,33.97 60.9,31.78 59.05,31.01C56.39,29.9 53.33,28.59 53.33,28.59C52.58,28.27 51.53,28.51 51,29.13L48.76,31.74C48.23,32.36 48.41,33.11 49.17,33.42C49.17,33.42 51.7,34.44 52.73,34.86C53.2,35.05 54.42,35.5 53.12,37.1C52.34,38.06 41.46,51.26 41.46,51.26C40.94,51.89 39.85,52.41 39.03,52.41L37.39,52.41C36.57,52.41 35.49,52.93 34.98,53.57L33.36,55.58C32.85,56.22 33.1,56.74 33.91,56.74L35.45,56.74C36.27,56.74 36.51,57.25 35.99,57.88C35.99,57.88 30.22,64.89 29.04,66.31C27.81,67.8 26.1,69.73 28,70.79C30,71.9 33.81,74.12 33.81,74.12C34.51,74.53 35.67,74.54 36.39,74.15L39.92,72.19C40.64,71.79 40.64,71.14 39.93,70.73C39.93,70.73 35.55,68.22 34.04,67.33C32.63,66.5 31.93,65.99 33.23,64.45C33.64,63.95 38.65,57.87 38.65,57.87C39.17,57.24 40.26,56.72 41.08,56.72L53.93,56.72C54.75,56.72 55.41,57.39 55.41,58.2L55.41,70.97C55.39,73.77 55.93,74.1 57.06,74.8C58.8,75.88 60.54,76.78 60.54,76.78C61.27,77.16 62.44,77.13 63.14,76.72L66.42,74.82C67.13,74.41 67.15,73.75 66.47,73.35L64.44,72.01L64.44,72.03Z' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M56.61,96.38C54.65,95.91 43.8,96.36 43.8,96.36C42.99,96.39 42.52,97.06 42.77,97.84L43.29,99.47C43.54,100.25 44.41,100.9 45.22,100.91C45.22,100.91 49.95,101 51.69,101.37C53.43,101.74 53.3,104.31 53.3,104.31C53.26,105.13 53.23,106.46 53.23,107.28L53.25,112.36C53.25,113.17 52.82,114.35 52.29,114.97C52.29,114.97 52.05,115.24 49.8,115.62C46.12,116.23 42.84,114.77 40.7,113.34C39.57,112.59 38.43,111.7 37.51,110.71C35.56,108.62 34.19,106.71 33.36,103.24C32.86,101.15 32.45,97.44 32.67,94.52C32.93,91.11 33.84,89.11 33.84,89.11C34.18,88.37 34.86,87.23 35.35,86.57C35.35,86.57 37.72,83.4 39.54,82.31C40.52,81.72 41.35,81.41 42.1,81.3C43.22,81.14 44.15,81.44 45.09,81.98C46.73,82.91 54.6,86.64 54.6,86.64C55.34,86.99 56.49,86.9 57.16,86.43L60.01,84.5C60.67,84.02 60.62,83.32 59.9,82.94C59.9,82.94 59.49,82.73 58.59,82.29C57.41,81.71 51.7,78.57 50.7,78.19C49.84,77.88 47.91,77.01 45.87,77.3C45.5,77.35 45.13,77.44 44.76,77.58C42.56,78.38 37.04,82.51 37.04,82.51C36.39,83 35.85,83.4 35.84,83.41L35.83,83.41C35.78,83.46 35.74,83.5 35.7,83.54C35.26,83.93 34.83,84.32 34.42,84.71C29.53,89.24 28.01,91.15 26.82,95.6C25.94,98.92 22.55,114.17 40.16,118.5C42.54,119.09 45.19,119.16 47.58,118.69C49.86,118.25 51.47,117.33 51.47,117.33C52.18,116.93 52.86,116.55 52.97,116.49C53.08,116.43 54.36,115.76 55.08,115.38L58.34,113.67C59.06,113.29 59.65,112.31 59.65,111.5L59.65,103.4C59.65,102.58 59.51,101.26 59.34,100.47C59.34,100.47 58.56,96.85 56.6,96.38' style='fill:rgb(68,46,44);fill-rule:nonzero;'/%3E%3Cpath d='M104.57,21.56C103.98,21.23 103.1,21.23 102.51,21.56L88.52,30.06C87.93,30.39 87.71,31.25 88.08,31.72L89.85,35.24C90.22,35.77 91.17,35.9 91.77,35.57L103.55,28.47L115.18,35.51C115.84,35.91 116.8,35.71 117.1,35.31L118.94,31.73C119.31,31.2 119.01,30.4 118.5,30.07L104.59,21.57L104.57,21.56Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.intro-running & {
opacity: 0;
visibility: hidden;
}
a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
img {
max-height: 100%;
width: auto;
vertical-align: bottom;
visibility: hidden;
}
/*body.scrolled & {
@include transform(translateY(0));
}*/
@include for-max-size(1120px) {
left: 15px;
bottom: -90px;
}
}
#mainnav {
text-align: right;
padding-left: 160px;
padding-right: 100px;
@include transition(padding-left 0.75s cubic-bezier(0,0,0,1));
height: 60px;
/*.scrolled & {
padding-left: 80px;
}*/
.mod_navigation {
text-align: unset;
font-family: $font-family-alternate;
/*position: absolute;
right: 0;
//left: 40%;
left: 23.333%;
//bottom: 3px;
top: 10px;*/
//max-width: 76.666%;
margin-left: auto;
//@include transition(all 0.25s cubic-bezier(0.76, 0, 0.24, 1));
@include transition(all 0.75s cubic-bezier(0,0,0,1));
.scrolled & {
//margin-left: 0;
//max-width: 100%;
//max-width: calc(100% - 80px);
//padding-left: 80px;
}
.level_1 {
margin: 0;
display: flex;
flex-wrap: nowrap;
align-items: center;
//justify-content: space-between;
text-align: left;
font-size: $font-size-mainnav;
letter-spacing: 0.125em;
line-height: 60px;
> li {
flex: 0 0 auto;
padding: 0 15px;
position: relative;
&:last-child {
padding-right: 0;
}
&:first-child {
padding-left: 0;
}
&.shop-nav {
line-height: 20px;
padding: 20px;
margin: -10px 0;
background: $color-bg-primary;
.-branch-edelbrand & {
background: $color-bg-secondary;
}
> a,
> span,
> strong {
color: $color-bg-secondary;
padding-left: 25px;
padding-right: 50px;
.-branch-edelbrand & {
color: $color-bg-primary;
}
&.active,
&.trail,
&:hover {
color: $color-text-invert;
&:before {
background-color: $color-text-invert !important;
}
.cart-icon {
fill: $color-text-invert !important;
}
}
&:before {
content: '';
width: 15px;
height: 30px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: $color-bg-secondary;
//background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23#{str-replace($color-bg-secondary,'#','')};fill-rule:nonzero;'/%3E%3C/svg%3E") 0 0 no-repeat;
position: absolute;
top: 50%;
left: 0;
@include transition(background-color 0.25s);
@include transform(translate(0, -50%));
.-branch-edelbrand & {
background: $color-bg-primary;
}
}
.cart-icon {
position: absolute;
top: 50%;
right: 0;
@include transform(translate(0, -50%));
height: 40px;
width: 40px;
fill: $color-bg-secondary;
@include transition(fill 0.25s);
.-branch-edelbrand & {
fill: $color-bg-primary;
}
}
}
}
> a,
> span,
> strong {
display: block;
position: relative;
@include transition(color 0.25s);
color: $color-nav;
//line-height: 2.5;
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
.-branch-edelbrand & {
color: $color-bg-secondary;
}
/*&:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background-color: $color-nav;
opacity: 0;
visibility: hidden;
@include transition(all 0.2s cubic-bezier(0.76, 0, 0.24, 1))
}*/
&.active,
&.trail,
/*&.forward,*/
&:hover {
color: $color-nav-hover;
.-branch-edelbrand & {
color: $color-text-invert;
}
/*&:before {
opacity: 1;
visibility: visible;
}*/
}
}
> ul {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease-in-out 0.25s;
-moz-transition: all 0.25s ease-in-out 0.25s;
-ms-transition: all 0.25s ease-in-out 0.25s;
-o-transition: all 0.25s ease-in-out 0.25s;
transition: all 0.25s ease-in-out 0.25s;
position: absolute;
top: 100%;
left: 0;
margin-top: 20px;
padding: 0;
text-align: left;
font-size: font-size(12px);
line-height: 2.5;
min-width: 220px;
max-width: 300px;
overflow: hidden;
/*-webkit-border-radius: $border-radius-default;
-moz-border-radius: $border-radius-default;
border-radius: $border-radius-default;*/
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
-moz-transform: translateZ(0) scale(1.0, 1.0);
-ms-transform: translateZ(0) scale(1.0, 1.0);
-o-transform: translateZ(0) scale(1.0, 1.0);
transform: translateZ(0) scale(1.0, 1.0);
ul {
padding-left: 2em;
border-left: 1px $color-bg-secondary solid;
}
> li {
/*background-color: $color-bg-secondary;
border-bottom: 1px mix($color-bg-secondary,#000, 55%) solid;*/
margin: 0 0 5px;
padding: 0 15px;
&:last-child {
//border-bottom: none;
margin-bottom: 0;
}
&:hover {
//background: $color-bg-tertiary;
}
}
li > a,
li > span,
li > strong {
//background-color: #fff;
display: inline-block;
position: relative;
@include transition(all 0.25s ease);
background-color: $color-bg-secondary;
color: $color-nav;
padding: 0 5px;
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
.-branch-edelbrand & {
background-color: $color-bg-primary;
color: $color-bg-secondary;
}
&.active,
&.trail,
&:hover {
color: $color-nav-hover;
background-color: $color-bg-tertiary;
.-branch-edelbrand & {
background-color: $color-bg-lightbrown;
color: $color-text-invert;
}
}
}
}
&:hover {
> ul {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
}
&:hover,
&:focus-within {
> ul {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
}
}
}
}
.hamburger {
z-index: 1;
display: none;
position: absolute;
top: 0;
right: 15px;
//display: block;
width: 40px;
height: 40px;
//position: relative;
.line {
position: absolute;
left: 5px;
height: 2px;
width: 30px;
background: $color-nav;
display: block;
transition: 0.5s;
transform-origin: center;
&:nth-child(1) { top: 8px; }
&:nth-child(2) { top: 19px; }
&:nth-child(3) { top: 30px; }
}
}
#hamburger {
display:none;
&:checked,
.-mobile-menu-active & {
+ .hamburger,
.hamburger {
.line {
&:nth-child(1){
transform: translateY(11px) rotate(-45deg);
}
&:nth-child(2){
opacity:0;
}
&:nth-child(3){
transform: translateY(-11px) rotate(45deg);
}
}
}
~ .mod_navigation {
//display: block;
opacity: 1;
visibility: visible;
/*&:before {
opacity: 1;
visibility: visible;
}*/
}
}
}
@media screen and (max-width: 1230px) {
.mod_navigation {
right: 15px;
}
}
@media screen and (max-width: 1120px) {
#hamburger {
//display:none;
display:block;
&:checked,
.-mobile-menu-active & {
~ .mod_navigation,
.mod_navigation {
height: auto;
//height: calc(100vh - 50px);
height: 100vh;
@include transform(translateX(0));
@include box-shadow(0 0 50px 0 rgba(0,0,0,.7));
}
~ .hamburger,
.hamburger {
position: fixed;
top: 10px;
z-index: 1;
}
}
}
.mod_navigation {
height: 0;
height: 100vh;
opacity: 0;
visibility: hidden;
top: -10px;
right: 0;
width: calc(100vw - 60px);
max-width: 320px;
@include transition(all 0.25s ease-in-out);
@include transform(translateX(100%));
position: absolute;
padding-top: 60px;
padding-bottom: 15px;
overflow: hidden;
background: $color-bg-secondary;
.-branch-edelbrand & {
background: $color-bg-primary;
}
.level_1 {
@include font-size(20px,$mm: 0.8);
display: flex;
flex-direction: column;
padding: 0 15px;
overflow-y: auto;
height: auto;
max-height: 300px;
max-height: calc(100vh - 95px);
> li {
@include box-sizing(border-box);
width: 100%;
flex: 0 0 auto;
padding: 0;
order: 1;
&.shop-nav {
order: 0;
margin: 0;
padding: 10px 70px 10px 10px;
line-height: 40px;
position: absolute;
top: 0;
left: 0;
right: 0;
a {
padding-right: 0;
br {
content: '';
&:after {
content: ' ';
}
}
.cart-icon {
display: none;
position: relative;
@include transform(none);
vertical-align: middle;
margin-left: 10px;
width: 35px;
height: 35px;
}
}
}
> a,
> strong {
line-height: 2.5;
text-align: left;
&:before {
width: auto;
top: auto;
bottom: 0.15em;
left: 50%;
right: 50%;
}
&.active,
//&.trail,
&:hover {
font-weight: 700;
}
}
> ul {
@include font-size(18px,$mm: 0.8);
opacity: 1;
visibility: visible;
position: relative;
top: auto;
left: auto;
min-width: 0;
max-width: none;
margin: 0;
> li {
padding: 0;
margin: 0;
background: none;
&:hover {
background: none;
}
}
li > a,
li > span,
li > strong {
//color: $color-nav;
padding-left: $gutter-default*2;
font-weight: 400;
&.active,
//&.trail,
&:hover {
font-weight: 700;
//color: $color-nav;
}
}
}
}
}
}
.hamburger {
display: block;
}
}
}
#sidebar-news {
position: fixed;
left: 0;
top: 85%;
@include transform(rotate(-90deg));
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
ul {
display: flex;
li {
@include box-sizing(border-box);
padding: 0 5px;
flex: 0 0 auto;
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
a, strong {
display: block;
background-color: $color-bg-secondary;
font-family: $font-family-alternate;
letter-spacing: 0.125em;
font-weight: 700;
font-size: font-size(12px);
color: $color-text-invert;
padding: 6px 15px 4px;
text-transform: uppercase;
@include transition(background-color 1s, color 0.25s, padding 0.25s);
&.active,
&:hover {
padding-top: 28px;
background-color: $color-bg-primary;
//color: $color-bg-primary;
}
}
}
}
}