@charset "UTF-8";

.aem-Grid {
    display: block;
    width: 100%
}

.aem-Grid::after,
.aem-Grid::before {
    display: table;
    content: " "
}

.aem-Grid::after {
    clear: both
}

.aem-Grid-newComponent {
    clear: both;
    margin: 0
}

.aem-GridColumn {
    box-sizing: border-box;
    clear: both
}

.aem-GridShowHidden>.aem-Grid>.aem-GridColumn {
    display: block !important
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--1>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--2>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--3>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--4>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--5>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%
}

.aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 14.28571429%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 28.57142857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 42.85714286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 57.14285714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 71.42857143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 85.71428571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 14.28571429%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 28.57142857%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 42.85714286%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 57.14285714%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 71.42857143%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 85.71428571%
}

.aem-Grid.aem-Grid--default--7>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%
}

.aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 11.11111111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 22.22222222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 44.44444444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 55.55555556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 77.77777778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 88.88888889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 11.11111111%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 22.22222222%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 44.44444444%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 55.55555556%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 77.77777778%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 88.88888889%
}

.aem-Grid.aem-Grid--default--9>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 10%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 20%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 30%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 40%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 60%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 70%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 80%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 90%
}

.aem-Grid.aem-Grid--default--10>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%
}

.aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 9.09090909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 18.18181818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 27.27272727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 36.36363636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 45.45454545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 54.54545455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 63.63636364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 72.72727273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 81.81818182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 90.90909091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 9.09090909%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 18.18181818%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 27.27272727%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 36.36363636%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 45.45454545%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 54.54545455%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 63.63636364%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 72.72727273%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 81.81818182%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 90.90909091%
}

.aem-Grid.aem-Grid--default--11>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--9 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

@media (min-width:767px) {
    .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
        margin: 0;
        width: 100%
    }
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--3 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--6 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--7 {
    margin-left: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--8 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--9 {
    margin-left: 75%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--10 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--11 {
    margin-left: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--12 {
    margin-left: 100%
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--newline {
    display: block;
    clear: both !important
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
    display: block;
    clear: none !important;
    float: left
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
    display: none
}

@media (max-width:529px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--1>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--1>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--1>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--2>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--3>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--xs--4>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--xs--5>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--6>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--xs--7>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--xs--8>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--xs--9>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--xs--10>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--xs--11>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--xs--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--xs--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--xs--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--xs--12>.aem-GridColumn.aem-GridColumn--offset--xs--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--xs--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--xs--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--xs--hide {
        display: none
    }
}

@media (min-width:530px) and (max-width:767px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--1>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--1>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--1>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--2>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--3>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--sm--4>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--sm--5>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--6>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--sm--7>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--sm--8>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--sm--9>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--sm--10>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--sm--11>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--sm--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--sm--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--sm--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--sm--12>.aem-GridColumn.aem-GridColumn--offset--sm--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--sm--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--sm--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--sm--hide {
        display: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--1>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--1>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--1>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--1>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--2>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--2>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--3>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--3>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--4>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--md--4>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--5>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--md--5>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--6>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--7>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 14.28571429%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 28.57142857%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 42.85714286%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 57.14285714%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 71.42857143%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 85.71428571%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 14.28571429%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 28.57142857%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 42.85714286%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 57.14285714%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 71.42857143%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 85.71428571%
    }

    .aem-Grid.aem-Grid--md--7>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 12.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 37.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 62.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 87.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 12.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 37.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 62.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 87.5%
    }

    .aem-Grid.aem-Grid--md--8>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--9>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 11.11111111%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 22.22222222%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 44.44444444%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 55.55555556%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 77.77777778%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 88.88888889%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 11.11111111%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 22.22222222%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 44.44444444%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 55.55555556%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 77.77777778%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 88.88888889%
    }

    .aem-Grid.aem-Grid--md--9>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 10%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 20%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 30%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 40%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 60%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 70%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 80%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 90%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 10%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 20%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 30%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 40%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 60%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 70%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 80%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 90%
    }

    .aem-Grid.aem-Grid--md--10>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--11>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 9.09090909%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 18.18181818%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 27.27272727%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 36.36363636%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 45.45454545%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 54.54545455%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 63.63636364%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 72.72727273%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 81.81818182%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 90.90909091%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 9.09090909%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 18.18181818%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 27.27272727%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 36.36363636%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 45.45454545%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 54.54545455%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 63.63636364%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 72.72727273%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 81.81818182%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 90.90909091%
    }

    .aem-Grid.aem-Grid--md--11>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--md--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--md--12 {
        margin-left: 100%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--1 {
        float: left;
        clear: none;
        width: 8.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--2 {
        float: left;
        clear: none;
        width: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--3 {
        float: left;
        clear: none;
        width: 25%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--5 {
        float: left;
        clear: none;
        width: 41.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--6 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--7 {
        float: left;
        clear: none;
        width: 58.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--9 {
        float: left;
        clear: none;
        width: 75%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--11 {
        float: left;
        clear: none;
        width: 91.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--md--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--1 {
        margin-left: 8.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--2 {
        margin-left: 16.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--3 {
        margin-left: 25%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--4 {
        margin-left: 33.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--5 {
        margin-left: 41.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--6 {
        margin-left: 50%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--7 {
        margin-left: 58.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--8 {
        margin-left: 66.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--9 {
        margin-left: 75%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--10 {
        margin-left: 83.33333333%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--11 {
        margin-left: 91.66666667%
    }

    .aem-Grid.aem-Grid--md--12>.aem-GridColumn.aem-GridColumn--offset--md--12 {
        margin-left: 100%
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--md--newline {
        display: block;
        clear: both !important
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--md--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--md--hide {
        display: none
    }
}

@font-face {
    font-family: STIHL-Contraface-Display-Medium;
    src: url(stihl-styles/resources/STIHLContrafaceDisplayMedium.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceDisplayMedium.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceDisplayMedium.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceDisplayMedium.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Display-Title;
    src: url(stihl-styles/resources/STIHLContrafaceDisplayTitling.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceDisplayTitling.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceDisplayTitling.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceDisplayTitling.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text;
    src: url(stihl-styles/resources/STIHLContrafaceText.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceText.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceText.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceText.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text;
    font-weight: 700;
    src: url(stihl-styles/resources/STIHLContrafaceText-Bold.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceText-Bold.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceText-Bold.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceText-Bold.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text;
    font-weight: 700;
    font-style: italic;
    src: url(stihl-styles/resources/STIHLContrafaceText-BoldItalic.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceText-BoldItalic.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceText-BoldItalic.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceText-BoldItalic.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text;
    font-style: italic;
    src: url(stihl-styles/resources/STIHLContrafaceText-Italic.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceText-Italic.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceText-Italic.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceText-Italic.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text-Demi;
    src: url(stihl-styles/resources/STIHLContrafaceTextDemi.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceTextDemi.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceTextDemi.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceTextDemi.otf) format("otf")
}

@font-face {
    font-family: STIHL-Contraface-Text-Demi;
    font-style: italic;
    src: url(stihl-styles/resources/STIHLContrafaceTextDemi-Italic.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceTextDemi-Italic.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceTextDemi-Italic.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceTextDemi-Italic.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text-Light;
    src: url(stihl-styles/resources/STIHLContrafaceTextLight.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceTextLight.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceTextLight.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceTextLight.otf) format("otf");
    font-display: swap
}

@font-face {
    font-family: STIHL-Contraface-Text-Light;
    font-style: italic;
    src: url(stihl-styles/resources/STIHLContrafaceTextLight-Italic.woff) format("woff"), url(stihl-styles/resources/STIHLContrafaceTextLight-Italic.woff2) format("woff2"), url(stihl-styles/resources/STIHLContrafaceTextLight-Italic.ttf) format("ttf"), url(stihl-styles/resources/STIHLContrafaceTextLight-Italic.otf) format("otf");
    font-display: swap
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

fieldset {
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

details {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

/*!
 * @diconium/animate.css -https://diconium.com
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn,
.overlay--active.overlay--full,
.overlay--active.overlay--standard {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown,
.search-navi-flyout__content--active {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight,
.overlay--active.overlay--sidebar {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut,
.overlay--inactive.overlay--full,
.overlay--inactive.overlay--standard {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight,
.overlay--inactive.overlay--sidebar {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp,
.search-navi-flyout__content--inactive {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (print) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important
    }
}

:root {
    --default-banner-height: 46px;
    --header-height: 41px;
    --menu-height: 46px
}

@media only screen and (min-width:768px) {
    :root {
        --header-height: 46px;
        --menu-height: 56px
    }
}

@-webkit-keyframes fadeInBackground {
    from {
        opacity: 0
    }

    to {
        opacity: .4
    }
}

@keyframes fadeInBackground {
    from {
        opacity: 0
    }

    to {
        opacity: .4
    }
}

@-webkit-keyframes fadeOutBackground {
    from {
        opacity: .4
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOutBackground {
    from {
        opacity: .4
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInContent {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInContent {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.line-clamp-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.icon-with-label {
    margin-right: 10px !important
}

.icon-16-m10-link-arrow-down {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-down::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-down-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-down::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-down {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-down::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-down-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-down::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-arrow-down {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-down-16.svg) no-repeat center/cover
}

.icon-16-m10-link-arrow-left {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-left::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-left::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-left {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-left::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-left::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--arrow-left,
.icon-16-bg-arrow-left {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-left-16.svg) no-repeat center/cover
}

.icon-16-m10-link-arrow-left-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-left-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-left-white::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-left-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-left-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-left-white::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--arrow-left__white,
.icon-16-bg-arrow-left-white,
.m_header-banner__backlink--white>.m_backlink>.btn_icon-big__icon--arrow-left,
.m_header-banner__backlink--white>.m_backlink>.icon-16-bg-arrow-left {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-left-white-16.svg) no-repeat center/cover
}

.icon-16-m10-link-arrow-left-2 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-left-2::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-2-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-left-2::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-left-2 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-left-2::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-2-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-left-2::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-arrow-left-2 {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-left-2-16.svg) no-repeat center/cover
}

.icon-16-m10-link-arrow-right {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-right::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-right::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-right {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-right::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-right::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--arrow-right,
.icon-16-bg-arrow-right,
.m_footer-breadcrumb ol li::after,
.m_footer-breadcrumb ul li::after {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/cover
}

.icon-16-m10-link-arrow-right-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-right-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-right-white::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-right-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-right-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-right-white::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--arrow-right__white,
.icon-16-bg-arrow-right-white {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg) no-repeat center/cover
}

.icon-16-m10-link-arrow-up {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-arrow-up::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-up-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-arrow-up::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-arrow-up {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-up::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-arrow-up-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-arrow-up::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-arrow-up {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-arrow-up-16.svg) no-repeat center/cover
}

.icon-16-m10-link-bin {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-bin::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bin-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-bin::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-bin {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bin::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bin-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bin::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-bin {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-bin-16.svg) no-repeat center/cover
}

.icon-16-m10-link-bookmark {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-bookmark::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bookmark-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-bookmark::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-bookmark {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bookmark::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bookmark-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bookmark::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-bookmark {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-bookmark-16.svg) no-repeat center/cover
}

.icon-16-m10-link-bookmark-add {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-bookmark-add::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bookmark-add-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-bookmark-add::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-bookmark-add {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bookmark-add::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bookmark-add-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bookmark-add::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-bookmark-add {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-bookmark-add-16.svg) no-repeat center/cover
}

.icon-16-m10-link-bookmark-check {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-bookmark-check::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bookmark-check-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-bookmark-check::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-bookmark-check {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bookmark-check::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-bookmark-check-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-bookmark-check::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-bookmark-check {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-bookmark-check-16.svg) no-repeat center/cover
}

.icon-16-m10-link-cart {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-cart::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cart-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-cart::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-cart {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cart::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cart-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cart::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-cart {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-cart-16.svg) no-repeat center/cover
}

.icon-16-m10-link-chat {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-chat::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-chat-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-chat::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-chat {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-chat::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-chat-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-chat::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-chat {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-chat-16.svg) no-repeat center/cover
}

.icon-16-m10-link-check,
.m_teaser-info__headline {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-check::before,
.m_teaser-info__headline::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-check-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-check::before,
.m_teaser-info__headline::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-check {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-check::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-check-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-check::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-check {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-check-16.svg) no-repeat center/cover
}

.icon-16-m10-link-circle-empty {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-circle-empty::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-circle-empty-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-circle-empty::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-circle-empty {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-circle-empty::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-circle-empty-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-circle-empty::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-circle-empty {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-circle-empty-16.svg) no-repeat center/cover
}

.icon-16-m10-link-circle-full {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-circle-full::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-circle-full-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-circle-full::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-circle-full {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-circle-full::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-circle-full-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-circle-full::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-circle-full {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-circle-full-16.svg) no-repeat center/cover
}

.icon-16-m10-link-circle-half {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-circle-half::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-circle-half-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-circle-half::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-circle-half {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-circle-half::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-circle-half-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-circle-half::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-circle-half {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-circle-half-16.svg) no-repeat center/cover
}

.icon-16-m10-link-clock {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-clock::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-clock-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-clock::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-clock {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-clock::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-clock-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-clock::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-clock {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-clock-16.svg) no-repeat center/cover
}

.icon-16-m10-link-compare {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-compare::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-compare-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-compare::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-compare {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-compare::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-compare-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-compare::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-compare {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-compare-16.svg) no-repeat center/cover
}

.icon-16-m10-link-compare-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-compare-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-compare-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-compare-white::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-compare-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-compare-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-compare-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-compare-white::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--compare,
.icon-16-bg-compare-white {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-compare-white-16.svg) no-repeat center/cover
}

.icon-16-m10-link-cross {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-cross::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cross-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-cross::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-cross {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cross::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cross-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cross::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-cross {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-cross-16.svg) no-repeat center/cover
}

.icon-16-m10-link-cross-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-cross-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cross-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-cross-white::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-cross-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cross-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cross-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cross-white::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--cross,
.icon-16-bg-cross-white,
.promotions-banner__icon-cross {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-cross-white-16.svg) no-repeat center/cover
}

.icon-16-m10-link-crosshair {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-crosshair::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-crosshair-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-crosshair::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-crosshair {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-crosshair::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-crosshair-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-crosshair::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-crosshair {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-crosshair-16.svg) no-repeat center/cover
}

.icon-16-m10-link-cursor {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-cursor::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cursor-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-cursor::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-cursor {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cursor::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cursor-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-cursor::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-cursor {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-cursor-16.svg) no-repeat center/cover
}

.icon-16-m10-link-download {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-download::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-download-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-download::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-download {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-download::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-download-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-download::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-download {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-download-16.svg) no-repeat center/cover
}

.icon-16-m10-link-enter {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-enter::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-enter-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-enter::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-enter {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-enter::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-enter-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-enter::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-enter {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-enter-16.svg) no-repeat center/cover
}

.icon-16-m10-link-envelope {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-envelope::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-envelope-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-envelope::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-envelope {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-envelope::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-envelope-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-envelope::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-envelope {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-envelope-16.svg) no-repeat center/cover
}

.icon-16-m10-link-exclamationmark {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-exclamationmark::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-exclamationmark-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-exclamationmark::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-exclamationmark {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-exclamationmark::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-exclamationmark-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-exclamationmark::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-exclamationmark {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-exclamationmark-16.svg) no-repeat center/cover
}

.icon-16-m10-link-eye {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-eye::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-eye-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-eye::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-eye {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-eye::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-eye-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-eye::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-eye {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-eye-16.svg) no-repeat center/cover
}

.icon-16-m10-link-facebook {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-facebook::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-facebook-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-facebook::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-facebook {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-facebook::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-facebook-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-facebook::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-facebook {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-facebook-16.svg) no-repeat center/cover
}

.icon-16-m10-link-flash {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-flash::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-flash-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-flash::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-flash {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-flash::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-flash-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-flash::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-flash {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-flash-16.svg) no-repeat center/cover
}

.icon-16-m10-link-google {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-google::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-google-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-google::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-google {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-google::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-google-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-google::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-google {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-google-16.svg) no-repeat center/cover
}

.icon-16-m10-link-grid {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-grid::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-grid-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-grid::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-grid {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-grid::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-grid-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-grid::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-grid {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-grid-16.svg) no-repeat center/cover
}

.icon-16-m10-link-info {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-info::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-info-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-info::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-info {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-info::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-info-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-info::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-info {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-info-16.svg) no-repeat center/cover
}

.icon-16-m10-link-instagram {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-instagram::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-instagram-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-instagram::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-instagram {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-instagram::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-instagram-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-instagram::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-instagram {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-instagram-16.svg) no-repeat center/cover
}

.icon-16-m10-link-linkedin {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-linkedin::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-linkedin-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-linkedin::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-linkedin {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-linkedin::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-linkedin-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-linkedin::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-linkedin {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-linkedin-16.svg) no-repeat center/cover
}

.icon-16-m10-link-list {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-list::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-list-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-list::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-list {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-list::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-list-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-list::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-list {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-list-16.svg) no-repeat center/cover
}

.icon-16-m10-link-list-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-list-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-list-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-list-white::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-list-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-list-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-list-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-list-white::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_icon-big__icon--list,
.icon-16-bg-list-white {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-list-white-16.svg) no-repeat center/cover
}

.icon-16-m10-link-lock {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-lock::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-lock-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-lock::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-lock {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-lock::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-lock-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-lock::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-lock {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-lock-16.svg) no-repeat center/cover
}

.icon-16-m10-link-magnifying-glass {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-magnifying-glass::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-magnifying-glass-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-magnifying-glass::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-magnifying-glass {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-magnifying-glass::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-magnifying-glass-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-magnifying-glass::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-magnifying-glass,
.m_dialog-input__search {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-magnifying-glass-16.svg) no-repeat center/cover
}

.icon-16-m10-link-map {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-map::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-map-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-map::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-map {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-map::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-map-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-map::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-map {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-map-16.svg) no-repeat center/cover
}

.icon-16-m10-link-menu {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-menu::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-menu-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-menu::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-menu {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-menu::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-menu-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-menu::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-menu {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-menu-16.svg) no-repeat center/cover
}

.icon-16-m10-link-minus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-minus::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-minus-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-minus::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-minus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-minus::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-minus-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-minus::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-minus,
.m-category-overview__less::after,
.seo-text__less::after {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-minus-16.svg) no-repeat center/cover
}

.icon-16-m10-link-minus-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-minus-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-minus-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-minus-white::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-minus-white {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-minus-white::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-minus-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-minus-white::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.btn_circle-icon__icon--less,
.icon-16-bg-minus-white {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-minus-white-16.svg) no-repeat center/cover
}

.icon-16-m10-link-options {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-options::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-options-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-options::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-options {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-options::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-options-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-options::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-options {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-options-16.svg) no-repeat center/cover
}

.icon-16-m10-link-overlay {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-overlay::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-overlay-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-overlay::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-overlay {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-overlay::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-overlay-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-overlay::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-overlay {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-overlay-16.svg) no-repeat center/cover
}

.icon-16-m10-link-parcel {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-parcel::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-parcel-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-parcel::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-parcel {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-parcel::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-parcel-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-parcel::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-parcel {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-parcel-16.svg) no-repeat center/cover
}

.icon-16-m10-link-pen {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-pen::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-pen-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-pen::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-pen {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-pen::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-pen-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-pen::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-pen {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-pen-16.svg) no-repeat center/cover
}

.icon-16-m10-link-percent {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-percent::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-percent-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-percent::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-percent {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-percent::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-percent-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-percent::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-percent {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-percent-16.svg) no-repeat center/cover
}

.icon-16-m10-link-phone {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-phone::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-phone-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-phone::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-phone {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-phone::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-phone-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-phone::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-phone {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-phone-16.svg) no-repeat center/cover
}

.icon-16-m10-link-pin {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-pin::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-pin-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-pin::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-pin {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-pin::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-pin-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-pin::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-pin {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-pin-16.svg) no-repeat center/cover
}

.icon-16-m10-link-plus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-plus::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-plus-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-plus::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-plus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-plus::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-plus-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-plus::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-plus,
.m-category-overview__more::after,
.seo-text__more::after {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-plus-16.svg) no-repeat center/cover
}

.icon-16-m10-link-price {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-price::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-price-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-price::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-price {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-price::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-price-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-price::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-price {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-price-16.svg) no-repeat center/cover
}

.icon-16-m10-link-questionmark {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-questionmark::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-questionmark-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-questionmark::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-questionmark {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-questionmark::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-questionmark-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-questionmark::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-questionmark {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-questionmark-16.svg) no-repeat center/cover
}

.icon-16-m10-link-restart {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-restart::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-restart-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-restart::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-restart {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-restart::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-restart-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-restart::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-restart {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-restart-16.svg) no-repeat center/cover
}

.icon-16-m10-link-return {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-return::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-return-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-return::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-return {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-return::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-return-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-return::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-return {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-return-16.svg) no-repeat center/cover
}

.icon-16-m10-link-share {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-share::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-share-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-share::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-share {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-share::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-share-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-share::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-share {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-share-16.svg) no-repeat center/cover
}

.icon-16-m10-link-smartphone {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-smartphone::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-smartphone-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-smartphone::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-smartphone {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-smartphone::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-smartphone-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-smartphone::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-smartphone {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-smartphone-16.svg) no-repeat center/cover
}

.icon-16-m10-link-speachbubble {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-speachbubble::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-speachbubble-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-speachbubble::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-speachbubble {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-speachbubble::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-speachbubble-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-speachbubble::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-speachbubble {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-speachbubble-16.svg) no-repeat center/cover
}

.icon-16-m10-link-star {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-star::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-star-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-star::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-star {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-star::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-star-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-star::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-star {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-star-16.svg) no-repeat center/cover
}

.icon-16-m10-link-stihl-certified {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-stihl-certified::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-stihl-certified-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-stihl-certified::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-stihl-certified {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-stihl-certified::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-stihl-certified-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-stihl-certified::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-stihl-certified {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-stihl-certified-16.svg) no-repeat center/cover
}

.icon-16-m10-link-thumbs-up {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-thumbs-up::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-thumbs-up-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-thumbs-up::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-thumbs-up {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-thumbs-up::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-thumbs-up-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-thumbs-up::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-thumbs-up {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-thumbs-up-16.svg) no-repeat center/cover
}

.icon-16-m10-link-twitter {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-twitter::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-twitter-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-twitter::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-twitter {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-twitter::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-twitter-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-twitter::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-twitter {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-twitter-16.svg) no-repeat center/cover
}

.icon-16-m10-link-user {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-user::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-user-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-user::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-user {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-user::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-user-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-user::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-user {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-user-16.svg) no-repeat center/cover
}

.icon-16-m10-link-whatsapp {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-whatsapp::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-whatsapp-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-whatsapp::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-whatsapp {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-whatsapp::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-whatsapp-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-whatsapp::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-whatsapp {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-whatsapp-16.svg) no-repeat center/cover
}

.icon-16-m10-link-xing {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-xing::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-xing-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-xing::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-xing {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-xing::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-xing-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-xing::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-xing {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-xing-16.svg) no-repeat center/cover
}

.icon-16-m10-link-youtube {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-youtube::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-youtube-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-youtube::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-youtube {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-youtube::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-youtube-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-youtube::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-youtube {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-youtube-16.svg) no-repeat center/cover
}

.icon-16-m10-link-printer {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-printer::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-printer-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-printer::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-printer {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-printer::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-printer-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-printer::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-printer {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-printer-16.svg) no-repeat center/cover
}

.icon-16-m10-link-note-plus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-m10-link-note-plus::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-note-plus-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-m10-link-note-plus::before {
    margin-right: 10px !important
}

.icon-16-mt0-mb0-mr10-link-note-plus {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-note-plus::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-note-plus-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.icon-16-mt0-mb0-mr10-link-note-plus::before {
    margin-right: 5px !important;
    margin-bottom: -4px
}

.icon-16-bg-note-plus {
    height: 16px;
    width: 16px;
    background: url(stihl-styles/resources/icons/icon-note-plus-16.svg) no-repeat center/cover
}

@-webkit-keyframes shine-lines {
    0% {
        background-position: -100px
    }

    100%,
    40% {
        background-position: 140px
    }
}

@keyframes shine-lines {
    0% {
        background-position: -100px
    }

    100%,
    40% {
        background-position: 140px
    }
}

@-webkit-keyframes shine-avatar {
    0% {
        background-position: -32px
    }

    100%,
    40% {
        background-position: 208px
    }
}

@keyframes shine-avatar {
    0% {
        background-position: -32px
    }

    100%,
    40% {
        background-position: 208px
    }
}

html {
    height: 100%;
    font-size: 10px;
    overflow-x: hidden
}

body {
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    background-color: #fff;
    padding-top: var(--header-height);
    -ms-overflow-style: scrollbar;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

.no-scroll-html {
    overflow-x: inherit
}

.no-scroll {
    overflow: hidden;
    height: 100vh
}

@media (hover:none) and (pointer:coarse) {

    .no-scroll-bounce,
    .no-scroll-bounce body {
        overflow: hidden;
        height: 100vh;
        position: fixed
    }
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: initial
}

button {
    margin: 0;
    cursor: pointer
}

p {
    margin: 0
}

input,
textarea {
    margin: 0;
    padding: 0;
    border-radius: 0
}

.hidden {
    display: none !important
}

.swiper-container {
    width: 100%
}

.full-width {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

::after,
::before {
    box-sizing: border-box
}

@media only screen and (max-width:1023px) {
    :focus {
        outline: 0
    }
}

.flex-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    flex: 1
}

.flex-column {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: 200px
}

.authoring-error {
    color: #d43b3b;
    margin: 0 10px 10px;
    padding: 10px;
    background: rgba(220, 20, 60, .5);
    border-radius: 5px
}

.authoring-error--footer {
    color: #d43b3b
}

.error-message,
.success-message {
    margin-bottom: 30px
}

.error-message {
    color: #d43b3b
}

.success-message {
    color: #009627
}

.lazy-load-image {
    width: 100%;
    height: 100%;
    background-color: #ebf2fa
}

.m_header-banner .lazy-load-image {
    height: 400px
}

.categoryinfo.section {
    overflow: hidden
}

.hdl-c-1 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px
}

@media only screen and (min-width:768px) {
    .hdl-c-1 {
        font-size: 30px
    }
}

.hdl-c-1::after {
    display: block;
    content: '';
    background-color: #000
}

.hdl-c-1::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .hdl-c-1::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.hdl-c-1--center {
    text-align: center
}

.hdl-c-1--right {
    text-align: right
}

.hdl-c-1--white {
    color: #fff
}

.hdl-c-1--white::after {
    background: #fff
}

.hdl-c-2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px
}

@media only screen and (min-width:768px) {
    .hdl-c-2 {
        font-size: 32px
    }
}

.hdl-c-2::after {
    display: block;
    content: '';
    background-color: #000
}

.hdl-c-2::after {
    width: 27px;
    height: 5px;
    margin-top: 8px
}

@media only screen and (min-width:768px) {
    .hdl-c-2::after {
        width: 20px;
        height: 4px;
        margin-top: 11px
    }
}

.hdl-c-2--center {
    text-align: center
}

.hdl-c-2--right {
    text-align: right
}

.hdl-c-2--white {
    color: #fff
}

.hdl-c-2--white::after {
    background: #fff
}

.hdl-c-3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px
}

@media only screen and (min-width:768px) {
    .hdl-c-3 {
        font-size: 26px
    }
}

.hdl-c-3::after {
    display: block;
    content: '';
    background-color: #000
}

.hdl-c-3::after {
    width: 23px;
    height: 4px;
    margin-top: 5px
}

@media only screen and (min-width:768px) {
    .hdl-c-3::after {
        width: 21px;
        height: 4px;
        margin-top: 6px
    }
}

.hdl-c-3--center {
    text-align: center
}

.hdl-c-3--right {
    text-align: right
}

.hdl-c-3--white {
    color: #fff
}

.hdl-c-3--white::after {
    background: #fff
}

.hdl-1,
h1 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px
}

@media only screen and (min-width:768px) {

    .hdl-1,
    h1 {
        font-size: 30px
    }
}

.hdl-1--center,
h1--center {
    text-align: center
}

.hdl-1--right,
h1--right {
    text-align: right
}

.hdl-1--white,
h1--white {
    color: #fff
}

.hdl-2,
h2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 26px
}

@media only screen and (min-width:768px) {

    .hdl-2,
    h2 {
        font-size: 26px
    }
}

.hdl-2--center,
h2--center {
    text-align: center
}

.hdl-2--right,
h2--right {
    text-align: right
}

.hdl-2--white,
h2--white {
    color: #fff
}

.hdl-3,
h3 {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, 'Arial', sans-serif;
    line-height: 1.2;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {

    .hdl-3,
    h3 {
        font-size: 20px
    }
}

.hdl-3--center,
h3--center {
    text-align: center
}

.hdl-3--right,
h3--right {
    text-align: right
}

.hdl-3--white,
h3--white {
    color: #fff
}

.hdl-4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px
}

@media only screen and (min-width:768px) {
    .hdl-4 {
        font-size: 26px
    }
}

.hdl-4--center {
    text-align: center
}

.hdl-4--right {
    text-align: right
}

.hdl-4--white {
    color: #fff
}

.hdl-5,
h4 {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {

    .hdl-5,
    h4 {
        font-size: 22px
    }
}

.hdl-5--center,
h4--center {
    text-align: center
}

.hdl-5--right,
h4--right {
    text-align: right
}

.hdl-5--white,
h4--white {
    color: #fff
}

.hdl-6 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {
    .hdl-6 {
        font-size: 22px
    }
}

.hdl-6--center {
    text-align: center
}

.hdl-6--right {
    text-align: right
}

.hdl-6--white {
    color: #fff
}

.hdl-7,
h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.hdl-7--center,
h5--center {
    text-align: center
}

.hdl-7--right,
h5--right {
    text-align: right
}

.hdl-7--white,
h5--white {
    color: #fff
}

.hdl-8 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.hdl-8--center {
    text-align: center
}

.hdl-8--right {
    text-align: right
}

.hdl-8--white {
    color: #fff
}

.pgph-1,
p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 16px
}

.pgph-1--center,
p--center {
    text-align: center
}

.pgph-1--right,
p--right {
    text-align: right
}

.pgph-1--white,
p--white {
    color: #fff
}

.pgph-2 {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 13px
}

.pgph-2--center {
    text-align: center
}

.pgph-2--right {
    text-align: right
}

.pgph-2--white {
    color: #fff
}

.pgph-3 {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.pgph-3--center {
    text-align: center
}

.pgph-3--right {
    text-align: right
}

.pgph-3--white {
    color: #fff
}

.pgph-4 {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-style: italic;
    font-size: 35px
}

@media only screen and (min-width:768px) {
    .pgph-4 {
        font-size: 25px
    }
}

.pgph-4--center {
    text-align: center
}

.pgph-4--right {
    text-align: right
}

.pgph-4--white {
    color: #fff
}

.font_special-1 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.font_special-1--center {
    text-align: center
}

.font_special-1--right {
    text-align: right
}

.font_special-1--white {
    color: #fff
}

.font_special-2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.font_special-2--center {
    text-align: center
}

.font_special-2--right {
    text-align: right
}

.font_special-2--white {
    color: #fff
}

.font_special-3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.font_special-3--center {
    text-align: center
}

.font_special-3--right {
    text-align: right
}

.font_special-3--white {
    color: #fff
}

.font_special-4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.font_special-4--center {
    text-align: center
}

.font_special-4--right {
    text-align: right
}

.font_special-4--white {
    color: #fff
}

.font_special-5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 10px
}

.font_special-5--center {
    text-align: center
}

.font_special-5--right {
    text-align: right
}

.font_special-5--white {
    color: #fff
}

.font_special-6 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 22px
}

.font_special-6--center {
    text-align: center
}

.font_special-6--right {
    text-align: right
}

.font_special-6--white {
    color: #fff
}

.font_special-7 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 22px
}

.font_special-7--center {
    text-align: center
}

.font_special-7--right {
    text-align: right
}

.font_special-7--white {
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

body {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

a {
    text-decoration: none;
    color: inherit
}

.link_1 {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.confirmation-header__link,
.link_2 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    font-weight:700;
}

.confirmation-header__link::after,
.link_2::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.confirmation-header__link:hover::after,
.link_2:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.link_3 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.link_4 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.link_4::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-left-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    right: 100%;
    -webkit-transform: translate3d(-5px, -50%, 0);
    transform: translate3d(-5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_4:hover::before {
    -webkit-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0)
}

.link_5 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.link_6 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.link_6::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 100%;
    left: 100%;
    -webkit-transform: translate3d(17px, -100%, 0);
    transform: translate3d(17px, -100%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_6:hover::after {
    -webkit-transform: translate3d(22px, -100%, 0);
    transform: translate3d(22px, -100%, 0)
}

.link_7 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 22px
}

.link_7::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(17px, -50%, 0);
    transform: translate3d(17px, -50%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_7:hover::after {
    -webkit-transform: translate3d(22px, -50%, 0);
    transform: translate3d(22px, -50%, 0)
}

.link_8 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 33px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.link_8::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(7px, -50%, 0);
    transform: translate3d(7px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_8:hover::after {
    -webkit-transform: translate3d(12px, -50%, 0);
    transform: translate3d(12px, -50%, 0)
}

.link_9 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.link_9::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(17px, -50%, 0);
    transform: translate3d(17px, -50%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_9:hover::after {
    -webkit-transform: translate3d(22px, -50%, 0);
    transform: translate3d(22px, -50%, 0)
}

.link_11 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 33px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 22px
}

.link_11::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(7px, 0, 0);
    transform: translate3d(7px, 0, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_11:hover::after {
    -webkit-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0)
}

.link_12 {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.label-circle.label-black {
    --color1: white;
    --color2: black;
    --color3: black
}

.label-circle.label-white {
    --color1: black;
    --color2: black;
    --color3: white
}

.label-circle.label-orange {
    --color1: #F37A1F;
    --color2: #F37A1F;
    --color3: white
}
.m_infobox-price__shipping-cost {
    display: flex;
    margin-top: 10px;
}
.label-circle.label-s {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color1);
    color: var(--color3);
    box-sizing: border-box;
    outline: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color2);
}
.m_infobox-price__shipping-cost .label-circle.label-s {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: white;
    color: #749f4a;
    box-sizing: border-box;
    outline: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #749f4a;
    padding-top: 2px;
    margin-right: 7px;
}

.label-circle.label-s img {
    width: 8px
}

.label-circle.label-m {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color1);
    color: var(--color3);
    box-sizing: border-box;
    outline: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color2)
}

.label-circle.label-m img {
    width: 20px
}

.label-circle.label-l {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color1);
    color: var(--color3);
    box-sizing: border-box;
    outline: 0;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border: 2px solid var(--color2)
}

.label-circle.label-l img {
    width: 44px
}

.label-info.label-black {
    --size: 17px
}

.label-info.label-black.label-s {
    --size: 9px
}

.label-info.label-black.label-l {
    --size: 38px
}

.label-info.label-black::after {
    background: url(stihl-styles/resources/icons/icon-info-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-info.label-orange,
.label-info.label-white {
    --size: 17px
}

.label-info.label-orange.label-s,
.label-info.label-white.label-s {
    --size: 9px
}

.label-info.label-orange.label-l,
.label-info.label-white.label-l {
    --size: 38px
}

.label-info.label-orange::after,
.label-info.label-white::after {
    background: url(stihl-styles/resources/icons/icon-info-white-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-bin.label-black {
    --size: 17px
}

.label-bin.label-black.label-s {
    --size: 9px
}

.label-bin.label-black.label-l {
    --size: 38px
}

.label-bin.label-black::after {
    background: url(stihl-styles/resources/icons/icon-bin-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-bin.label-orange,
.label-bin.label-white {
    --size: 17px
}

.label-bin.label-orange.label-s,
.label-bin.label-white.label-s {
    --size: 9px
}

.label-bin.label-orange.label-l,
.label-bin.label-white.label-l {
    --size: 38px
}

.label-bin.label-orange::after,
.label-bin.label-white::after {
    background: url(stihl-styles/resources/icons/icon-bin-white-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-questionmark.label-black {
    --size: 17px
}

.label-questionmark.label-black.label-s {
    --size: 9px
}

.label-questionmark.label-black.label-l {
    --size: 38px
}

.label-questionmark.label-black::after {
    background: url(stihl-styles/resources/icons/icon-questionmark-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-questionmark.label-orange,
.label-questionmark.label-white {
    --size: 17px
}

.label-questionmark.label-orange.label-s,
.label-questionmark.label-white.label-s {
    --size: 9px
}

.label-questionmark.label-orange.label-l,
.label-questionmark.label-white.label-l {
    --size: 38px
}

.label-questionmark.label-orange::after,
.label-questionmark.label-white::after {
    background: url(stihl-styles/resources/icons/icon-questionmark-white-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-exclamationmark.label-black {
    --size: 17px
}

.label-exclamationmark.label-black.label-s {
    --size: 9px
}

.label-exclamationmark.label-black.label-l {
    --size: 38px
}

.label-exclamationmark.label-black::after {
    background: url(stihl-styles/resources/icons/icon-exclamationmark-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-exclamationmark.label-orange,
.label-exclamationmark.label-white {
    --size: 17px
}

.label-exclamationmark.label-orange.label-s,
.label-exclamationmark.label-white.label-s {
    --size: 9px
}

.label-exclamationmark.label-orange.label-l,
.label-exclamationmark.label-white.label-l {
    --size: 38px
}

.label-exclamationmark.label-orange::after,
.label-exclamationmark.label-white::after {
    background: url(stihl-styles/resources/icons/icon-exclamationmark-white-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-user.label-black {
    --size: 17px
}

.label-user.label-black.label-s {
    --size: 9px
}

.label-user.label-black.label-l {
    --size: 38px
}

.label-user.label-black::after {
    background: url(stihl-styles/resources/icons/icon-user-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-user.label-orange,
.label-user.label-white {
    --size: 17px
}

.label-user.label-orange.label-s,
.label-user.label-white.label-s {
    --size: 9px
}

.label-user.label-orange.label-l,
.label-user.label-white.label-l {
    --size: 38px
}

.label-user.label-orange::after,
.label-user.label-white::after {
    background: url(stihl-styles/resources/icons/icon-user-white-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-check.label-black {
    --size: 17px
}

.label-check.label-black.label-s {
    --size: 9px
}

.label-check.label-black.label-l {
    --size: 38px
}

.label-check.label-black::after {
    background: url(stihl-styles/resources/icons/icon-check-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label-check.label-orange,
.label-check.label-white {
    --size: 17px
}

.label-check.label-orange.label-s,
.label-check.label-white.label-s {
    --size: 9px
}

.label-check.label-orange.label-l,
.label-check.label-white.label-l {
    --size: 38px
}

.label-check.label-orange::after,
.label-check.label-white::after {
    background: url(stihl-styles/resources/icons/icon-check-white-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

.label_circle-text {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-align: center;
    align-items: center
}

.label_circle-text__circle {
    margin-right: 10px
}

.label-triangle-exclamationmark.label-black {
    --size: 17px
}

.label-triangle-exclamationmark.label-black.label-s {
    --size: 9px
}

.label-triangle-exclamationmark.label-black.label-l {
    --size: 38px
}

.label-triangle-exclamationmark.label-black::after {
    background: url(stihl-styles/resources/icons/icon-triangle-exclamationmark-16.svg) no-repeat center/contain;
    height: var(--size);
    width: var(--size);
    content: ''
}

label {
    cursor: pointer;
    font-weight: inherit;
    margin: 0
}

.label-circle-tooltip {
    position: relative
}

@media only screen and (max-width:767px) {
    .label-circle-tooltip {
        position: static;
        display: inline-block;
        margin-left: 20px
    }
}

@media only screen and (max-width:767px) {
    .label-circle-tooltip__active {
        z-index: 201
    }
}

.label-small {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.label-medium {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.label-orange {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    color: #fff;
    background: #f37a1f
}

@media only screen and (min-width:320px) {
    .mq1min {
        display: none !important
    }
}

@media only screen and (min-width:530px) {
    .mq2min {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .mq3min {
        display: none !important
    }
}

@media only screen and (min-width:1024px) {
    .mq4min {
        display: none !important
    }
}

@media only screen and (max-width:529px) {
    .mq1max {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .mq2max {
        display: none !important
    }
}

@media only screen and (max-width:1023px) {
    .mq3max {
        display: none !important
    }
}

@media only screen and (min-width:320px) and (max-width:529px) {
    .mq1only {
        display: none !important
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .mq2only {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .mq3only {
        display: none !important
    }
}

.responsivegrid>.aem-Grid>.container>.container__inner {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .responsivegrid>.aem-Grid>.container>.container__inner {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .responsivegrid>.aem-Grid>.container>.container__inner {
        width: 984px
    }
}

.responsivegrid>.aem-Grid>.container>.container__inner .section.title+.section {
    margin-top: 0 !important
}

.responsivegrid>.aem-Grid>.container>.container__inner>.section:not(.cta):not(.title) {
    margin-top: 50px
}

.responsivegrid>.aem-Grid>.container>.container__inner>.section.cta {
    margin-top: 30px
}

.aem-GridColumn.highlightteaserbar {
    margin-top: 50px
}

.aem-GridColumn.seotext {
    margin-top: 50px
}

.aem-GridColumn.teasergrid {
    margin-top: 50px
}

.aem-GridColumn.contentoverview {
    margin-top: 50px
}

.footerwrapper.aem-GridColumn {
    margin-top: 80px
}

@media only screen and (min-width:768px) {
    .footerwrapper.aem-GridColumn {
        margin-top: 100px
    }
}

@media only screen and (min-width:1024px) {
    .footerwrapper.aem-GridColumn {
        margin-top: 120px
    }
}

.breadcrumb.aem-GridColumn {
    margin-top: 20px
}

.breadcrumb.aem-GridColumn:empty {
    display: none
}

@media only screen and (min-width:1024px) {

    .container.aem-GridColumn>.container__inner>.richtexteditor,
    .container.aem-GridColumn>.container__inner>.seotexteditor {
        width: 83.33333%
    }
}

.column-control .richtexteditor,
.column-control .seotexteditor {
    margin-top: 0
}

.richtexteditor .cmp-text h2:first-child,
.richtexteditor .cmp-text h3:first-child,
.richtexteditor .cmp-text h4:first-child,
.richtexteditor .cmp-text h5:first-child,
.richtexteditor .cmp-text h6:first-child,
.seotexteditor .cmp-text h2:first-child,
.seotexteditor .cmp-text h3:first-child,
.seotexteditor .cmp-text h4:first-child,
.seotexteditor .cmp-text h5:first-child,
.seotexteditor .cmp-text h6:first-child {
    margin-top: 0 !important
}

.richtexteditor a,
.seotexteditor a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.richtexteditor h1,
.richtexteditor h2,
.richtexteditor h3,
.richtexteditor h4,
.richtexteditor h5,
.richtexteditor h6,
.seotexteditor h1,
.seotexteditor h2,
.seotexteditor h3,
.seotexteditor h4,
.seotexteditor h5,
.seotexteditor h6 {
    margin-bottom: 30px
}

.richtexteditor h1:not(:first-child),
.richtexteditor h2:not(:first-child),
.richtexteditor h3:not(:first-child),
.richtexteditor h4:not(:first-child),
.richtexteditor h5:not(:first-child),
.richtexteditor h6:not(:first-child),
.seotexteditor h1:not(:first-child),
.seotexteditor h2:not(:first-child),
.seotexteditor h3:not(:first-child),
.seotexteditor h4:not(:first-child),
.seotexteditor h5:not(:first-child),
.seotexteditor h6:not(:first-child) {
    margin-top: 60px
}

body.product-overview-page .richtexteditor h2,
body.product-overview-page .seotexteditor h2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.product-overview-page .richtexteditor h2,
    body.product-overview-page .seotexteditor h2 {
        font-size: 26px
    }
}

body.product-overview-page .richtexteditor h2:first-child,
body.product-overview-page .seotexteditor h2:first-child {
    margin-top: 60px
}

@media only screen and (min-width:768px) {

    body.product-overview-page .richtexteditor h2:first-child,
    body.product-overview-page .seotexteditor h2:first-child {
        margin-top: 70px
    }
}

@media only screen and (min-width:1024px) {

    body.product-overview-page .richtexteditor h2:first-child,
    body.product-overview-page .seotexteditor h2:first-child {
        margin-top: 80px
    }
}

body.product-overview-page .richtexteditor h3,
body.product-overview-page .seotexteditor h3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.product-overview-page .richtexteditor h3,
    body.product-overview-page .seotexteditor h3 {
        font-size: 22px
    }
}

body.product-overview-page .richtexteditor h4,
body.product-overview-page .seotexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

body.product-overview-page .richtexteditor h5,
body.product-overview-page .seotexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 20px
}

body.product-detail-page .richtexteditor h2,
body.product-detail-page .seotexteditor h2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin-bottom: 40px;
    margin-top: 80px
}

@media only screen and (min-width:768px) {

    body.product-detail-page .richtexteditor h2,
    body.product-detail-page .seotexteditor h2 {
        font-size: 32px
    }
}

@media only screen and (min-width:768px) {

    body.product-detail-page .richtexteditor h2,
    body.product-detail-page .seotexteditor h2 {
        margin-top: 100px
    }
}

@media only screen and (min-width:1024px) {

    body.product-detail-page .richtexteditor h2,
    body.product-detail-page .seotexteditor h2 {
        margin-top: 120px
    }
}

body.product-detail-page .richtexteditor h3,
body.product-detail-page .seotexteditor h3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.product-detail-page .richtexteditor h3,
    body.product-detail-page .seotexteditor h3 {
        font-size: 26px
    }
}

body.product-detail-page .richtexteditor h4,
body.product-detail-page .seotexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.product-detail-page .richtexteditor h4,
    body.product-detail-page .seotexteditor h4 {
        font-size: 22px
    }
}

body.product-detail-page .richtexteditor h5,
body.product-detail-page .seotexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

body.home-page .richtexteditor h2,
body.home-page .seotexteditor h2 {
    margin-top: 50px;
    margin-bottom: 40px
}

body.home-page .richtexteditor h3,
body.home-page .seotexteditor h3 {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.home-page .richtexteditor h3,
    body.home-page .seotexteditor h3 {
        font-size: 16px
    }
}

body.home-page .richtexteditor h4,
body.home-page .seotexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.home-page .richtexteditor h4,
    body.home-page .seotexteditor h4 {
        font-size: 22px
    }
}

body.home-page .richtexteditor h5,
body.home-page .seotexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

body.content-article-page .richtexteditor h2,
body.content-article-page .seotexteditor h2 {
    margin-top: 50px;
    margin-bottom: 40px
}

body.content-article-page .richtexteditor h3,
body.content-article-page .seotexteditor h3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.content-article-page .richtexteditor h3,
    body.content-article-page .seotexteditor h3 {
        font-size: 26px
    }
}

body.content-article-page .richtexteditor h4,
body.content-article-page .seotexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.content-article-page .richtexteditor h4,
    body.content-article-page .seotexteditor h4 {
        font-size: 22px
    }
}

body.content-article-page .richtexteditor h5,
body.content-article-page .seotexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

body.campaign-page .richtexteditor h2,
body.campaign-page .seotexteditor h2 {
    margin-top: 50px;
    margin-bottom: 40px
}

body.campaign-page .richtexteditor h3,
body.campaign-page .seotexteditor h3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.campaign-page .richtexteditor h3,
    body.campaign-page .seotexteditor h3 {
        font-size: 26px
    }
}

body.campaign-page .richtexteditor h4,
body.campaign-page .seotexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.campaign-page .richtexteditor h4,
    body.campaign-page .seotexteditor h4 {
        font-size: 22px
    }
}

body.campaign-page .richtexteditor h5,
body.campaign-page .seotexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

body.meta-page .richtexteditor h2,
body.meta-page .seotexteditor h2 {
    margin-top: 50px;
    margin-bottom: 40px
}

body.meta-page .richtexteditor h3,
body.meta-page .seotexteditor h3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.meta-page .richtexteditor h3,
    body.meta-page .seotexteditor h3 {
        font-size: 26px
    }
}

body.meta-page .richtexteditor h4,
body.meta-page .seotexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    body.meta-page .richtexteditor h4,
    body.meta-page .seotexteditor h4 {
        font-size: 22px
    }
}

body.meta-page .richtexteditor h5,
body.meta-page .seotexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

.richtexteditor ol,
.richtexteditor ul,
.seotexteditor ol,
.seotexteditor ul {
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px
}

.richtexteditor ol li:not(:last-child),
.richtexteditor ul li:not(:last-child),
.seotexteditor ol li:not(:last-child),
.seotexteditor ul li:not(:last-child) {
    margin-bottom: 5px
}

.richtexteditor ul li,
.seotexteditor ul li {
    list-style: disc
}

.richtexteditor ol li,
.seotexteditor ol li {
    list-style: decimal
}

.richtexteditor p,
.seotexteditor p {
    overflow: hidden
}

.richtexteditor p+p,
.seotexteditor p+p {
    margin-top: 30px
}

.aria-expanded\:bg-black[aria-expanded=true],
.before\:bg-black::before,
.bg-black,
.hover\:bg-black:hover,
.sibling:checked+.sibling-checked\:bg-black {
    background-color: #000
}

.bg-gray-lighter,
.hover\:bg-gray-lighter:hover {
    background-color: #ededed
}

.bg-orange {
    background-color: #f37a1f
}

.bg-black {
    background-color: #000
}

.bg-gray-dark {
    background-color: #b1b1b1
}

.bg-green {
    background-color: #009627
}

.bg-yellow {
    background-color: #fdc543
}

.bg-red {
    background-color: #d43b3b
}

.bg-blue {
    background-color: #249abe
}

.bg-transparent {
    background-color: transparent
}

.before\:bg-white::before,
.bg-white,
.hover\:bg-white:hover {
    background-color: #fff
}

.aria-expanded\:color-white[aria-expanded=true],
.color-white,
.hover\:color-white:hover,
.sibling:checked+.sibling-checked\:color-white {
    color: #fff
}

.hover\:color-black:hover {
    color: #000
}

.hover\:color-orange:hover {
    color: #f37a1f
}

.color-gray-light {
    color: #b1b1b1
}

.placeholder\:color-gray-dark::-moz-placeholder {
    color: gray
}

.placeholder\:color-gray-dark::-ms-input-placeholder {
    color: gray
}

.placeholder\:color-gray-dark::-webkit-input-placeholder {
    color: gray
}

.placeholder\:color-gray-dark::placeholder {
    color: gray
}

.placeholder\:color-white::-webkit-input-placeholder {
    color: #fff
}

.placeholder\:color-white::-ms-input-placeholder {
    color: #fff
}

.placeholder\:color-white::-moz-placeholder {
    color: #fff
}

.placeholder\:color-white::placeholder {
    color: #fff
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border {
    border-width: 1px
}

.border-light-gray {
    border-color: #b1b1b1
}

.border-black {
    border-color: #000
}

.border-white {
    border-color: #fff
}

.rounded-full {
    border-radius: 9999px
}

.focus\:shadow-orange-form {
    -webkit-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out
}

.focus\:shadow-orange-form:focus {
    box-shadow: 2px 2px 0 #f37a1f
}

.group[aria-expanded=false] .group-aria-not-expanded\:none,
.group[aria-expanded=true] .group-aria-expanded\:none,
.none {
    display: none
}

.block {
    display: block
}

.inline {
    display: inline
}

.group[aria-expanded=true] .group-aria-expanded\:inline-block,
.inline-block {
    display: inline-block
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.font-normal {
    font-weight: 400
}

.leading-5 {
    line-height: 1.25
}

.leading-8 {
    line-height: 2
}

.leading-16 {
    line-height: 4
}

.focus\:outline-none {
    outline: 0
}

.overflow-y-auto {
    overflow-y: auto
}

.pointer-events-none {
    pointer-events: none
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.pin-t {
    top: 0
}

.pin-b {
    bottom: 0
}

.pin-r {
    right: 0
}

.pin-l {
    left: 0
}

.t-95px {
    top: 95px
}

.pin-vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pin-middle {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-0 {
    margin: 0
}

.mt-0 {
    margin-top: 0
}

.mt-8 {
    margin-top: 2rem
}

.mt-16 {
    margin-top: 4rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-16 {
    margin-bottom: 4rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-8 {
    margin-right: 2rem
}

.ml-2 {
    margin-left: .5rem
}

.p-0 {
    padding: 0
}

.p-7 {
    padding: 1.75rem
}

.p-4 {
    padding: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-16 {
    padding-top: 4rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media only screen and (max-width:767px) {
    .sm\:mt-0 {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {
    .md\:m-0 {
        margin: 0
    }

    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.table-fixed {
    table-layout: fixed
}

@media only screen and (max-width:767px) {
    .sm\:text-right {
        text-align: right
    }

    .sm\:text-left {
        text-align: left
    }
}

@media only screen and (min-width:768px) {
    .md\:text-left {
        text-align: left
    }

    .md\:text-right {
        text-align: right
    }
}

.line-through {
    text-decoration: line-through
}

.placeholder\:text-uppercase::-moz-placeholder {
    text-transform: uppercase
}

.placeholder\:text-uppercase::-ms-input-placeholder {
    text-transform: uppercase
}

.placeholder\:text-uppercase::-webkit-input-placeholder {
    text-transform: uppercase
}

.placeholder\:text-uppercase::placeholder {
    text-transform: uppercase
}

.group-aria-expanded\:rotate-180 {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.group[aria-expanded=true] .group-aria-expanded\:rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.align-baseline {
    vertical-align: baseline
}

.align-bottom {
    vertical-align: bottom
}

.align-middle {
    vertical-align: middle
}

.invisible {
    visibility: hidden
}

.w-2\/3 {
    width: 66.66666667%
}

.w-1\/3 {
    width: 33.33333333%
}

.w-1\/2 {
    width: 50%
}

.w-full {
    width: 100%
}

.w-1\% {
    width: 1%
}

.w-150px {
    width: 150px
}

@media only screen and (min-width:768px) {
    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.33333333%
    }

    .md\:w-2\/3 {
        width: 66.66666667%
    }
}

.w-1\/2 {
    height: 50%
}

.h-full {
    height: 100%
}

*,
::after,
::before {
    border: 0 solid transparent
}

button,
input {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    outline: 0
}

::-moz-placeholder {
    opacity: 1
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.appearance-textfield {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.appearance-textfield::-webkit-inner-spin-button,
.appearance-textfield::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.pointer-events-none {
    pointer-events: none
}

.invalid {
    box-shadow: 0 0 5px #d9534f
}

a {
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out
}

a:hover {
    text-decoration: none
}

button {
    -webkit-transition: color .3s ease-out, background-color .3s ease-out;
    transition: color .3s ease-out, background-color .3s ease-out
}

.btn_stage {
    position: relative;
    display: block;
    background-color: #fff;
    height: 120px;
    width: 60px;
    padding: 0
}

.btn_stage:hover {
    background-color: #000
}

.btn_stage__icon--next::before {
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    content: "";
    height: 120px
}

.btn_stage__icon--next:hover::before {
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    width: 100%;
    background-color: #000;
    content: "";
    height: 120px
}

.btn_stage__icon--previous {
    height: 120px
}

.btn_stage__icon--previous::before {
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    content: "";
    height: 120px
}

.btn_stage__icon--previous:hover::before {
    background-image: url(stihl-styles/resources/icons/icon-arrow-left-white-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: inline-block;
    width: 100%;
    background-color: #000;
    content: "";
    height: 120px
}

.btn_circle-icon {
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: inline-block
}

.btn_circle-icon-no-padding {
    padding: 0
}

.btn_circle-icon:hover {
    background-color: #000
}

.btn_circle-icon__icon {
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn_circle-icon__icon--arrow-down {
    position: static
}

.btn_circle-icon__icon--arrow-down::before {
    background-image: url(stihl-styles/resources/icons/icon-arrow-down-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: -ms-flexbox;
    width: 32px;
    height: 32px;
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.btn_circle-icon__icon--arrow-down:hover::before {
    background-image: url(stihl-styles/resources/icons/icon-arrow-down-white-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: -ms-flexbox;
    width: 32px;
    height: 32px;
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.btn_circle-icon__icon--cart {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-cart-16-white.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.btn_circle-icon__icon--compare {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-compare-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.btn_circle-icon__icon--list {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-list-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.btn_circle-icon__icon--plus {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-plus-white-16.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

.btn_circle-icon__icon--white {
    color: #fff
}

.btn_circle-icon__icon--black {
    color: #000
}

.btn_circle-icon--white {
    background-color: #fff
}

.btn_circle-icon--orange {
    background-color: #f37a1f
}

.btn_circle-icon--button {
    background-color: #000
}

.btn_icon-big {
    height: 45px;
    width: 45px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.btn_icon-big__icon {
    width: 16px;
    height: 16px
}

.btn_icon-big__icon--white {
    color: #fff
}

.btn_icon-big__icon--black {
    color: #000
}

.btn_icon-big--grey {
    background-color: #ededed
}

.btn_icon-big--orange {
    background-color: #f37a1f
}

.btn_icon-big--black {
    background-color: #000
}

.btn_icon-big--black:hover {
    background-color: #f37a1f
}

.btn_show-more {
    position: relative
}

.btn_show-more__circle {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    position: relative
}

.btn_show-more__circle.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn_show-more__circle:hover {
        background-position: 0 -100%
    }
}

.btn_show-more.down .btn_show-more__circle::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.btn_show-more.up .btn_show-more__circle::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-up-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.btn_show-more.plus .btn_show-more__circle::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-plus-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.btn_show-more.minus .btn_show-more__circle::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-minus-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.btn_show-more__text {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-top: 5px
}

.btn_standard {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%
}

.btn_standard.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn_standard:hover {
        background-position: 0 -100%
    }
}

.btn_standard.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn_standard:hover {
        border-color: transparent
    }
}

.btn_standard:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn_standard.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .btn_standard:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .btn_standard {
        width: 100%
    }
}

.btn_standard:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .btn_standard:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .btn_standard:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

.btn_outline {
    position: relative;
    background: -webkit-linear-gradient(top, transparent 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, transparent 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: #fff;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%;
    border-width: 1px;
    border-style: solid
}

.btn_outline.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn_outline:hover {
        background-position: 0 -100%
    }
}

.btn_outline.active {
    border-color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .btn_outline:hover {
        border-color: #fff
    }
}

.btn_outline:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn_outline.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .btn_outline:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .btn_outline {
        width: 100%
    }
}

.btn_outline:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .btn_outline:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .btn_outline:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

.btn_highlight {
    position: relative;
    background: -webkit-linear-gradient(top, #f37a1f 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #f37a1f 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%
}

.btn_highlight.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn_highlight:hover {
        background-position: 0 -100%
    }
}

.btn_highlight.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn_highlight:hover {
        border-color: transparent
    }
}

.btn_highlight:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn_highlight.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .btn_highlight:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .btn_highlight {
        width: 100%
    }
}

.btn_highlight:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .btn_highlight:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .btn_highlight:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

.btn-close-x {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 45px;
    width: 45px
}

.btn-close-x.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn-close-x:hover {
        background-position: 0 -100%
    }
}

.btn-close-x.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn-close-x:hover {
        border-color: transparent
    }
}

.btn-close-x:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn-close-x::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-cross-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.btn-icon-grid {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.btn-icon-grid.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn-icon-grid:hover {
        background-position: 0 -100%
    }
}

.btn-icon-grid.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn-icon-grid:hover {
        border-color: transparent
    }
}

.btn-icon-grid:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn-icon-grid.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .btn-icon-grid:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .btn-icon-grid {
        width: 100%
    }
}

.btn-icon-grid::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-grid-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    position: relative;
    height: 16px;
    margin-right: 20px
}

.btn-icon-chat {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.btn-icon-chat.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn-icon-chat:hover {
        background-position: 0 -100%
    }
}

.btn-icon-chat.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn-icon-chat:hover {
        border-color: transparent
    }
}

.btn-icon-chat:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn-icon-chat.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .btn-icon-chat:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .btn-icon-chat {
        width: 100%
    }
}

.btn-icon-chat::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-speachbubble-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    position: relative;
    height: 16px;
    margin-right: 20px
}

.btn-stage-left {
    position: relative;
    background: -webkit-linear-gradient(top, #fff 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #fff 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 120px;
    width: 60px
}

.btn-stage-left.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn-stage-left:hover {
        background-position: 0 -100%
    }
}

.btn-stage-left.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn-stage-left:hover {
        border-color: transparent
    }
}

.btn-stage-left:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn-stage-left::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-left-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (hover:hover) and (pointer:fine) {
    .btn-stage-left:hover::after {
        content: '';
        background: url(stihl-styles/resources/icons/icon-arrow-left-white-16.svg) no-repeat center/contain;
        position: absolute;
        height: 16px;
        width: 16px
    }
}

.btn-stage-right {
    position: relative;
    background: -webkit-linear-gradient(top, #fff 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #fff 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 120px;
    width: 60px
}

.btn-stage-right.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .btn-stage-right:hover {
        background-position: 0 -100%
    }
}

.btn-stage-right.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .btn-stage-right:hover {
        border-color: transparent
    }
}

.btn-stage-right:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn-stage-right::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (hover:hover) and (pointer:fine) {
    .btn-stage-right:hover::after {
        content: '';
        background: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg) no-repeat center/contain;
        position: absolute;
        height: 16px;
        width: 16px
    }
}

.btn_selection {
    position: relative;
    padding: 20px 0;
    background-color: #ededed;
    min-height: 60px
}

.btn_selection:disabled {
    pointer-events: none
}

.btn_selection:disabled::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .7);
    z-index: 1;
    content: ''
}

.btn_selection__container {
    display: -webkit-box;
    display: flex;
    margin-left: 10px;
    overflow: hidden
}

.btn_selection__icon-high {
    position: absolute !important;
    right: 0;
    top: 0;
    bottom: 0
}

.btn_selection__properties {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 0
}

.btn_selection__property {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1px
}

.btn_selection__property-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: inline-block;
    float: left;
    margin-right: 10px
}

.btn_selection__property-name:empty {
    display: none
}

.btn_selection__property-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: block;
    float: left;
    text-align: left
}

.btn_selection__price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
    padding-right: 30px;
    padding-left: 20px
}

.btn_selection__from {
    margin-right: 10px
}

.btn_selection__price-amount {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.btn_selection__price-amount.reduced-price {
    color: #f37a1f
}

.btn_selection__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin-right: 42px
}

.btn_selection__icon {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
}

.btn_link {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.icon-high {
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    min-height: 32px;
    width: 32px;
}


.icon-high.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .icon-high:hover {
        background-position: 0 -100%
    }
}

.icon-high.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .icon-high:hover {
        border-color: transparent
    }
}

.icon-high:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.btn_show-count {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center
}

em {
    font-weight: 700;
    font-style: normal;
    position: relative;
    text-decoration: none
}

em::before {
    content: '';
    position: absolute;
    display: block;
    bottom: -2px;
    height: 2px;
    left: 0;
    right: 0;
    background-color: #f37a1f
}

li,
ol,
ul {
    list-style: none;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

ul.__bulletlist>li {
    list-style: disc outside;
    margin: 3px 0
}

ul.__bulletlist>li span {
    position: relative;
    left: 2px
}

table {
    border-collapse: collapse;
    width: 100%
}

@media only screen and (min-width:1024px) {
    table {
        min-width: 656px;
        max-width: 984px;
        width: auto !important
    }
}

table .color-1_black {
    background-color: #000;
    color: #fff
}

table .color-3_orange {
    background-color: #f37a1f
}

table .color-7_green {
    background-color: #009627
}

table .color-8_yellow {
    background-color: #fdc543
}

table .color-9_red {
    background-color: #d43b3b
}

table .color-10_blue {
    background-color: #249abe;
    color: #fff
}

td,
th {
    border-right: 1px solid #000;
    text-align: left;
    padding: 20px
}

td:last-child,
th:last-child {
    border: 0
}

.tabledata .sticky-header td,
.tabledata .sticky-header th,
.tabledata td,
.tabledata th {
    min-width: 82px
}

.tabledata .sticky-header td a,
.tabledata .sticky-header th a,
.tabledata td a,
.tabledata th a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.tabledata .sticky-header td ul,
.tabledata .sticky-header th ul,
.tabledata td ul,
.tabledata th ul {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px
}

.tabledata .sticky-header td ul li,
.tabledata .sticky-header th ul li,
.tabledata td ul li,
.tabledata th ul li {
    position: relative;
    padding: 0 0 15px 10px
}

.tabledata .sticky-header td ul li::before,
.tabledata .sticky-header th ul li::before,
.tabledata td ul li::before,
.tabledata th ul li::before {
    position: absolute;
    left: 0;
    content: '\2022'
}

.tabledata .sticky-header td ul li:last-child,
.tabledata .sticky-header th ul li:last-child,
.tabledata td ul li:last-child,
.tabledata th ul li:last-child {
    padding-bottom: 0
}

.tabledata .sticky-header td ul ol,
.tabledata .sticky-header td ul ul,
.tabledata .sticky-header th ul ol,
.tabledata .sticky-header th ul ul,
.tabledata td ul ol,
.tabledata td ul ul,
.tabledata th ul ol,
.tabledata th ul ul {
    width: 100%;
    padding-top: 15px;
    padding-left: 25px
}

.tabledata .sticky-header td ul ol ol,
.tabledata .sticky-header td ul ol ul,
.tabledata .sticky-header td ul ul ol,
.tabledata .sticky-header td ul ul ul,
.tabledata .sticky-header th ul ol ol,
.tabledata .sticky-header th ul ol ul,
.tabledata .sticky-header th ul ul ol,
.tabledata .sticky-header th ul ul ul,
.tabledata td ul ol ol,
.tabledata td ul ol ul,
.tabledata td ul ul ol,
.tabledata td ul ul ul,
.tabledata th ul ol ol,
.tabledata th ul ol ul,
.tabledata th ul ul ol,
.tabledata th ul ul ul {
    padding-left: 20px
}

.tabledata .sticky-header td ol,
.tabledata .sticky-header th ol,
.tabledata td ol,
.tabledata th ol {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    counter-reset: list-counter
}

.tabledata .sticky-header td ol li,
.tabledata .sticky-header th ol li,
.tabledata td ol li,
.tabledata th ol li {
    position: relative;
    padding: 0 0 15px 10px;
    padding: 0 0 15px 26px
}

.tabledata .sticky-header td ol li::before,
.tabledata .sticky-header th ol li::before,
.tabledata td ol li::before,
.tabledata th ol li::before {
    position: absolute;
    left: 0;
    content: '\2022'
}

.tabledata .sticky-header td ol li:last-child,
.tabledata .sticky-header th ol li:last-child,
.tabledata td ol li:last-child,
.tabledata th ol li:last-child {
    padding-bottom: 0
}

.tabledata .sticky-header td ol ol,
.tabledata .sticky-header td ol ul,
.tabledata .sticky-header th ol ol,
.tabledata .sticky-header th ol ul,
.tabledata td ol ol,
.tabledata td ol ul,
.tabledata th ol ol,
.tabledata th ol ul {
    width: 100%;
    padding-top: 15px;
    padding-left: 25px;
    padding-left: 9px
}

.tabledata .sticky-header td ol ol ol,
.tabledata .sticky-header td ol ol ul,
.tabledata .sticky-header td ol ul ol,
.tabledata .sticky-header td ol ul ul,
.tabledata .sticky-header th ol ol ol,
.tabledata .sticky-header th ol ol ul,
.tabledata .sticky-header th ol ul ol,
.tabledata .sticky-header th ol ul ul,
.tabledata td ol ol ol,
.tabledata td ol ol ul,
.tabledata td ol ul ol,
.tabledata td ol ul ul,
.tabledata th ol ol ol,
.tabledata th ol ol ul,
.tabledata th ol ul ol,
.tabledata th ol ul ul {
    padding-left: 20px;
    padding-left: 4px
}

.tabledata .sticky-header td ol li,
.tabledata .sticky-header th ol li,
.tabledata td ol li,
.tabledata th ol li {
    counter-increment: list-counter
}

.tabledata .sticky-header td ol li::before,
.tabledata .sticky-header th ol li::before,
.tabledata td ol li::before,
.tabledata th ol li::before {
    font-weight: 700;
    content: "0" counter(list-counter) ". "
}

.tabledata .sticky-header td ol li:nth-child(n+10)::before,
.tabledata .sticky-header th ol li:nth-child(n+10)::before,
.tabledata td ol li:nth-child(n+10)::before,
.tabledata th ol li:nth-child(n+10)::before {
    content: counter(list-counter) ". "
}

@media only screen and (max-width:767px) {

    .tabledata .sticky-header td,
    .tabledata .sticky-header th,
    .tabledata td,
    .tabledata th {
        width: 50%;
        min-width: calc(100vw - (50vw + 60px))
    }
}

@media only screen and (max-width:1023px) {
    .tabledata .sticky-header {
        position: fixed;
        overflow: hidden;
        top: var(--header-height)
    }
}

th {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    background-color: #000;
    color: #fff
}

td {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px
}

td p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px
}

tr:nth-child(odd) {
    background-color: #ededed
}

.tabledata {
    overflow-x: auto
}

.tabledata__pager {
    display: none;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px
}

.tabledata__pager-btn {
    width: 45px;
    height: 45px
}

.tabledata__pager-btn:first-child {
    margin-right: 1px
}

.dropdown_2__title {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 6px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    position: relative
}

.dropdown_2__title::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(-20px, -50%, 0);
    transform: translate3d(-20px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.dropdown_2--closed::after {
    background-image: url(stihl-styles/resources/icons/icon-arrow-down-16.svg)
}

.dropdown_2--open::after {
    background-image: url(stihl-styles/resources/icons/icon-arrow-up-16.svg)
}

.dropdown_list {
    border: 1px solid #b1b1b1;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 100px
}

.dropdown_list--large {
    display: block;
    overflow: auto;
    height: 140px
}

@media only screen and (max-width:767px) {
    .dropdown_list__item {
        margin-bottom: 20px
    }
}

.dropdown_list__item--last {
    margin-bottom: 0
}

.dropdown_list::-webkit-scrollbar {
    width: 15px;
    background-color: rgba(255, 255, 255, 0)
}

.dropdown_list::-webkit-scrollbar-thumb,
.dropdown_list::-webkit-scrollbar-track {
    border: 5px solid rgba(255, 255, 255, 0);
    background-clip: padding-box
}

.dropdown_list::-webkit-scrollbar-track {
    background-color: #ededed
}

.dropdown_list::-webkit-scrollbar-thumb {
    background-color: #000
}

.tab-bar_header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: relative
}

body.product-detail-page .tab-bar_header {
    margin: 0 -20px
}

.tab-bar_header .icon-high {
    position: absolute;
    height: 60px;
    z-index: 1
}

.tab-bar_header .icon-high:first-child {
    left: 0
}

.tab-bar_header .icon-high:last-child {
    right: 0
}

.tab-bar_header__wrapper {
    display: -webkit-box;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.tab-bar_header__wrapper::-webkit-scrollbar {
    display: none
}

.tab-bar_header__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: 60px
}

.tab-bar_header__tab {
    box-sizing: border-box;
    max-width: 190px;
    padding: 0 20px;
    background-color: #ededed;
    border-top: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 13px
}
.tab-bar_header a:first-of-type .tab-bar_header__tab {
    border-left: 1px solid #b1b1b1;
}
body.product-detail-page .tab-bar_header__tab {
    max-width: 300px
}

.tab-bar_header--inverse .tab-bar_header__tab {
    background-color: #fff
}

.tab-bar_header__tab--active {
    background-color: #fff;
    border-top: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-bottom: 1px solid #fff
}

.tab-bar_header--inverse .tab-bar_header__tab--active {
    background-color: #ededed;
    border-bottom: 1px solid #b1b1b1
}

.tab-bar_header__tab--first {
    border-left: 1px solid #b1b1b1
}

.tab-bar_header__title {
    pointer-events: none;
    margin: auto
}

.tab-bar_header__icon {
    display: inline-block;
    margin-left: 10px;
    padding-right: 20px
}

.tab-bar_header--filter {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 10px 0
}

.tab-bar_header__flag-offer-circle-container {
    pointer-events: none;
    padding-left: 10px;
    margin: auto
}

.tab-bar_header__flag-offer-circle {
    pointer-events: none;
    background-color: #f37a1f;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    vertical-align: middle;
    position: relative
}

.tab-bar_header__flag-offer-text {
    pointer-events: none;
    position: absolute;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-45%, -50%);
    transform: translate(-45%, -50%)
}

.tab-bar_header__flag-new {
    margin: auto auto auto 10px;
    padding-left: 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    border-left: 1px solid grey
}

@media only screen and (max-width:767px) {
    .tab-bar_header--inverse {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .tab-bar_header--inverse {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .tab-bar_header--inverse {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .tab-bar_header--inverse {
        width: 984px
    }
}

@media only screen and (min-width:768px) {
    .tab-bar_header--inverse>.tab-bar_header__wrapper {
        width: 100%;
        padding: 0 10px 0 0
    }
}

.tab_icon-button {
    height: 100%;
    width: 60px;
    background-color: #000;
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat
}

.tab_icon-button:hover {
    background-color: #f37a1f
}

.tab_icon-button--compare {
    background-image: url(stihl-styles/resources/icons/icon-compare-white-16.svg)
}

.tab_icon-button--information {
    background-image: url(stihl-styles/resources/icons/icon-info-white-16.svg)
}

.tab-bar_pager {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto
}

.tab-bar_pager.type-toggle {
    -webkit-box-pack: unset;
    justify-content: unset
}

.tab-bar_pager__item {
    height: 60px;
    padding: 0 10px
}

.tab-bar_pager__tab {
    position: relative;
    background: -webkit-linear-gradient(top, transparent 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, transparent 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: #b1b1b1;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    min-width: auto !important
}

.tab-bar_pager__tab.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .tab-bar_pager__tab:hover {
        background-position: 0 -100%
    }
}

.tab-bar_pager__tab.active {
    border-color: #b1b1b1
}

@media (hover:hover) and (pointer:fine) {
    .tab-bar_pager__tab:hover {
        border-color: #b1b1b1
    }
}

.tab-bar_pager__tab:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.tab-bar_pager__tab.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .tab-bar_pager__tab:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .tab-bar_pager__tab {
        width: 100%
    }
}

.tab-bar_pager__tab:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .tab-bar_pager__tab:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .tab-bar_pager__tab:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

.tab-bar_pager__tab:not(:last-child) {
    margin-right: -1px
}

.teaser-highlight-confirmation {
    background-color: #f37a1f;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.teaser-highlight-confirmation__container {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .teaser-highlight-confirmation__container {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .teaser-highlight-confirmation__container {
        width: 984px
    }
}

.teaser-highlight-confirmation__wrapper {
    display: -webkit-box;
    display: flex;
    padding: 30px 10px
}

@media only screen and (min-width:1024px) {
    .teaser-highlight-confirmation__wrapper {
        width: 75%
    }
}

.teaser-highlight-confirmation__check-icon {
    margin: -3px 10px 0 0;
    width: 32px;
    height: 32px
}

.teaser-highlight-confirmation__check-icon::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-check-white-16.svg);
    background-size: 32px 32px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-block
}

.teaser-highlight-confirmation__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin: -6px 0 -7px 20px
}

@media only screen and (min-width:768px) {
    .teaser-highlight-confirmation__headline {
        font-size: 28px
    }
}

.acco {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-top: 1px solid #b1b1b1
}

.acco--open .acco__title::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.acco__tab {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    margin: 0;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 10;
    min-height: 50px;
    padding: 20px 45px 20px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

.acco__tab-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin: 0
}

.acco__tab-icon-arrow-down::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 10px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms
}

.acco--open .acco__tab-icon-arrow-down::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.acco__tab-icon-pen::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-pen-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 10px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms
}

.acco__tab-icon-check::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-check-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 10px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms
}

.acco__label {
    margin-left: 10px
}

.acco__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    height: 0;
    margin-top: -2px;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: height 250ms;
    transition: height 250ms
}

.acco__inner {
    display: -webkit-box;
    display: flex;
    position: absolute;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box
}

.list-shopping-cart__acco .acco__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0
}

.acco-order .acco__inner {
    min-height: 62px
}

.acco__noborder {
    border-bottom: unset
}

.acco__content-container {
    width: 100%
}

.acco__content-container .image,
.acco__content-container .richtexteditor,
.acco__content-container .tabledata,
.acco__content-container .text-img,
.acco__content-container .textimage {
    margin-top: 0;
    margin-bottom: 50px
}

.acco__content-container .textimage .richtexteditor {
    margin-bottom: 0
}

.acco__content-container .download {
    margin-bottom: 40px
}

.acco__content-container .download__icon {
    margin-right: 10px
}

.acco-standard {
    margin-top: 40px;
    margin-bottom: 40px
}

.benefit-summary .acco-standard {
    margin: 30px 0
}

.payment-options {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

@media only screen and (max-width:767px) {
    .payment-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .payment-options {
        margin-left: 120px
    }

    .benefit-summary .payment-options {
        margin-left: 0
    }
}

.payment-options__title {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

@media only screen and (max-width:767px) {
    .payment-options__title {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) {
    .payment-options__title {
	margin-bottom:25px;
    }
}

@media only screen and (max-width:767px) {
    .payment-options .img-comp-3 {
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0 30px;
        margin: -10px -15px
    }

    .benefit-summary .payment-options .img-comp-3 {
        -webkit-box-pack: start;
        justify-content: flex-start;
        margin-right: 0;
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .payment-options .img-comp-3 {
        margin: -15px
    }
}

@media only screen and (max-width:767px) {
    .payment-options .img-comp-3>* {
        margin: 10px 15px
    }
}

@media only screen and (min-width:768px) {
    .payment-options .img-comp-3>* {
        margin: 0 7px
    }
}

.payment-options .img-comp-3>* img {
    height: 100%
}

.img-comp-1 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: -10px
}

.img-comp-1>* {
    height: 45px;
    margin: 0 5px
}

.img-comp-2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: -10px
}

.img-comp-2>* {
    height: 45px;
    margin: 0 5px;
}

.img-comp-3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin: -10px
}

.img-comp-3>* {
    height: 32px;
    margin: 0 7px
}

.form__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: 100%
}

.form__wrapper .form-field {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .form__wrapper .form-field {
        margin-bottom: 10px
    }
}

.form__section {
    margin-bottom: 20px
}

.form__section-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin: 0 10px 30px
}

@media only screen and (min-width:768px) {
    .form__section-title {
        font-size: 32px
    }
}

.form__submit {
    align-self: flex-end
}

@media only screen and (max-width:767px) {
    .form__submit {
        width: 100%
    }
}

.form__text {
    margin: 0 10px 20px
}

@media only screen and (min-width:768px) {
    .form__text {
        margin: 0 10px 10px
    }
}

.form__error {
    color: red
}

.form__form {
    width: 100%;
    margin-bottom: 30px
}

.form__checkbox {
    margin: 0 10px
}

.form-field {
    display: grid;
    grid-gap: 10px;
    grid-template: [row1-start] "label"[row1-end] [row2-start] "input"[row2-end]/1fr;
    position: relative;
    width: 100%
}

.form-field.form-notice {
    grid-template-areas: 'label' 'input' 'error'
}

@media only screen and (min-width:768px) {
    .form-field {
        grid-template: 'label input input input';
        grid-template-columns: 30% repeat(3, minmax(100px, 1fr));
        justify-items: stretch;
        -webkit-box-align: center;
        align-items: center;
        min-width: 500px
    }

    .form-field.form-notice {
        grid-template-areas: 'label input input input' '. error error error'
    }

    .overlay--sidebar .form-field {
        grid-template-columns: 30% repeat(3, minmax(50px, 1fr));
        min-width: unset
    }

    .form-field.form-s {
        grid-template: [row1-start] "label"[row1-end] [row2-start] "input"[row2-end]/1fr;
        min-width: unset
    }

    .form-field.form-s.form-notice {
        grid-template-areas: 'label' 'input' 'error'
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .form-field {
        grid-template-columns: 35% repeat(3, minmax(100px, 1fr))
    }

    .m_overlay-sidebar__content .form-field {
        grid-template: 'label input input';
        grid-template-columns: 30% repeat(2, minmax(100px, 1fr));
        min-width: unset
    }

    .m_overlay-sidebar__content .form-field.form-notice {
        grid-template-areas: 'label input input' '. error error'
    }
}

.form-field__label-text {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin: 0 10px;
    text-transform: none;
    white-space: nowrap
}

.form-field__icon {
    padding-left: 20px;
    margin-right: 10px;
    margin-left: auto
}

.form-field__icon-high {
    grid-area: input;
    align-self: stretch;
    justify-self: flex-end
}

.form-field.form-error .form-field__icon-high {
    border-bottom: 5px solid #f37a1f
}

.form-field__input {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px;
    grid-area: input;
    height: 60px;
    padding: 0 20px;
    background-color: #ededed;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .form-field__input {
        width: 100%
    }
}

.form-field.icon .form-field__input {
    margin-right: 32px
}

.form-field.form-error .form-field__input {
    height: 65px;
    border-bottom: 5px solid #f37a1f
}

.form-field__input--adyen {
    padding: 0
}

.form-field__input--adyen-small {
    grid-area: auto
}

.form-field__label {
    grid-area: label;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center
}

.form-field__label .form-field.form-s {
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .form-field__label {
        width: 100%;
        margin-bottom: 10px
    }
}

.form-field__datalist {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    grid-area: 1/2
}

@media only screen and (min-width:768px) {
    .form-field__datalist {
        z-index: 500
    }
}

.form-field__button {
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 60px;
    width: 60px
}

.form-field__button::after {
    top: 22px;
    right: 22px
}

.form-field__button--datalist::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.form-field__button--password::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-eye-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

@media only screen and (max-width:767px) {
    .form-field--double-1 input:first-of-type {
        justify-self: flex-start;
        width: 30%
    }

    .form-field--double-1 input:not(:first-of-type) {
        justify-self: flex-end;
        width: calc(70% - 10px)
    }
}

@media only screen and (min-width:768px) {
    .form-field--double-1 input:first-of-type {
        grid-column-start: 2;
        grid-column-end: 3
    }

    .form-field--double-1 input {
        grid-column-start: 3;
        grid-column-end: 5
    }
}

@media only screen and (max-width:767px) {
    .form-field--double-2 input:first-of-type {
        justify-self: flex-start;
        width: calc(70% - 10px)
    }

    .form-field--double-2 input:not(:first-of-type) {
        justify-self: flex-end;
        width: 30%
    }
}

@media only screen and (min-width:768px) {
    .form-field--double-2 input:first-of-type {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .form-field--double-2 input {
        grid-column-start: 4;
        grid-column-end: 5
    }
}

.form-field--withlabel {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    min-width: auto
}

@media only screen and (min-width:768px) {
    .form-field--withlabel {
        margin: 10px 0 10px 20px;
        flex-basis: calc(50% - 20px)
    }
}

.form-field--withlabel input {
    border: 1px solid #b1b1b1;
    border-top-width: 2px;
    background-color: transparent
}

@media only screen and (min-width:768px) {
    .form-field--withlabel input {
        width: 100%
    }
}

.form-field--withlabel>.form-field__label {
    position: absolute;
    top: 2px;
    left: 15px;
    z-index: -1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.form-field--withlabel>.form-field__label>.form-field__label-text {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #b1b1b1;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.form-field--withlabel>.form-field__label--animate {
    -webkit-transform: translateY(18px);
    transform: translateY(18px)
}

.form-field--withlabel>.form-field__label--animate>.form-field__label-text {
    font-size: 14px
}

.form-field--withlabel__disabled,
.form-field--withlabel__single {
    flex-basis: 100%
}

@media only screen and (min-width:768px) {

    .form-field--withlabel__disabled input,
    .form-field--withlabel__single input {
        width: calc(50% - 50px)
    }
}

.form-field--withlabel__disabled input {
    background-color: #ededed
}

.form-field__error-message {
    grid-area: error;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin: 0 20px 0 10px
}

.icon-comb_footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin: -20px 0
}

.icon-comb_footer>* {
    height: 32px;
    margin: 20px
}

.tooltip-arrow {
    position: relative
}

.tooltip-arrow::before {
    position: absolute;
    left: 50%;
    pointer-events: none;
    content: '';
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: border 250ms 250ms, z-index 250ms, -webkit-filter 250ms 250ms;
    transition: border 250ms 250ms, z-index 250ms, -webkit-filter 250ms 250ms;
    transition: filter 250ms 250ms, border 250ms 250ms, z-index 250ms;
    transition: filter 250ms 250ms, border 250ms 250ms, z-index 250ms, -webkit-filter 250ms 250ms;
    z-index: 100
}

.tooltip-arrow.close::before {
    -webkit-transition: border 250ms, z-index 250ms 250ms, -webkit-filter 250ms;
    transition: border 250ms, z-index 250ms 250ms, -webkit-filter 250ms;
    transition: filter 250ms, border 250ms, z-index 250ms 250ms;
    transition: filter 250ms, border 250ms, z-index 250ms 250ms, -webkit-filter 250ms;
    z-index: -1
}

.tooltip-arrow.t-border::before {
    top: -13px;
    border-top: 9px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-filter: drop-shadow(0 1px 0 #b1b1b1);
    filter: drop-shadow(0 1px 0 #b1b1b1)
}

.tooltip-arrow.t-border.close::before {
    border-top: 0 solid #fff
}

.tooltip-arrow.t-no-border::before {
    top: -25px;
    border-top: 18px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-filter: drop-shadow(0 4px 6px #ededed);
    filter: drop-shadow(0 4px 6px #ededed);
    clip: rect(0, 100px, 100px, -100px)
}

.tooltip-arrow.t-no-border.close::before {
    border-top: 0 solid #fff
}

.tooltip-arrow.t-bg-gray::before {
    border-top-color: #ededed
}

.tooltip {
    position: absolute;
    left: 50%;
    padding: 20px 50px 20px 20px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    opacity: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: opacity 250ms, z-index 250ms, -webkit-transform 250ms;
    transition: opacity 250ms, z-index 250ms, -webkit-transform 250ms;
    transition: transform 250ms, opacity 250ms, z-index 250ms;
    transition: transform 250ms, opacity 250ms, z-index 250ms, -webkit-transform 250ms;
    z-index: 90;
    top: -25px;
}

.tooltip.close {
    opacity: 0;
    -webkit-transform: translate(-50%, -150%) rotate(6deg);
    transform: translate(-50%, -150%) rotate(6deg);
    -webkit-transition: opacity 250ms 250ms, z-index 250ms 250ms, -webkit-transform 250ms 250ms;
    transition: opacity 250ms 250ms, z-index 250ms 250ms, -webkit-transform 250ms 250ms;
    transition: transform 250ms 250ms, opacity 250ms 250ms, z-index 250ms 250ms;
    transition: transform 250ms 250ms, opacity 250ms 250ms, z-index 250ms 250ms, -webkit-transform 250ms 250ms;
    z-index: -1;
    visibility: hidden;
}

@media only screen and (max-width:767px) {
    .tooltip {
        width: calc(100vw - (20px * 2))
    }
}

.tooltip__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    align-self: flex-start;
    margin-bottom: 10px
}

.tooltip__link::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.tooltip__link:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.tooltip__link+a:last-child {
    margin-bottom: 0
}

.tooltip__close-x {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0
}

.tooltip__close-x.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .tooltip__close-x:hover {
        background-position: 0 -100%
    }
}

.tooltip__close-x.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .tooltip__close-x:hover {
        border-color: transparent
    }
}

.tooltip__close-x:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.tooltip__close-x::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-cross-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.tooltip__inner {
    display: -webkit-box;
    display: flex
}

.column-view .tooltip__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.tooltip.t-border,
.tooltip.t-no-border {
    min-width: 125px
}

.tooltip.t-border {
    top: -12px;
    border: 1px solid #b1b1b1
}

@media only screen and (min-width:768px) {
    .tooltip.t-border {
        max-width: 314px
    }
}

.tooltip.t-border .tooltip__close-x {
    top: -1px;
    right: -1px
}

.tooltip.t-no-border {
    -webkit-filter: drop-shadow(0 4px 6px #ededed);
    filter: drop-shadow(0 4px 6px #ededed)
}

@media only screen and (min-width:768px) {
    .tooltip.t-no-border {
        max-width: 600px
    }
}

.tooltip.t-bg-gray {
    background-color: #ededed
}

.tooltip__img {
    width: 100px;
    margin-right: 20px
}

.tooltip__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-bottom: 20px
}

.tooltip__text {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 10px
}

.tooltip__text+.tooltip__text:last-child {
    margin-bottom: 0
}

.teaser-product-category-tile__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 20px;
    border-bottom: 1px solid #b1b1b1
}

.teaser-product-category-tile__image-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 75%;
    overflow: hidden
}

.teaser-product-category-tile__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.teaser-product-category-tile__image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.teaser-product-category-tile__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 10px
}

.teaser-product-category-tile__link::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 100%;
    left: 100%;
    -webkit-transform: translate3d(17px, -100%, 0);
    transform: translate3d(17px, -100%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.teaser-product-category-tile__link:hover::after {
    -webkit-transform: translate3d(22px, -100%, 0);
    transform: translate3d(22px, -100%, 0)
}

.teaser-product-category-tile:hover .teaser-product-category-tile__image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.teaser-standard-tile {
    cursor: pointer
}

.teaser-standard-tile .teaser-product-category-tile__image-wrapper {
    padding-top: 56.25%
}

.teaser-standard-tile .teaser-product-category-tile__link {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 22px;
    height: auto;
    word-break: normal
}

.toggle {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0
}

.toggle__background {
    position: relative;
    height: 20px;
    width: 36px;
    border-radius: 10px;
    background: #b1b1b1;
    flex-shrink: 0;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms
}

.toggle.active .toggle__background {
    background: #000
}

.toggle__background::after {
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    margin: 2px;
    border-radius: 50%;
    background: #fff;
    content: '';
    -webkit-transition: left 250ms, -webkit-transform 250ms;
    transition: left 250ms, -webkit-transform 250ms;
    transition: left 250ms, transform 250ms;
    transition: left 250ms, transform 250ms, -webkit-transform 250ms
}

.toggle.active .toggle__background::after {
    left: calc(100% - 4px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.toggle label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-left: 10px
}

.toggle input {
    display: none
}

.checkbox {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox__text {
    margin-bottom: -3px
}

.checkbox.standard .checkbox__text {
    margin-left: 10px
}

.checkbox.big .checkbox__text {
    margin-left: 25px
}

.checkbox__mark {
    position: relative;
    box-sizing: border-box
}

.checkbox__mark::after {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.checkbox.checked .checkbox__mark::after {
    display: block
}

.checkbox.standard .checkbox__mark {
    height: 16px;
    width: 16px;
    border: 1px solid #000
}

.checkbox.big .checkbox__mark {
    height: 45px;
    width: 45px;
    border: 1px solid #b1b1b1
}

.checkbox.checked.standard .checkbox__mark::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-check-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}

.checkbox.checked.big .checkbox__mark {
    background: #000;
    border: 1px solid #000
}

.checkbox.checked.big .checkbox__mark::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-check-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}

.checkbox.checked .checkbox__mark::after,
.checkbox:hover .checkbox__mark::after {
    display: block
}

.checkbox:hover .checkbox__mark::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-check-grey-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}

.checkbox input {
    display: none
}

.checkbox--disabled {
    pointer-events: none
}

.checkbox .form__submit {
    align-self: unset
}

.checkbox-btn {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    min-width: 280px;
    min-height: 72px;
    padding: 20px 10px;
    background: #ededed;
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .checkbox-btn {
        min-height: 104px;
        padding: 20px 30px 20px 10px
    }
}

@media only screen and (max-width:767px) {
    .checkbox-btn__icon.truck {
        content: '';
        background: url(stihl-styles/resources/icons/icon-truck-64.svg) no-repeat center/contain;
        position: absolute;
        height: 32px;
        width: 32px
    }
}

@media only screen and (min-width:768px) {
    .checkbox-btn__icon.truck {
        content: '';
        background: url(stihl-styles/resources/icons/icon-truck-64.svg) no-repeat center/contain;
        position: absolute;
        height: 64px;
        width: 64px
    }
}

.checkbox-btn__input {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-flow: row-reverse;
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 42px
}

@media only screen and (min-width:768px) {
    .checkbox-btn__input {
        margin-left: 84px
    }
}

.checkbox-btn__input label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-left: 0;
    margin-right: 10px
}

@media only screen and (min-width:768px) {
    .checkbox-btn__input label {
        margin-right: 30px
    }
}

.list-anchor--fixed .list-anchor__link,
.tag_filter-2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    width: 100%;
    height: 35px;
    padding: 0 20px
}

.list-anchor--fixed .list-anchor__link--active,
.tag_filter-2--active {
    color: #fff;
    background-color: #000
}

.qty-select {
    display: grid;
    grid: 'minus input plus' 30px/30px 1fr 30px;
    width: 100%;
    border: 1px solid #b1b1b1;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .qty-select__plus {
        margin-left: -17px !important
    }
}

@media only screen and (min-width:768px) {
    .qty-select {
        width: 140px
    }
}

.qty-select__minus,
.qty-select__plus {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 32px;
    width: 32px;
    margin: -1px
}

.qty-select__minus.active,
.qty-select__plus.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {

    .qty-select__minus:hover,
    .qty-select__plus:hover {
        background-position: 0 -100%
    }
}

.qty-select__minus.active,
.qty-select__plus.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {

    .qty-select__minus:hover,
    .qty-select__plus:hover {
        border-color: transparent
    }
}

.qty-select__minus:disabled,
.qty-select__plus:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.qty-select__minus::after,
.qty-select__plus::after {
    position: relative;
    z-index: 1
}

.qty-select__minus:disabled,
.qty-select__plus:disabled {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1
}

.qty-select__minus::after,
.qty-select__plus::after {
    content: '';
    height: 14px;
    width: 14px;
    background: #fff
}

.qty-select__minus .btn-inner,
.qty-select__plus .btn-inner {
    display: none
}

.qty-select__minus:disabled {
    border-left: 1px solid #b1b1b1
}

.qty-select__minus::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-minus-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    position: relative
}

.qty-select__plus:disabled {
    border-right: 1px solid #b1b1b1
}

.qty-select__plus::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-plus-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    position: relative
}

.qty-select__input {
    width: 100%;
    text-align: center;
    -moz-appearance: textfield
}

.qty-select__input::-webkit-inner-spin-button,
.qty-select__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.infobox {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 30px 10px;
    border: 1px solid #b1b1b1
}

.infobox__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    padding: 0 10px;
    margin: 0 0 30px
}

@media only screen and (min-width:768px) {
    .infobox__headline {
        font-size: 22px
    }
}

.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: .8;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 100
}

.loader__animation {
    position: relative;
    margin: auto auto;
    width: 64px
}

.loader--medium {
    width: 32px
}

.loader--small {
    width: 16px
}

.loader .circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%
}

.loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: #f37a1f
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 150, 200;
        stroke-dashoffset: -50px
    }

    100% {
        stroke-dasharray: 150, 200;
        stroke-dashoffset: -160px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 150, 200;
        stroke-dashoffset: -50px
    }

    100% {
        stroke-dasharray: 150, 200;
        stroke-dashoffset: -160px
    }
}

@-webkit-keyframes dash-small {
    0% {
        stroke-dasharray: 1, 50;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 40, 50;
        stroke-dashoffset: -10px
    }

    100% {
        stroke-dasharray: 40, 50;
        stroke-dashoffset: -45px
    }
}

@keyframes dash-small {
    0% {
        stroke-dasharray: 1, 50;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 40, 50;
        stroke-dashoffset: -10px
    }

    100% {
        stroke-dasharray: 40, 50;
        stroke-dashoffset: -45px
    }
}

.headline {
    margin-left: 10px;
    margin-top: 47px
}

.headline__container {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media only screen and (min-width:768px) {
    .headline__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .headline__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .headline__container {
        width: 984px
    }
}

.headline__wrapper {
    margin: 0 10px;
    width: 100%
}

.orderreturnpdflinks .download {
    margin-bottom: 10px
}

.download.section~.download {
    margin-top: 30px !important
}

@media only screen and (max-width:767px) {
    .download__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .download__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .download__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .download__container {
        width: 984px
    }
}

.download:not(:last-of-type) .download__item {
    padding-bottom: 30px;
    border-bottom: 1px solid #b1b1b1
}

.download__item {
    display: grid;
    grid-gap: 10px
}

.download.download--button .download__item {
    grid-template:
        [row1-start] "label title" 32px [row1-end]
        [row2-start] ". info" auto [row2-end] / 32px auto;
    width: 230px;
    margin: 10px 0;
    border-color: rgba(0, 0, 0, 0);
}

.download.download--button .download__item:hover .download__icon::before {
    -webkit-animation: bg-in .4s;
    animation: bg-in .4s
}

.download.download--list .download__item {
    grid-template: [row1-start] "title icon" auto [row1-end] [row2-start] "size ." auto [row2-end]/auto auto
}

.download__icon {
    grid-area: icon
}

.download.download--button .download__icon {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.download.download--button .download__icon.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .download.download--button .download__icon:hover {
        background-position: 0 -100%
    }
}

.download.download--button .download__icon::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-2-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.download.download--list .download__icon {
    justify-self: end;
    width: 16px;
    height: 16px
}

.download.download--list .download__icon::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-2-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.download__title {
    grid-area: title
}

.download.download--button .download__title {
    text-align: left;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, 'Arial', sans-serif;
    line-height: 1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-weight: bold;
    font-size: 16px;
    align-self: center
}

.download.download--list .download__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.ratio-image {
    position: relative;
    padding-top: 75%
}

.ratio-image.1x1 {
    padding-top: 100%
}

.ratio-image.3x4 {
    padding-top: 133.33333%
}

.ratio-image.4x3 {
    padding-top: 75%
}
.ratio-category {
    padding-top: 70%!important;
}
.ratio-image.16x9 {
    padding-top: 56.25%
}

.ratio-image picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ratio-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.notification {
    display: -webkit-box;
    display: flex;
    background-color: #ededed;
    margin-bottom: 30px
}

.notification__icon {
    margin: 0 20px
}

.notification__section {
    width: 100%
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .notification__section {
        width: 50%
    }
}

.notification__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    padding-bottom: 15px
}

@media only screen and (min-width:1024px) {
    .notification__title {
        padding-bottom: 10px
    }
}

.notification__desc {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    padding-right: 20px
}

.order-information__link {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.errorbanner .m-stage {
    margin-bottom: 0;
    height: calc(100vh - 102px);
    max-height: 1000px
}

.errorpage.hideHeader .errorbanner .m-stage {
    height: 100vh
}

.errorbanner .hdl-c-2::after {
    width: 0;
    height: 0;
    margin-top: 0
}

.errorbanner .headline {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%
}

.errorbanner .headline .headline__wrapper {
    margin-left: 0;
    width: 100%;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px
}

@media only screen and (min-width:768px) {
    .errorbanner .headline .headline__wrapper {
        font-size: 32px
    }
}

.errorbanner .headline .headline__wrapper::after {
    display: block;
    content: '';
    background-color: #000
}

.errorbanner .headline .headline__wrapper::after {
    width: 27px;
    height: 5px;
    margin-top: 8px
}

@media only screen and (min-width:768px) {
    .errorbanner .headline .headline__wrapper::after {
        width: 20px;
        height: 4px;
        margin-top: 11px
    }
}

.errorbanner .link {
    margin-top: 8px
}

.errorpage .footerwrapper {
    margin-top: 0
}

.errorpage.hideHeader {
    padding-top: 0
}

.notification-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    min-height: 45px;
    padding: 15px 20px;
    box-sizing: border-box
}

.notification-list:not(:last-child) {
    margin-bottom: 10px
}

.notification-list.default {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    background: #ededed
}

.notification-list.warning {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    background: #f37a1f
}

.notification-benefits {
    display: -webkit-box;
    display: flex;
    box-sizing: border-box;
    background: #ededed;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    padding: 20px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .notification-benefits {
        min-height: 60px;
        padding: 14px 10px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.notification-benefits--info {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .notification-benefits--info:not(:first-child) {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) {
    .notification-benefits--info {
        margin: 0 15px
    }
}

.notification-benefits--icon {
    display: -webkit-box;
    display: flex;
    margin-right: 10px
}

.list-price {
    position: relative
}

.list-price.btn-selection,
.list-price.infobox-product {
    display: -webkit-box;
    display: flex
}

.list-price.infobox-product {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap
}

.list-price.infobox-product .list-price__rrp+.list-price__unit::before {
    content: '/';
    margin-right: 10px
}

.list-price.btn-selection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-align: end;
    align-items: flex-end
}

.list-price__buy {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.list-price.infobox-product .list-price__buy {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .list-price.infobox-product .list-price__buy {
        font-size: 32px
    }
}

.list-shopping-cart__summery .list-price__buy {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__summery .list-price__buy {
        font-size: 19px
    }
}

.list-price.rrp-price .list-price__buy {
    color: #f37a1f
}

@media only screen and (max-width:767px) {
    .list-price.rrp-price .list-price__buy {
        display: -webkit-box;
        display: flex
    }
}

@media only screen and (min-width:1024px) {
    .list-price.rrp-price .list-price__buy {
        display: -webkit-box;
        display: flex
    }
}

.list-price__buy-from {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.list-price__rrp {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.list-price.infobox-product .list-price__rrp {
    margin: 5px 10px 0 0
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .list-price.list-product .list-price__rrp {
        margin-left: 10px
    }
}

@media only screen and (max-width:1023px) {
    .list-price.tile-product .list-price__rrp {
        position: absolute;
        top: 100%;
        left: 0
    }
}

@media only screen and (min-width:1024px) {
    .list-price.btn-selection .list-price__rrp {
        margin: unset
    }

    .list-price.infobox-product .list-price__rrp {
        margin: 5px 10px 0 0
    }
}

.list-price__disclaimer {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.list-price__disclaimer-confirmation {
    padding-left: 10px;
    padding-top: 10px
}

@media only screen and (max-width:529px) {
    .list-price__disclaimer-confirmation {
        padding-bottom: 30px
    }
}

.list-price__disclaimer-infobox {
    padding-top: 20px
}

@media only screen and (max-width:1023px) {
    .list-price__disclaimer-infobox {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:768px) {
    .list-price__disclaimer-picker {
        padding-top: 20px;
        padding-left: 51%
    }
}

@media only screen and (max-width:529px) {
    .list-price__disclaimer-picker {
        padding-left: 10px;
        padding-right: 10px
    }
}

.list-price__disclaimer-infobox-overlay {
    padding-top: 10px
}

.list-price__disclaimer-cart {
    padding-left: 10px;
    padding-top: 20px
}

.list-price__disclaimer-cartline {
    border-top: 1px solid #b1b1b1
}

.list-price__disclaimer-checkout {
    padding-top: 10px;
    padding-left: 10px
}

.list-price__disclaimer-grid {
    padding-right: 10px;
    padding-left: 10px
}

.list-price__unit {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: 0
}

.list-price.infobox-product .list-price__unit {
    position: unset;
    margin-top: 5px
}

@media only screen and (max-width:1023px) {
    .list-price.tile-product .list-price__unit {
        display: none
    }
}

.language-picker .overlay {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: ease opacity .3s;
    transition: ease opacity .3s
}

.language-picker .overlay .black-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute
}

.language-picker .overlay.active {
    opacity: 1;
    pointer-events: auto
}

.language-picker .modal {
    width: 820px;
    max-width: 100vw;
    height: 720px;
    max-height: 100vh;
    background: #fff;
    position: relative;
    text-transform: none
}

@media only screen and (max-width:768px) {
    .language-picker .modal {
        width: 100vw;
        height: 100vh
    }
}

.language-picker .modal-close {
    width: 45px;
    height: 45px;
    background-color: #000;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.language-picker .modal-close::before {
    display: inline-block;
    content: ' ';
    background-image: url(stihl-styles/resources/icons/icon-cross-white-16.svg);
    background-size: 16px 16px;
    background-position: 0;
    height: 16px;
    width: 16px;
    min-width: 16px
}

.language-picker .no-accordion .modal-content--dropdown-header {
    display: none
}

.language-picker .no-accordion .modal-content--dropdown-container {
    height: auto;
    max-height: none;
    border-bottom: none;
    margin-bottom: 5px
}

.language-picker .no-accordion .modal-content--dropdown-list {
    margin: 0
}

.language-picker .modal-content {
    width: 100%;
    box-sizing: border-box;
    margin-top: 80px;
    height: calc(100% - 125px);
    padding: 0 95px;
    overflow-y: scroll
}

@media only screen and (max-width:768px) {
    .language-picker .modal-content {
        padding: 0 20px
    }
}

.language-picker .modal-content .hdl-3 {
    margin-top: 0
}

.language-picker .modal-content::-webkit-scrollbar {
    width: 15px;
    background-color: rgba(255, 255, 255, 0)
}

.language-picker .modal-content::-webkit-scrollbar-thumb,
.language-picker .modal-content::-webkit-scrollbar-track {
    border: 5px solid rgba(255, 255, 255, 0);
    background-clip: padding-box
}

.language-picker .modal-content::-webkit-scrollbar-track {
    background-color: #ededed
}

.language-picker .modal-content::-webkit-scrollbar-thumb {
    background-color: #000
}

.language-picker .modal-content--dropdown-container {
    border-bottom: 1px solid #b1b1b1;
    max-height: 50px;
    overflow: hidden;
    -webkit-transition: ease border-bottom .3s, ease max-height .3s;
    transition: ease border-bottom .3s, ease max-height .3s
}

.language-picker .modal-content--dropdown-container:last-of-type {
    border-bottom: 1px solid rgba(177, 177, 177, 0)
}

.language-picker .modal-content--dropdown-container.active {
    max-height: 300px;
    border-bottom: 1px solid rgba(177, 177, 177, 0)
}

.language-picker .modal-content--dropdown-container.active .modal-content--dropdown-header::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.language-picker .modal-content--dropdown-container h5.hdl-7 {
    margin: 0 0 0 20px
}

.language-picker .modal-content--dropdown-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 50px;
    cursor: pointer
}

.language-picker .modal-content--dropdown-header::after {
    display: block;
    content: ' ';
    background-image: url(stihl-styles/resources/icons/icon-arrow-down-16.svg);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    margin-right: 20px;
    -webkit-transition: ease transform .3s;
    transition: ease transform .3s
}

.language-picker .modal-content--dropdown-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    margin: 15px 0 29px
}

@media only screen and (max-width:768px) {
    .language-picker .modal-content--dropdown-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.language-picker .modal-content--dropdown-item {
    margin: 0;
    padding: 15px 0;
    font-family: 'STIHL Contraface Text', Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: -webkit-box;
    display: flex
}

.language-picker .modal-content--dropdown-item::before {
    display: inline-block;
    content: ' ';
    background-image: url(stihl-styles/resources/icons/icon-check-16.svg);
    background-size: 16px 19px;
    background-position: 0;
    height: 19px;
    width: 16px;
    min-width: 16px;
    -webkit-transition: ease transform .3s;
    transition: ease transform .3s;
    opacity: .2;
    margin-right: 20px
}

.language-picker .modal-content--dropdown-item.active,
.language-picker .modal-content--dropdown-item:hover {
    font-weight: 700
}

.language-picker .modal-content--dropdown-item.active::before,
.language-picker .modal-content--dropdown-item:hover::before {
    opacity: 1
}

.list-confirmation:not(:last-child),
.list-shopping-cart:not(:last-child) {
    margin-bottom: 10px;
    border-bottom: 1px solid #b1b1b1
}

.list-shopping-cart__wrapper {
    overflow: hidden
}

.list-shopping-cart__wrapper-inner {
    margin-bottom: 50px
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__wrapper-inner {
        margin-bottom: 60px
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__wrapper-inner-container {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.list-shopping-cart__product {
    display: grid;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    padding-top: 20px
}

@media only screen and (max-width:767px) {
    .shopping-cart__check-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        box-shadow: 0 0 14px -4px #000
    }
}

@media only screen and (max-width:529px) {
    .list-shopping-cart__product {
        grid-template: [row1-start] "img"[row1-end] [row2-start] "info"[row2-end] [row3-start] "price"[row3-end] [row4-start] "stock"[row4-end] [row5-start] "qty"[row5-end] [row6-start] "summery"[row6-end]/1fr
    }

    .list-shopping-cart.with-flags .list-shopping-cart__product,
    .with-flags.list-confirmation .list-shopping-cart__product {
        grid-template: [row1-start] "img"[row1-end] [row2-start] "flags"[row2-end] [row3-start] "info"[row3-end] [row4-start] "price"[row4-end] [row5-start] "stock"[row5-end] [row6-start] "qty"[row6-end] [row7-start] "summery"[row7-end]/1fr
    }
}

@media only screen and (max-width:767px) {
    .list-shopping-cart__product>:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__product {
        grid-gap: 0 20px;
        grid-template: [row1-start] "img info"[row1-end] [row2-start] "img price"[row2-end] [row3-start] "stock stock"[row3-end] [row4-start] "qty summery"[row4-end]/1fr 1fr
    }

    .list-shopping-cart.with-flags .list-shopping-cart__product,
    .with-flags.list-confirmation .list-shopping-cart__product {
        grid-template: [row1-start] "flags flags"[row1-end] [row2-start] "img info"[row2-end] [row3-start] "img price"[row3-end] [row4-start] "stock stock"[row4-end] [row5-start] "qty summery"[row5-end]/1fr 1fr
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .list-shopping-cart__product {
        grid-template: [row1-start] "img info info stock stock stock"[row1-end] [row2-start] "img price price qty summery summery"[row2-end];
        grid-template-columns: repeat(6, 1fr)
    }

    .shipping-method .list-shopping-cart__product {
        grid-template: [row1-start] "img info info stock stock stock"[row1-end] [row2-start] "img qty stock stock stock"[row2-end];
        grid-template-columns: repeat(6, 1fr)
    }
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__product {
        grid-gap: 30px 20px;
        padding-bottom: 30px;
        padding-right: 10px
    }

    .list-shopping-cart.with-flags .list-shopping-cart__product,
    .with-flags.list-confirmation .list-shopping-cart__product {
        padding-top: 25px
    }

    .list-shopping-cart__product__acco {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__product {
        grid-template: [row1-start] "img img info info info stock stock stock stock . qty qty"[row1-end] [row2-start] "img img price price price stock stock stock stock . summery summery"[row2-end];
        grid-template-columns: repeat(12, 1fr)
    }

    .shipping-method .list-shopping-cart__product {
        grid-template: [row1-start] "img img info info info stock stock stock stock . . ."[row1-end] [row2-start] "img img qty qty qty stock stock stock stock . . ."[row2-end];
        grid-template-columns: repeat(12, 1fr)
    }
}

.list-shopping-cart__notice:not(:empty) {
    margin-bottom: 10px
}

.list-shopping-cart__img {
    position: relative;
    padding-top: 75%
}

.list-shopping-cart__img-box {
    grid-area: img
}

@media only screen and (max-width:529px) {
    .list-shopping-cart__product .list-shopping-cart__img-box {
        margin-bottom: 0
    }
}

.list-shopping-cart__img picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.list-shopping-cart__img picture>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.list-shopping-cart__detail {
    grid-area: info;
    position: relative
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__detail {
        margin-right: 10px
    }
}

@media only screen and (min-width:530px) {
    .list-shopping-cart__detail {
        margin-top: 10px
    }
}

.list-shopping-cart__detail-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    display: block;
    margin-bottom: 5px
}

@media only screen and (max-width:529px) {
    .list-shopping-cart__detail-name {
        margin-right: 35px
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__detail-name {
        margin-right: 45px
    }
}

.list-shopping-cart__detail-category {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: 12px
}

.list-shopping-cart__detail-list {
    margin-top: 15px
}

.list-shopping-cart__detail-entry {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.list-shopping-cart__detail-entry:not(:last-child) {
    margin-bottom: 5px
}

.list-shopping-cart__detail-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-left: 5px
}

.list-shopping-cart__detail-promotions {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px
}

.list-shopping-cart__price-box {
    grid-area: price;
    align-self: flex-end
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__price-box {
        margin: 0 10px
    }
}

.list-shopping-cart__unit-price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.list-shopping-cart__stock {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    align-content: center;
    margin-bottom: 10px
}

.list-shopping-cart__stock-box {
    grid-area: stock;
    align-self: flex-start
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .list-shopping-cart__stock-box {
        margin-right: 55px
    }
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__stock-box {
        margin-top: 10px
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__stock-box-status {
        margin-top: 0;
        margin-left: 25%
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__stock-box-quantity {
        margin-left: 25%
    }
}

.list-shopping-cart__stock-icon {
    margin-right: 10px
}

.list-shopping-cart__stock-date {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 6px
}

.list-shopping-cart__summery {
    grid-area: summery;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    align-self: baseline
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__summery {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:767px) {
    .list-shopping-cart__summery {
        margin-right: 10px
    }
}

@media only screen and (max-width:1023px) {
    .list-shopping-cart__summery {
        align-self: flex-end
    }
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__summery .list-price {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-flow: column-reverse;
        margin-top: auto
    }
}

.list-shopping-cart__summery--discount {
    color: #f37a1f !important
}

.list-shopping-cart__remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    cursor: pointer
}

@media only screen and (max-width:529px) {
    .list-shopping-cart__remove {
        right: 0
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__remove {
        right: 10px
    }
}

@media only screen and (max-width:767px) {
    .list-shopping-cart__remove {
        grid-area: info
    }
}

@media only screen and (min-width:530px) {
    .list-shopping-cart__remove {
        top: -5px
    }
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__remove {
        grid-area: stock
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__remove {
        grid-area: qty
    }
}

.list-shopping-cart__remove::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-bin-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 0;
    left: 0
}

.list-shopping-cart__quantity {
    grid-area: qty;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-shopping-cart__product .list-shopping-cart__quantity {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .list-shopping-cart__quantity {
        align-self: flex-end
    }

    .shipping-method .list-shopping-cart__quantity {
        justify-self: unset;
        align-self: unset
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__quantity {
        justify-self: flex-end
    }
}

.list-shopping-cart__quantity-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

@media only screen and (max-width:529px) {
    .list-shopping-cart__quantity-title {
        display: none
    }
}

@media only screen and (min-width:530px) {
    .list-shopping-cart__quantity-title {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .list-shopping-cart__quantity-title {
        align-self: flex-end
    }
}

@media only screen and (min-width:768px) {
    .shipping-method .list-shopping-cart__quantity-title {
        justify-self: unset;
        margin: 0
    }
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__quantity-title {
        justify-self: flex-end;
        margin: auto 0 10px
    }
}

.list-shopping-cart__quantity-title-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-bottom: 5px
}

@media only screen and (max-width:767px) {
    .list-shopping-cart__quantity-title-title {
        padding: 0 10px
    }
}

.list-shopping-cart__quantity-title-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.list-shopping-cart__delivery,
.list-shopping-cart__delivery-point {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: baseline;
    align-items: baseline
}

.list-shopping-cart__delivery-point-point-service,
.list-shopping-cart__delivery-point-service,
.list-shopping-cart__delivery-point-status,
.list-shopping-cart__delivery-status {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin: 10px 0
}

.list-shopping-cart__delivery-point-point-service-icon,
.list-shopping-cart__delivery-point-service-icon,
.list-shopping-cart__delivery-point-status-icon,
.list-shopping-cart__delivery-status-icon {
    margin-right: 10px
}

.list-shopping-cart__tracking {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    align-self: flex-start
}

@media only screen and (min-width:1024px) {
    .list-shopping-cart__tracking {
        grid-area: qty;
        margin-left: auto;
        text-align: right
    }
}

.list-shopping-cart__tracking-btn {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    padding: 0;
    text-align: right
}

.list-confirmation .acco .list-shopping-cart__detail-list,
.list-shopping-cart .acco .list-shopping-cart__detail-list {
    margin: 0;
    padding-left: 10px;
    padding-right: 10px
}

.list-confirmation .list-flags,
.list-shopping-cart .list-flags {
    grid-area: flags
}

@media only screen and (max-width:529px) {

    .list-confirmation .list-flags,
    .list-shopping-cart .list-flags {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {

    .list-confirmation .list-flags,
    .list-shopping-cart .list-flags {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {

    .list-confirmation .list-flags,
    .list-shopping-cart .list-flags {
        grid-area: info/info/stock/stock;
        position: absolute;
        bottom: 100%
    }
}

.notification_list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    background-color: #ededed;
    padding: 10px 20px;
    min-height: 45px
}

.notification_list button {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.notification_list b {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.list_headline-copy {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #b1b1b1;
    margin-top: 30px;
    width: 100%
}

.list_headline-copy::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 0;
    top: 50%
}

.list_headline-copy:first-child {
    padding-top: 30px
}

.list_headline-copy p {
    margin-bottom: 10px
}

.list_headline-copy__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-bottom: 10px
}

.list_headline-copy__address {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

.list_headline-copy__address--distance {
    margin-top: 30px;
    margin-left: 25px;
    position: relative
}

@media only screen and (max-width:767px) {
    .list_headline-copy__address--distance {
        margin-top: 20px
    }
}

.list_headline-copy__address--distance::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-distance-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    left: -25px;
    top: 4px
}

.product-return {
    margin-bottom: 10px
}

.product-return__product {
    display: grid;
    grid-gap: 30px 20px;
    grid-template: [row1-start] "check" auto [row1-end] [row2-start] "img" auto [row2-end] [row3-start] "info" auto [row3-end] [row4-start] "price" auto [row4-end] [row5-start] "qty" auto [row5-end] [row6-start] "reason" auto [row6-end]/1fr;
    position: relative;
    box-sizing: border-box;
    padding: 10px 0 20px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .product-return__product {
        grid-template: [row1-start] "check img info info qty qty" auto [row1-end] [row2-start] "check img info info reason reason" auto [row2-end];
        grid-template-columns: repeat(6, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .product-return__product {
        grid-template: [row1-start] "check img img info info info . qty qty qty qty qty" auto [row1-end] [row2-start] "check img img info info info . reason reason reason reason reason" auto [row2-end];
        grid-template-columns: repeat(12, 1fr)
    }
}

.product-return__check {
    grid-area: check;
    justify-self: center;
    align-self: center
}

@media only screen and (max-width:767px) {
    .product-return__check {
        justify-self: flex-start
    }
}

.product-return__img {
    position: relative;
    padding-top: 75%
}

.product-return__img-box {
    grid-area: img
}

.product-return__img picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.product-return__img picture>img {
    height: 100%;
    width: 100%;
    object-fit: scale-down
}

.product-return__detail {
    grid-area: info;
    position: relative
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .product-return__detail {
        margin-right: 10px
    }
}

@media only screen and (min-width:768px) {
    .product-return__detail {
        margin-top: 10px
    }
}

.product-return__detail-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    display: block;
    margin-bottom: 5px
}

@media only screen and (max-width:767px) {
    .product-return__detail-name {
        margin-right: 45px
    }
}

.product-return__detail-category {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 15px
}

.product-return__detail-entry {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.product-return__detail-entry:not(:last-child) {
    margin-bottom: 5px
}

.product-return__detail-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-left: 5px
}

.product-return__price-box {
    grid-area: price;
    margin-top: 20px;
    align-self: flex-end
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .product-return__price-box {
        justify-self: flex-end;
        margin-right: 10px
    }
}

.product-return__unit-price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.product-return__quantity {
    grid-area: qty;
    margin-top: 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

@media only screen and (min-width:768px) {
    .product-return__quantity {
        justify-self: flex-end
    }
}

@media only screen and (min-width:1024px) {
    .product-return__quantity {
        align-self: flex-end
    }
}

.product-return__quantity-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

@media only screen and (max-width:529px) {
    .product-return__quantity-title {
        display: none
    }
}

@media only screen and (min-width:530px) {
    .product-return__quantity-title {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .product-return__quantity-title {
        align-self: flex-end
    }
}

@media only screen and (min-width:1024px) {
    .product-return__quantity-title {
        justify-self: flex-end;
        margin: auto 0 10px
    }
}

.product-return__quantity-title-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-bottom: 5px
}

@media only screen and (max-width:767px) {
    .product-return__quantity-title-title {
        padding: 0 10px
    }
}

.product-return__quantity-title-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.product-return__quantity__delivery {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: baseline;
    align-items: baseline
}

.product-return__quantity__delivery-status {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin: 10px 0
}

.product-return__quantity__delivery-status-icon {
    margin-right: 10px
}

.product-return__quantity.info {
    display: -webkit-box;
    display: flex;
    position: relative
}

.product-return__quantity.info .icon-circle {
    border: 2px solid #000;
    position: absolute;
    left: 0
}

.product-return__quantity-description {
    margin-left: 45px
}

.product-return__reason {
    grid-area: reason;
    display: block;
    min-width: unset
}

.product-return__reason input {
    width: 100%;
    text-overflow: ellipsis;
    padding-right: 40px
}

@media only screen and (max-width:767px) {
    .product-return__danger {
        grid-row: 7;
        grid-column: unset
    }
}

@media only screen and (min-width:768px) {
    .product-return__danger {
        grid-column: 5/-1
    }
}

@media only screen and (min-width:1024px) {
    .product-return__danger {
        grid-column: 8/-1
    }
}

.product-return__danger.exclamation {
    display: -webkit-box;
    display: flex;
    position: relative
}

.product-return__danger.exclamation .icon-circle {
    position: absolute;
    left: 0
}

.product-return .richtexteditor {
    margin-top: 0
}

.product-return__submit {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end
}

.product-return__submit-btn {
    margin-top: 15px
}

.product-return__submit .error-message {
    margin-top: 10px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .product-return__submit .error-message {
        align-self: center
    }
}

.product-return__article {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 700
}

.product-return__information {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px
}

.product-return__information-address {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin: 20px 0 20px 10px
}

.product-return__information-box {
    width: 350px;
    padding: 10px 10px 10px 0;
    background-color: #ededed
}

.product-return__information-box-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin: 5px 0
}

.product-return__information-box_wrapper {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.product-return__information-box_wrapper span {
    margin-bottom: 5px;
    display: block
}

.product-return__information-box_wrapper .checkout-select__icon {
    margin-left: 10px;
    margin-right: 10px
}

.product-return__bottom_border {
    border-bottom: 1px solid #b1b1b1
}

.product-return-confirmation {
    margin-bottom: 10px
}

.product-return-confirmation__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin: 20px 0
}

@media only screen and (min-width:768px) {
    .product-return-confirmation__headline {
        font-size: 22px
    }
}

.product-return-confirmation__headline:not(:first-child) {
    margin-top: 30px
}

.product-return-confirmation__product {
    display: grid;
    grid-gap: 30px 20px;
    grid-template: [row1-start] "img" auto [row1-end] [row2-start] "info" auto [row2-end] [row3-start] "price" auto [row3-end] [row4-start] "carrier" auto [row4-end] [row5-start] "reason" auto [row5-end] [row6-start] "qty" auto [row6-end]/1fr;
    position: relative;
    box-sizing: border-box;
    padding: 10px 0 20px
}

@media only screen and (max-width:767px) {
    .product-return-confirmation__product {
        padding-bottom: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .product-return-confirmation__product {
        grid-template: 'img info carrier carrier reason reason' auto;
        grid-template-columns: repeat(6, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .product-return-confirmation__product {
        grid-template: 'img img info info info . carrier carrier carrier . reason reason' auto;
        grid-template-columns: repeat(12, 1fr)
    }
}

.product-return-confirmation__img {
    position: relative;
    padding-top: 75%
}

.product-return-confirmation__img-box {
    grid-area: img
}

.product-return-confirmation__img picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.product-return-confirmation__img picture>img {
    height: 100%;
    width: 100%;
    object-fit: scale-down
}

.product-return-confirmation__detail {
    grid-area: info;
    position: relative
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .product-return-confirmation__detail {
        margin-right: 10px
    }
}

@media only screen and (min-width:768px) {
    .product-return-confirmation__detail {
        margin-top: 10px
    }
}

.product-return-confirmation__detail-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    display: block;
    margin-bottom: 5px
}

@media only screen and (max-width:767px) {
    .product-return-confirmation__detail-name {
        margin-right: 45px
    }
}

.product-return-confirmation__detail-category {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 15px
}

.product-return-confirmation__detail-entry {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.product-return-confirmation__detail-entry:not(:last-child) {
    margin-bottom: 5px
}

.product-return-confirmation__detail-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-left: 5px
}

.product-return-confirmation__price-box {
    grid-area: price;
    margin-top: 20px;
    align-self: flex-end
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .product-return-confirmation__price-box {
        justify-self: flex-end;
        margin-right: 10px
    }
}

.product-return-confirmation__unit-price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.product-return-confirmation__carrier {
    grid-area: carrier;
    position: relative;
    border: 1px solid #b1b1b1;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    padding: 20px;
    height: 30px
}

.product-return-confirmation__carrier.dhl::after {
    content: '';
    background: url(stihl-styles/resources/icons/dhl.svg) no-repeat center/contain;
    position: absolute;
    height: 30px;
    width: 50px
}

.product-return-confirmation__carrier.gls::after {
    content: '';
    background: url(stihl-styles/resources/icons/gls.svg) no-repeat center/contain;
    position: absolute;
    height: 30px;
    width: 50px
}

.product-return-confirmation__carrier.transoflex::after {
    content: '';
    background: url(stihl-styles/resources/icons/Trans-o-flex-Logo.svg) no-repeat center/contain;
    position: absolute;
    height: 30px;
    width: 50px
}

.product-return-confirmation__carrier>span {
    padding-left: 60px;
    align-self: center
}

.product-return-confirmation__carrier.dangerContent {
    margin-top: 20px
}

.product-return-confirmation__reason {
    grid-area: reason;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.product-return-confirmation__reason-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-bottom: 5px
}

@media only screen and (min-width:768px) {
    .product-return-confirmation__reason {
        text-align: right;
        margin-right: 10px
    }

    .product-return-confirmation__reason-title {
        text-align: right
    }
}

.product-return-confirmation__quantity {
    grid-area: qty;
    margin-top: 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

@media only screen and (min-width:768px) {
    .product-return-confirmation__quantity {
        text-align: right;
        margin-top: 30px
    }
}

.product-return-confirmation__danger {
    grid-area: carrier
}

.product-return-confirmation__danger .exclamation {
    display: -webkit-box;
    display: flex;
    position: relative;
    margin-bottom: 10px
}

.product-return-confirmation__danger .exclamation .icon-circle {
    position: absolute;
    left: -6px;
    top: -12px;
    border: 0
}

.product-return-confirmation__danger .info {
    display: -webkit-box;
    display: flex;
    position: relative
}

.product-return-confirmation__danger .info .richtexteditor {
    margin-top: 0;
    margin-left: 10px
}

.product-return-confirmation__danger .description {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-left: 28px
}

.product-return-confirmation__bottom_border:not(:last-child) {
    border-bottom: 1px solid #b1b1b1
}

.list-anchor {
    top: 0;
    background: #fff
}

.list-anchor--fixed {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100vw;
    border: 0;
    -webkit-transition: top .5s;
    transition: top .5s;
    z-index: 200
}

.list-anchor--fixed::after {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #b1b1b1;
    height: 1px;
    width: 100vw;
    content: ' '
}

@media only screen and (min-width:768px) {

    .list-anchor__inner,
    .list-anchor__toggle {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {

    .list-anchor__inner,
    .list-anchor__toggle {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {

    .list-anchor__inner,
    .list-anchor__toggle {
        width: 984px
    }
}

.container__inner .list-anchor__inner {
    padding: 0
}

.list-anchor__toggle {
    height: var(--default-banner-height);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    max-width: calc(100% - 20px)
}

@media only screen and (min-width:768px) {
    .list-anchor__toggle {
        padding: 0;
        max-width: 100%
    }
}

.list-anchor:not(.list-anchor--fixed) .list-anchor__toggle {
    display: none;
    top: calc(var(--default-banner-height) * -1)
}

.list-anchor__list {
    border-bottom: 1px solid #b1b1b1;
    padding: 0;
    margin: 0
}

@media only screen and (min-width:768px) {
    .list-anchor__list {
        padding: 0 10px
    }
}

.list-anchor--fixed .list-anchor__list {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    -webkit-transition: max-height .1s;
    transition: max-height .1s
}

.list-anchor--fixed .list-anchor__list--visible {
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.list-anchor__item {
    padding-bottom: 30px
}

.list-anchor--fixed .list-anchor__item {
    padding: 0
}

@media only screen and (max-width:767px) {
    .list-anchor--fixed .list-anchor__item {
        margin: 20px 0
    }

    .list-anchor--fixed .list-anchor__item:first-child {
        margin-top: 15px
    }
}

.list-anchor--fixed .list-anchor__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    max-width: calc(100% - 40px);
    min-height: 45px
}

.list-anchor:not(.list-anchor--fixed) .list-anchor__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.list-anchor:not(.list-anchor--fixed) .list-anchor__link::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-3-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    right: 100%;
    -webkit-transform: translate3d(-5, -50%, 0);
    transform: translate3d(-5, -50%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.list-anchor:not(.list-anchor--fixed) .list-anchor__link::before {
    left: -30px;
    top: 0;
    margin: 0
}

.list-anchor__link--toggle {
    max-width: calc(100% - 40px);
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.list-anchor__link--toggle::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(17px, -50%, 0);
    transform: translate3d(17px, -50%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.list-anchor__link--toggle::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px
}

.list-anchor__link--toggle>span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%
}

.list-anchor__overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0;
    z-index: 100;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.list-anchor__overlay--active {
    display: block;
    opacity: .4
}

.anchorlist {
    margin-bottom: 45px
}

@media only screen and (min-width:768px) {
    .anchorlist {
        margin-bottom: 50px
    }
}

.dealer-order-overview {
    margin-bottom: 10px
}

.dealer-order-overview:not(:last-child) {
    border-bottom: 1px solid #b1b1b1
}

.dealer-order-overview__customer {
    display: grid;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
    grid-gap: 20px
}

@media only screen and (max-width:529px) {
    .dealer-order-overview__customer {
        grid-template-areas: 'title' 'info' 'email' 'phn'
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .dealer-order-overview__customer {
        grid-template-areas: 'title title' 'info info' 'email .' 'phn .'
    }
}

@media only screen and (max-width:767px) {
    .dealer-order-overview__customer>:not(:last-child) {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) {
    .dealer-order-overview__customer {
        grid-gap: 10px 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .dealer-order-overview__customer {
        grid-template-areas: 'title title info info info .' '. . email email . phn';
        grid-template-columns: repeat(6, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .dealer-order-overview__customer {
        grid-template-areas: 'title title info info info info info info . . . .' '. . email email email email phn phn phn phn . .';
        grid-template-columns: repeat(12, 1fr)
    }
}

.dealer-order-overview__customerTitle {
    grid-area: title;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {
    .dealer-order-overview__customerTitle {
        font-size: 22px
    }
}

.dealer-order-overview__customerName {
    grid-area: info;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

.dealer-order-overview__customerEmail {
    grid-area: email;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

.dealer-order-overview__customerPhnNum {
    grid-area: phn;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

.dealer-order-overview__label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-right: 5px
}

.list-product-dealer .list-shopping-cart__product {
    grid-gap: 20px
}

@media only screen and (max-width:529px) {
    .list-product-dealer .list-shopping-cart__product {
        grid-template-areas: 'img' 'info' 'price' 'stock' 'ship' 'track' 'qty' 'summery'
    }
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .list-product-dealer .list-shopping-cart__product {
        grid-template-areas: 'img info' 'img price' 'stock ship' 'stock track' 'qty summery'
    }
}

@media only screen and (max-width:767px) {
    .list-product-dealer .list-shopping-cart__product>:not(:last-child) {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) {
    .list-product-dealer .list-shopping-cart__product {
        grid-gap: 10px 20px;
        grid-template-rows: 100px auto
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .list-product-dealer .list-shopping-cart__product {
        grid-template-areas: 'img info info stock stock qty' 'img price price stock stock summery';
        grid-template-columns: repeat(6, 1fr)
    }
}

@media only screen and (min-width:1024px) {
    .list-product-dealer .list-shopping-cart__product {
        grid-template-areas: 'img img info info info . stock stock stock . qty qty' 'img img price price price . . . . . summery summery';
        grid-template-columns: repeat(10, 1fr) 60px 60px
    }
}

.list-product-dealer .list-shopping-cart__quantity {
    display: none
}

.list-product-dealer__qty {
    grid-area: stock
}

.list-product-dealer__art-num {
    grid-area: price;
    align-self: center
}

.list-product-dealer__shipped {
    grid-area: ship;
    align-self: flex-end
}

@media only screen and (min-width:768px) {
    .list-product-dealer__shipped {
        grid-area: stock
    }
}

.list-product-dealer__tracking {
    grid-area: track
}

.list-product-dealer__tracking button {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f;
    padding: 0
}

.list-product-dealer__tracking button::after {
    top: calc(100% + 2px)
}

@media only screen and (min-width:768px) {
    .list-product-dealer__tracking {
        grid-area: qty;
        margin-top: 10px
    }
}

.list-product-dealer__save {
    grid-area: summery;
    height: 45px;
    display: none
}

.price-summary {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    margin-bottom: 30px;
    position: relative
}

@media only screen and (min-width:768px) {
    .price-summary {
        max-width: 355px
    }
}

.price-summary__list {
    padding-bottom: 10px;
    border-bottom: 1px solid #b1b1b1
}

.price-summary__entry {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.price-summary__entry-title {
    margin: 0 10px 20px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.price-summary__entry-title--discount {
    margin-bottom: 10px
}

.price-summary__entry-title--discount::before {
    content: '\2022';
    margin-right: 10px
}

.price-summary__entry-value {
    margin: 0 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    text-align: right
}

.price-summary__entry-value--discount {
    color: #f37a1f
}

.price-summary__total {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 30px 0
}

.price-summary__total-title {
    margin: 0 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.price-summary__total-value {
    margin: 0 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {
    .price-summary__total-value {
        font-size: 22px
    }
}

.price-summary__total+.price-summary__vat {
    margin-top: 0
}

.price-summary__terms,
.price-summary__vat {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin: 15px 10px 0
}

@media only screen and (max-width:767px) {
    .price-summary__terms {
        display: none
    }
}

.price-summary__terms a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.price-summary__return {
    display: -webkit-box;
    display: flex;
    margin: 20px 0;
    -webkit-box-align: center;
    align-items: center
}

.price-summary__return-icon {
    display: -webkit-box;
    display: flex;
    align-self: flex-start
}

.price-summary__return .richtexteditor {
    margin-left: 10px;
    margin-top: 0
}

.price-summary__discounts {
    margin-bottom: 10px
}

.price-summary__discounts-title {
    margin: 0 10px 10px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.benefit-summary {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    margin: 0 10px 30px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .benefit-summary {
        width: 33.33333%
    }

    .checkout .benefit-summary {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .benefit-summary {
        min-width: 450px;
        max-width: 520px
    }
}

.benefit-summary__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    margin-bottom: 10px;
    margin-top: 30px
}

.benefit-summary__item {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    position: relative;
    margin-bottom: 20px;
    padding-left: 22px
}

.benefit-summary__item::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-check-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.benefit-summary__certificates {
    margin-bottom: 30px
}

.underline::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 5px
}

.product-status {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 20px;
    border: 1px solid #b1b1b1
}

.product-status__item {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.product-status__item:not(:last-child) {
    margin-bottom: 5px
}

.product-status__item-wrapper {
    margin-right: 28px;
    margin-left: 22px
}

.product-status__item.richtexteditor {
    margin-top: 0
}

.product-status__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    position: relative
}

.product-status__item.stock .product-status__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.product-status__title::after {
    position: absolute;
    left: -22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-status__item.stock .product-status__title::after {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    content: ''
}

.product-status__item.in-stock .product-status__title::after {
    background: #009627
}

.product-status__item.out-of-stock .product-status__title::after {
    background: #d43b3b
}

.product-status__item.delivery .product-status__title::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-truck-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}

.product-status__item.pick-up .product-status__title::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-shop-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}
.product-status__item.payment-icon .product-status__title::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-payment-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}

.product-status__circle {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overlay {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    position: fixed;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 500;
    max-width: 100vw
}

.overlay--standard {
    max-height: 80vh
}

@media only screen and (max-width:767px) {
    .overlay--standard {
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 160px
    }
}

@media only screen and (min-width:768px) {
    .overlay--standard {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 485.33333px;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .overlay--standard {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .overlay--standard {
        width: 984px
    }
}

@media only screen and (min-width:1024px) {
    .overlay--standard {
        width: 820px
    }
}

.overlay--full {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.overlay--sidebar {
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .overlay--sidebar {
        width: 465px
    }
}

@media only screen and (min-width:1024px) {
    .overlay--sidebar {
        width: 590px
    }
}

.overlay--active {
    overflow: hidden;
    -ms-overflow-style: none
}

.overlay__content {
    background: #fff;
    overflow-y: auto
}

.overlay.overlay--full .overlay__content {
    height: 100%
}

.overlay.overlay--sidebar .overlay__content {
    height: 100%
}

.overlay__content-inner {
    margin: 50px auto 60px
}

@media only screen and (min-width:768px) {
    .overlay.overlay--standard .overlay__content-inner {
        width: 80%
    }
}

@media only screen and (max-width:767px) {
    .overlay.overlay--full .overlay__content-inner {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .overlay.overlay--full .overlay__content-inner {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .overlay.overlay--full .overlay__content-inner {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .overlay.overlay--full .overlay__content-inner {
        width: 984px
    }
}

.overlay.overlay--sidebar .overlay__content-inner {
    margin: 40px 45px 60px
}

@media only screen and (max-width:767px) {
    .overlay.overlay--sidebar .overlay__content-inner {
        padding-top: 0
    }
}

.overlay__content-inner.animated {
    -webkit-animation: fadeInContent 1s .2s both;
    animation: fadeInContent 1s .2s both
}

.overlay__footer {
    border-top: 1px solid #b1b1b1;
    background: #fff
}

.overlay__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%
}

.overlay__button {
    background: #fff
}

@media only screen and (max-width:767px) {
    .overlay.overlay--standard .overlay__button {
        background: 0 0
    }

    .overlay.overlay--standard .overlay__button-inner {
        -webkit-animation: none;
        animation: none
    }
}

.overlay__button-inner {
    overflow: hidden
}

.overlay__button-inner.animated {
    -webkit-animation: fadeDown 1s .2s both;
    animation: fadeDown 1s .2s both
}

.overlay__button .btn-close-x {
    float: right
}

.overlay__background {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 499;
    overflow-y: hidden
}

.overlay__background--active {
    -webkit-animation-name: fadeInBackground;
    animation-name: fadeInBackground
}

.overlay__background--inactive {
    -webkit-animation-name: fadeOutBackground;
    animation-name: fadeOutBackground
}

.cookie-setting {
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
    margin: 0 10px
}

@media only screen and (max-width:767px) {
    .cookie-setting {
        display: grid;
        grid-gap: 20px;
        grid-template: [row1-start] "icon title" auto [row1-end] [row2-start] "icon check" auto [row2-end] [row3-start] "icon desc" auto [row3-end]/64px 1fr;
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) {
    .cookie-setting {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.cookie-setting:not(:first-child)::after {
    position: absolute;
    -webkit-transition: background-position .4s;
    transition: background-position .4s;
    content: ''
}

@media only screen and (max-width:767px) {
    .cookie-setting:not(:first-child)::after {
        top: 0;
        left: 31px;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 2px;
        height: 100%;
        background: -webkit-linear-gradient(top, #ededed 50%, #f37a1f 50%) 0 0/200% 200%;
        background: linear-gradient(to bottom, #ededed 50%, #f37a1f 50%) 0 0/200% 200%
    }
}

@media only screen and (min-width:768px) {
    .cookie-setting:not(:first-child)::after {
        top: 31px;
        left: -10px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 2px;
        width: 50%;
        background: -webkit-linear-gradient(left, #ededed 50%, #f37a1f 50%) 0 0/200% 200%;
        background: linear-gradient(to right, #ededed 50%, #f37a1f 50%) 0 0/200% 200%
    }
}

.cookie-setting.active::after {
    background-position: -100% -100%
}

.cookie-setting__icon {
    grid-area: icon;
    z-index: 1;
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: 64px;
    width: 64px;
    border-radius: 50%;
    padding: 0;
    box-sizing: content-box
}

.cookie-setting__icon.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .cookie-setting__icon:hover {
        background-position: 0 -100%
    }
}

@media only screen and (min-width:768px) {
    .cookie-setting__icon {
        align-self: center;
        margin-bottom: 20px
    }
}

.cookie-setting__icon img {
    width: 60%
}

.cookie-setting__title {
    grid-area: title;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

@media only screen and (min-width:768px) {
    .cookie-setting__title {
        align-self: center;
        margin-bottom: 21px
    }
}

.cookie-setting__checkbox {
    grid-area: check;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    height: 20px
}

@media only screen and (min-width:768px) {
    .cookie-setting__checkbox {
        margin-bottom: 16px
    }
}

.cookie-setting__desc {
    grid-area: desc;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

@media only screen and (max-width:767px) {
    .cookie-settings__overlay {
        max-height: 100vh;
        background-color: #fff;
        height: 100%
    }
}

.cookie-settings__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .cookie-settings__title {
        font-size: 26px
    }
}

.cookie-settings__selection {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    margin: 0 -10px 30px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .cookie-settings__selection {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.cookie-settings__list {
    margin-bottom: 30px
}

.cookie-settings__list-group {
    -webkit-box-flex: 1;
    flex: 1
}

@media only screen and (max-width:767px) {
    .cookie-settings__list-group:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) {
    .cookie-settings__list-group:not(:last-child) {
        margin-right: 20px
    }
}

.cookie-settings__list-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-bottom: 20px
}

.cookie-settings__list-entries ul {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px
}

.cookie-settings__list-entries ul li {
    position: relative;
    padding: 0 0 15px 10px
}

.cookie-settings__list-entries ul li::before {
    position: absolute;
    left: 0;
    content: '\2022'
}

.cookie-settings__list-entries ul li:last-child {
    padding-bottom: 0
}

.cookie-settings__list-entries ul ol,
.cookie-settings__list-entries ul ul {
    width: 100%;
    padding-top: 15px;
    padding-left: 25px
}

.cookie-settings__list-entries ul ol ol,
.cookie-settings__list-entries ul ol ul,
.cookie-settings__list-entries ul ul ol,
.cookie-settings__list-entries ul ul ul {
    padding-left: 20px
}

.cookie-settings__list .read-more__inner {
    display: -webkit-box;
    display: flex
}

@media only screen and (max-width:767px) {
    .cookie-settings__list .read-more__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.cookie-settings__list .read-more__action {
    -webkit-transition: margin-top 250ms;
    transition: margin-top 250ms
}

.cookie-settings__list .read-more__action.more {
    margin-top: 0
}

.cookie-settings__explanatory {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 30px
}

.cookie-settings__explanatory a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.cookie-settings__learn-more {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.cookie-settings__learn-more::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.cookie-settings__learn-more:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.cookie-settings__btn--confirm {
    position: relative;
    background: -webkit-linear-gradient(top, #fff 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #fff 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: #b1b1b1;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%
}

.cookie-settings__btn--confirm.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .cookie-settings__btn--confirm:hover {
        background-position: 0 -100%
    }
}

.cookie-settings__btn--confirm.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .cookie-settings__btn--confirm:hover {
        border-color: transparent
    }
}

.cookie-settings__btn--confirm:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.cookie-settings__btn--confirm.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .cookie-settings__btn--confirm:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .cookie-settings__btn--confirm {
        width: 100%
    }
}

.cookie-settings__btn--confirm:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .cookie-settings__btn--confirm:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .cookie-settings__btn--confirm:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

@media only screen and (max-width:767px) {
    .cookie-settings__btn:not(.full) {
        width: 50%;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .cookie-settings__inner {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .cookie-settings__inner {
        width: 66.66667%
    }
}

.cookie-settings__bottom-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    background: #ededed
}

@media only screen and (max-width:767px) {
    .cookie-settings__bottom-bar {
        flex-wrap: wrap
    }
}

.cookie-settings__privacy {
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: flex;
    padding: 0 20px;
    -webkit-box-align: center;
    align-items: center;
    border-right: 1px solid #b1b1b1
}

@media only screen and (max-width:767px) {
    .cookie-settings__privacy {
        min-height: 50px;
        -webkit-box-ordinal-group: 2;
        order: 1;
        justify-content: space-around
    }
}

.cookie-settings__privacy-link {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 10px
}

.cookie-settings__privacy-link:not(:last-child) {
    margin-right: 10px
}

.overlay-checkout {
    display: grid;
    grid-gap: 30px 20px
}

@media only screen and (max-width:767px) {
    .overlay-checkout {
        grid-template: 'icon' 'text';
        margin: 0 20px
    }
}

@media only screen and (min-width:768px) {
    .overlay-checkout {
        grid-template: 'icon text text text text text text text';
        grid-template-columns: repeat(8, 1fr)
    }
}

.overlay-checkout-icon {
    grid-area: icon;
    -webkit-box-flex: 0;
    flex-grow: 0
}

@media only screen and (max-width:767px) {
    .overlay-checkout-icon {
        margin-bottom: 30px
    }
}

.overlay-checkout-content {
    grid-area: text
}

.overlay-checkout-header {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .overlay-checkout-header {
        font-size: 22px
    }
}

.overlay-checkout-btn-wrapper {
    display: grid;
    grid-gap: 20px;
    margin-top: 30px
}

@media only screen and (min-width:768px) {
    .overlay-checkout-btn-wrapper {
        display: inline-grid;
        grid-template-columns: 1fr 1fr
    }
}

.overlay--sidebar__title {
    margin-bottom: 60px;
    text-transform: uppercase
}

.m_product-variantlist__label {
    margin-bottom: 10px
}

.m_product-variantlist__selectbutton {
    width: 100%;
    margin-bottom: 10px
}

.notification_sidebar {
    padding: 17px 45px;
    background: #ededed;
    border-top: 1px solid #b1b1b1
}

.notification_sidebar>h2 {
    margin: 0;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.notification_sidebar>p {
    margin-top: 10px;
    margin-bottom: -4px;
    text-align: justify
}

.icon-trusted-shops {
    width: 45px;
    height: 45px
}

.icon-trusted-shops::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/logo-trusted_shops.svg);
    background-size: 45px 45px !important;
    width: 45px !important;
    height: 45px !important;
    display: inline-block
}

.icon-tuev {
    width: 45px;
    height: 45px
}

.icon-tuev::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/logo-tuev_sued.svg);
    background-size: 45px 45px !important;
    width: 45px !important;
    height: 45px !important;
    display: inline-block
}

.icon-paypal {
    width: 50px;
    height: 32px
}

.icon-paypal::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/logo-paypal.svg);
    background-size: 50px 32px !important;
    width: 50px !important;
    height: 32px !important;
    display: inline-block
}

.icon-master {
    width: 50px;
    height: 32px
}

.icon-master::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/logo-mastercard.svg);
    background-size: 50px 32px !important;
    width: 50px !important;
    height: 32px !important;
    display: inline-block
}

.icon-visa {
    width: 50px;
    height: 32px
}

.icon-visa::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/logo-visa.svg);
    background-size: 50px 32px !important;
    width: 50px !important;
    height: 32px !important;
    display: inline-block
}

.icon-sofort {
    width: 65.94px;
    height: 21px
}

.icon-sofort::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/logo-sofortueberweisung.svg);
    background-size: 65.94px 21px !important;
    width: 65.94px !important;
    height: 21px !important;
    display: inline-block
}

.icon-info {
    width: 8px;
    height: 8px
}

.icon-info::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-info-16.svg);
    background-size: 8px 8px !important;
    width: 8px !important;
    height: 8px !important;
    display: inline-block
}

.icon-svg {
    -webkit-transition: fill 150ms;
    transition: fill 150ms
}

.m-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: var(--header-height);
    background: #ededed;
    box-sizing: border-box
}

@media only screen and (min-width:1024px) {
    .m-header {
        border-bottom: 1px solid #b1b1b1
    }
}

@media only screen and (max-width:767px) {
    .m-header {
        border-top: none
    }
}

.m-header__container {
    height: 100%
}

@media only screen and (max-width:1023px) {
    .m-header__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:1024px) {
    .m-header__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:1024px) and (min-width:768px) and (max-width:1023px) {
    .m-header__container {
        width: 728px
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .m-header__container {
        width: 984px
    }
}

.m-header__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 auto;
    height: 100%;
    padding: 0
}

@media only screen and (max-width:767px) {
    .m-header__list {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.m-header__item {
    text-align: center;
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 300;
    letter-spacing: .7px
}

@media only screen and (max-width:767px) {
    .m-header__item {
        width: 36px
    }
}

@media only screen and (min-width:768px) {
    .m-header__item {
        -webkit-box-flex: 1;
        flex: 1;
        max-width: 8%
    }
}

.m-header__item>a {
    padding: 1rem
}

@media only screen and (max-width:767px) {
    .m-header__item>a {
        display: -webkit-box;
        display: flex
    }
}

.m-header__item>a:focus,
.m-header__item>a:hover {
    text-decoration: none
}

@media only screen and (min-width:530px) {
    .m-header__item--locator {
        text-align: left;
        max-width: 25%
    }
    .m-header__item--phone {
        text-align: left;
        max-width: 20%
    }

    .m-header__item--locator a {
        padding: 0;
        display: -webkit-box;
        display: flex
    }
}

@media only screen and (min-width:530px) {
    .m-header__item--search {
        text-align: right;
        max-width: 25%
    }
}

.m-header__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    cursor: pointer
}

.m-header__icon--cart {
    position: relative
}

.m-header__icon--cart[data-qty-value]::after {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 6px;
    top: -8px;
    width: 15px;
    height: 15px;
    line-height: 20px;
    background: #f37a1f;
    color: #fff;
    border-radius: 50%;
    padding-top: 3px;
    content: attr(data-qty-value)
}

@media only screen and (max-width:767px) {
    .m-header__icon--cart[data-qty-value]::after {
        right: -12px
    }
}

.m-header__icon-label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 13px
}

.m-header-search {
    display: -webkit-box;
    display: flex;
    padding: 0;
    position: relative;
    outline: 0;
    cursor: pointer
}

@media only screen and (max-width:529px) {
    .m-header-search__icon {
        width: 100%
    }
}

@media only screen and (min-width:530px) {
    .m-header-search>div {
        padding: 0 10px
    }
}

.m-header-search__input {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    border-bottom: 1px solid #000;
    padding: 0 5px;
    width: 170px;
    cursor: pointer
}

.m-header-search__placeholder {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    width: 100%;
    position: absolute;
    left: 25px
}

.m-header-search__link {
    display: inline-block;
    width: 16px
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-width: 0;
    border-radius: 0;
    z-index: 300
}

.m-navigation-main {
    position: relative;
    height: var(--menu-height);
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 200
}

@media only screen and (max-width:1023px) {
    .m-navigation-main {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-navigation-main {
        -webkit-box-pack: center;
        justify-content: center
    }
}

.m-navigation-main__mobile {
    width: 100%;
    height: var(--menu-height);
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    background: #fff;
    box-sizing: border-box
}

.m-navigation-main--active .m-navigation-main__mobile {
    position: fixed;
    top: var(--header-height)
}

.promotionsbannerwrapper--visible~.navigationwrapper .m-navigation-main--active .m-navigation-main__mobile {
    top: calc(var(--header-height) + var(--default-banner-height))
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-navigation-main__mobile {
        position: relative;
        width: calc(100% - (2 * 20px))
    }

    .m-navigation-main__mobile::after,
    .m-navigation-main__mobile::before {
        content: '';
        position: absolute;
        top: -1px;
        width: 20px;
        height: 100%;
        border-top: 1px solid #b1b1b1;
        border-bottom: 1px solid #b1b1b1;
        box-sizing: content-box;
        background: inherit
    }

    .m-navigation-main__mobile::before {
        right: 100%
    }

    .m-navigation-main__mobile::after {
        left: 100%
    }
}

.m-navigation-main__desktop {
    height: 100%;
    box-sizing: border-box
}

@media only screen and (max-width:1023px) {
    .m-navigation-main__desktop {
        display: none;
        --menu-height: 46px;
        position: fixed;
        left: 100vw;
        width: 100%;
        top: calc(var(--header-height) + var(--menu-height));
        height: calc(100vh - calc(var(--header-height) + var(--menu-height)));
        background-color: #fff;
        overflow-y: auto;
        z-index: 210;
        -webkit-transition: left .3s;
        transition: left .3s
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) and (max-width:1023px) {
    .m-navigation-main__desktop {
        --menu-height: 66px
    }
}

@media only screen and (max-width:1023px) {
    .promotionsbannerwrapper--visible~.navigationwrapper .m-navigation-main__desktop {
        top: calc(var(--header-height) + var(--default-banner-height) + var(--menu-height));
        height: calc(100vh - calc(var(--header-height) + var(--default-banner-height) + var(--menu-height)))
    }

    .m-navigation-main__desktop.active {
        left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-navigation-main__desktop {
        padding: 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .m-navigation-main__desktop {
        border-bottom: 1px solid #b1b1b1
    }
}

.m-navigation-main__overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0;
    z-index: 100;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.m-navigation-main__overlay--active {
    opacity: .4
}

.m-navigation-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-navigation-list {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        flex-wrap: nowrap;
        height: 100%;
        margin: 0 auto
    }
}

@media only screen and (min-width:1024px) and (min-width:768px) and (max-width:1023px) {
    .m-navigation-list {
        width: 728px
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .m-navigation-list {
        width: 984px
    }
}

.m-navigation-list__mobile {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 100%;
    height: 100%
}

@media only screen and (max-width:1023px) {
    .m-navigation-list__mobile {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:1024px) {
    .m-navigation-list__mobile {
        display: none
    }
}

.m-navigation-list--item {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-weight: 700;
    font-size: 17px;
    display: -webkit-box;
    display: flex;
    height: 100%;
    border-left: 1px solid #b1b1b1;
    padding-left: 10px;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms
}

@media only screen and (min-width:1024px) {
    .m-navigation-list--item:not(.m-navigation-list--item__logo) {
        -webkit-box-flex: 1;
        flex: 1 20%;
        padding: 0 10px
    }
}

@media only screen and (max-width:767px) {
    .m-navigation-flyout__mobile .m-navigation-list--item>a {
        margin-left: 10px
    }
}

@media only screen and (max-width:1023px) {
    .m-navigation-flyout__mobile .m-navigation-list--item {
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #b1b1b1;
        height: 70px;
        padding: 0 20px
    }

    .m-navigation-flyout__mobile .m-navigation-list--item:last-child {
        border: none
    }
}

.m-navigation-list--item__active {
    background: #ededed
}

.m-navigation-list--item__logo {
    padding: 0;
    border: 0
}

.m-navigation-list--item__logo a {
    display: -webkit-box;
    display: flex;
    width: 100%
}

.m-navigation-list--item__logo img {
    height: var(--menu-height)
}

.m-navigation-list--item__icon {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms
}

.m-navigation-list--item__icon::after {
    background-image: url(stihl-styles/resources/icons/icon-plus-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    width: 1rem;
    height: 1rem;
    right: 0;
    display: block;
    content: ''
}

@media only screen and (max-width:1023px) {
    .nav-title .m-navigation-list--item__icon::after {
        background-image: url(stihl-styles/resources/icons/icon-arrow-right-16.svg);
        background-position: center;
        width: auto;
        background-repeat: no-repeat;
        height: 16px;
        background-size: 16px;
        width: 1.2rem;
        height: 1.2rem
    }
}

@media only screen and (min-width:1024px) {
    .m-navigation-list--item__icon::after {
        width: 1.2rem;
        height: 1.2rem
    }
}

.m-navigation-list--item__active .m-navigation-list--item__icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:767px) {
    .m-navigation-list--item__menu {
        -webkit-box-flex: 1;
        flex: 1;
        border-left: none;
        border-right: 1px solid #b1b1b1
    }

    .m-navigation-list--item__menu>a {
        margin-left: 10px
    }
}

@media only screen and (max-width:1023px) {
    .m-navigation-list--item__menu {
        padding: 0 20px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-navigation-list--item__menu {
        width: 33.33333%;
        border-right: 1px solid #b1b1b1
    }
}

.m-navigation-list--item>a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
}

.m-navigation-list--item>div {
    width: 100%;
    height: 100%
}

.m-navigation-list--item>div>.navitem {
    height: 100%
}

.m-navigation-list--item>div>.navitem>.nav-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
    height: 100%
}

.m-navigation-flyout__mobile .m-navigation-list--item__contact {
    flex-wrap: wrap;
    height: auto;
    background: #ededed;
    padding-bottom: 120px
}

.m-navigation-flyout {
    display: -webkit-box;
    display: flex;
    position: fixed;
    top: 20px;
    width: 100%;
    background: #fff
}

@media only screen and (max-width:1023px) {
    .m-navigation-flyout {
        -webkit-box-pack: center;
        justify-content: center;
        top: 87px;
        left: 100vw;
        height: calc(100% - 87px);
        overflow-y: auto;
        -webkit-transition: left .3s;
        transition: left .3s
    }

    .m-navigation-flyout.active {
        left: 0
    }

    .promotionsbannerwrapper--visible~.navigationwrapper .m-navigation-flyout {
        top: 134px;
        height: calc(100% - 134px)
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-navigation-flyout {
        top: 112px;
        height: calc(100% - 112px)
    }

    .promotionsbannerwrapper--visible~.navigationwrapper .m-navigation-flyout {
        top: 159px;
        height: calc(100% - 159px)
    }
}

@media only screen and (min-width:1024px) {
    .m-navigation-flyout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        display: none;
        position: relative;
        top: 0;
        width: 100%;
        max-height: 100%;
        margin-bottom: 20px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .m-flyout-wrapper--close .m-navigation-flyout {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .m-navigation-flyout__inner {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:1024px) {
    .m-navigation-flyout__inner {
        padding: 0
    }
}

.m-navigation-flyout__close {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: #000;
    cursor: pointer
}

.m-global-list {
    position: relative;
    padding: 0
}

.m-global-list__item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: block;
    margin: 12.5px 0
}

@media only screen and (min-width:768px) {
    .m-global-list__item {
        margin: 2rem 0
    }
}

.m-flyout-level2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 70px;
    margin: 0 -20px;
    padding: 0 20px
}

@media only screen and (max-width:767px) {
    .m-flyout-level2 {
        border-bottom: 1px solid #b1b1b1
    }
}

.m-flyout-level2__inner {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0 10px 0 40px
}

.m-flyout-level2__inner::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-left-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    left: 10px
}

.m-navigation-contact {
    width: 100%
}

.m-navigation-contact__list {
    border-bottom: 1px solid #b1b1b1;
    padding: 30px 20px
}

.m-navigation-contact__list:last-child {
    border: none
}

.m-navigation-contact__list--country {
    border: none;
    padding-bottom: 50px
}

@media only screen and (max-width:1023px) {
    .m-navigation-contact__list {
        padding: 30px 10px
    }
}

.m-navigation-contact__item {
    margin-bottom: 30px
}

.m-navigation-contact__item:last-child {
    margin-bottom: 0
}

.m-navigation-contact__item>a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.m-navigation-contact__item__text {
    -webkit-box-flex: 2;
    flex-grow: 2;
    text-align: left
}

.m-navigation-contact__item__icon {
    margin-right: 2.1rem
}

.m-navigation-categories {
    padding-top: 30px
}

@media only screen and (max-width:767px) {
    .m-navigation-categories {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-navigation-categories {
        margin-bottom: 60px
    }
}

@media only screen and (min-width:1024px) {
    .m-navigation-categories {
        margin-bottom: 20px;
        padding-bottom: 30px;
        border-bottom: 1px solid #b1b1b1
    }
}

.m-navigation-categories>.flyout-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-left: 10px;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .m-navigation-categories>.flyout-title {
        margin-right: 10px
    }
}

.m-navigation-categories__header {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-weight: 700;
    font-family: STIHL-Contraface-Text,Arial,sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin: 30px 0 35px
}

@media only screen and (min-width:768px) {
    .m-navigation-categories__header {
        margin: 0 0 25px
    }
}

@media only screen and (max-width:767px) {
    .m-navigation-categories__header {
        margin-top: 0;
        margin-bottom: 40px;
        position: relative
    }

    .m-categories-list__item:not(:first-child) .m-navigation-categories__header,
    .m-navigation-advisor .m-navigation-categories__header {
        padding-top: 30px
    }

    .m-categories-list__item:not(:first-child) .m-navigation-categories__header::before,
    .m-navigation-advisor .m-navigation-categories__header::before {
        border-top: 1px solid #b1b1b1;
        position: absolute;
        left: -10px;
        width: calc(100% + 20px);
        top: 0;
        content: ' '
    }
}

.benefit-summary .m-navigation-categories__header {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {
    .benefit-summary .m-navigation-categories__header {
        font-size: 22px
    }
}

.m-navigation-categories__link {
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text,Arial,sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-bottom: 40px;
    font-weight: 400;
}

@media only screen and (min-width:768px) {
    .m-navigation-categories__link {
        margin-bottom: 20px
    }
}

.product-advisor-box {
    display: -webkit-box;
    display: flex;
    background-color: #f37a1f;
    height: 100%;
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .product-advisor-box {
        padding: 20px
    }
}

.product-advisor-box>a {
    display: -webkit-box;
    display: flex;
    width: 100%
}

.product-advisor-box__header {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-bottom: 15px
}

.product-advisor-box__inner {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media only screen and (max-width:767px) {
    .product-advisor-box__inner {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        padding: 30px 10px 20px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) and (max-width:1023px) {
    .product-advisor-box__inner {
        width: 728px
    }
}

@media only screen and (max-width:767px) and (min-width:1024px) {
    .product-advisor-box__inner {
        width: 984px
    }
}

@media only screen and (min-width:768px) {
    .product-advisor-box__inner {
        margin-right: 10px
    }
}

.product-advisor-box__icon {
    text-align: right;
    align-self: flex-end
}

.category-item {
    --img-fit: scale-down
}

.category-item,
.topic-item {
    display: -webkit-box;
    display: flex;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #b1b1b1;
    box-sizing: border-box
}

@media only screen and (max-width:767px) {

    .category-item,
    .topic-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .category-item__image,
    .topic-item__image {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (min-width:768px) {

    .category-item,
    .topic-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.category-item .ratio-image,
.topic-item .ratio-image {
    padding-top: 56.25%
}

.category-item .ratio-image img,
.topic-item .ratio-image img {
    object-fit: var(--img-fit, cover)
}

.category-item__title,
.topic-item__title {
    margin-top: 15px;
    margin-left: 10px
}

.category-item__title:not(.external),
.topic-item__title:not(.external) {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-text, Arial, sans-serif;
    font-weight:bold;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.category-item__title:not(.external)::after,
.topic-item__title:not(.external)::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 100%;
    left: 100%;
    -webkit-transform: translate3d(17px, -100%, 0);
    transform: translate3d(17px, -100%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.category-item__title:not(.external):hover::after,
.topic-item__title:not(.external):hover::after {
    -webkit-transform: translate3d(22px, -100%, 0);
    transform: translate3d(22px, -100%, 0)
}

.category-item__title.external,
.topic-item__title.external {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.category-item__title.external::after,
.topic-item__title.external::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-external-link-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 100%;
    left: 100%;
    -webkit-transform: translate3d(17px, -100%, 0);
    transform: translate3d(17px, -100%, 0);
    height: 16px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.category-item__title.external:hover::after,
.topic-item__title.external:hover::after {
    -webkit-transform: translate3d(22px, -100%, 0);
    transform: translate3d(22px, -100%, 0)
}

.m-categories-list {
    display: -webkit-box;
    display: flex
}

@media only screen and (max-width:767px) {
    .m-categories-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

@media only screen and (max-width:1023px) {
    .m-navigation-categories .m-categories-list .m-categories-list__item:not(:last-child) {
        padding-bottom: 20px
    }

    .m-navigation-advisor .m-categories-list {
        margin-bottom: 30px
    }

    .m-navigation-advisor .m-categories-list .link.footerlink:not(:last-child) .m-navigation-categories__link {
        margin-bottom: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-categories-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap
    }

    .m-navigation-advisor .m-categories-list {
        margin: 30px 0
    }
}

.m-categories-list__item {
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .m-categories-list__item .product-advisor-box {
        margin: 30px -30px -30px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-categories-list__item .product-advisor-box {
        margin: 0 -10px
    }
}

@media only screen and (min-width:1024px) {
    .m-categories-list__item .product-advisor-box {
        margin: -20px -10px 0
    }
}

@media only screen and (max-width:767px) {
    .m-categories-list__item {
        padding: 0 10px
    }
}

@media only screen and (max-width:1023px) {
    .m-categories-list__item--empty {
        border: none !important
    }

    .m-navigation-advisor .m-categories-list__item--empty {
        padding-top: 0 !important;
        margin: 0 !important;
        min-height: 0 !important
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-categories-list__item {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .m-navigation-categories .m-categories-list__item {
        width: calc(50% - 20px + (20px / 2));
        margin-right: 20px;
        border-bottom: 1px solid #b1b1b1
    }

    .m-navigation-categories .m-categories-list__item:nth-child(2n) {
        margin-right: 0
    }

    .m-navigation-advisor .m-categories-list__item {
        padding: 0 10px
    }

    .m-navigation-advisor .m-categories-list__item:not(:last-child) {
        width: calc(33.33333% - 20px + (20px / 3));
        margin-right: 20px
    }

    .m-navigation-advisor .m-categories-list__item:not(:last-child):nth-child(3n) {
        margin-right: 0
    }

    .m-navigation-advisor .m-categories-list__item:last-child {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m-categories-list__item {
        width: calc(25% - 20px + (20px / 4));
        margin-right: 20px
    }

    .m-categories-list__item:nth-child(4n) {
        margin-right: 0
    }

    .m-navigation-advisor .m-categories-list__item {
        margin-top: 20px
    }

    .m-categories-list__item>.aem-Grid,
    .m-categories-list__item>.aem-Grid>.highlightteaser {
        height: 100%
    }
}

.m-categories-list>a {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.m-flyout-wrapper {
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    top: 100%;
    left: 0 !important;
    height: 0;
    background: #fff;
    overflow: visible;
    z-index: 200
}

@media only screen and (max-width:767px) {
    .m-flyout-wrapper {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        position: absolute
    }
}

@media only screen and (min-width:768px) {
    .m-flyout-wrapper {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        position: absolute
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m-flyout-wrapper {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m-flyout-wrapper {
        width: 984px
    }
}

@media only screen and (min-width:1024px) {
    .m-flyout-wrapper {
        height: 0;
        max-height: calc(100vh - 160px);
        margin-top: 1px;
        -webkit-transition: height .4s;
        transition: height .4s
    }

    .promotionsbannerwrapper--visible~.navigationwrapper .m-flyout-wrapper {
        max-height: calc(100vh - 205px)
    }

    .m-flyout-wrapper::after,
    .m-flyout-wrapper::before {
        position: absolute;
        height: 100%;
        width: 100vw;
        background: #fff;
        box-sizing: content-box;
        content: ''
    }

    .m-flyout-wrapper::before {
        right: 100%
    }

    .m-flyout-wrapper::after {
        left: 100%
    }

    .m-flyout-wrapper.flyout-open {
        height: 600px;
        border-bottom: 1px solid #b1b1b1;
        z-index: 201
    }

    .m-flyout-wrapper.flyout-open::after,
    .m-flyout-wrapper.flyout-open::before {
        border-bottom: 1px solid #b1b1b1
    }
}

.m_backlink {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px !important;
    padding-top: 20px !important
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_backlink {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .m_backlink {
        width: 984px
    }
}

.m_backlink a {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block
}

.m_backlink div {
    margin-bottom: -4px;
    display: inline-block
}

.m-stage {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 150px);
    min-height: 500px;
    max-height: 800px
}

.m-stage .heroslide {
    height: 100%
}

.m-stage__slide {
    position: absolute;
    height: 100%;
    width: 100%
}

.m-stage__slide--active {
    z-index: 10;
    display: unset
}

.m-stage__slide--hidden {
    z-index: 9;
    display: unset
}

.m-stage__pager {
    z-index: 100;
    position: absolute;
    height: 100%;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    right: 0;
    width: 60px;
    overflow: hidden
}

.m-stage__bar {
    height: 3px;
    width: 60px
}

.m-stage__pager_dots {
    z-index: 100;
    position: absolute;
    left: 50%;
    bottom: 25px;
    padding: 0;
    margin: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.m_img-gallery-01 .m-stage__pager_dots {
    display: none
}

@media only screen and (max-width:767px) {
    .m_img-gallery-01 .m-stage__pager_dots {
        bottom: auto;
        display: -webkit-inline-box;
        display: inline-flex
    }
}

.m-stage__pager_dot {
    list-style-type: none;
    border-radius: 50%;
    outline: 0
}

.m-stage__pager_dot--active {
    background-color: #f37a1f
}

.m_img-gallery-01 .m-stage__pager_dot--active {
    background-color: #000
}

.m-stage__pager_dot--inactive {
    background-color: #fff
}

.m_img-gallery-01 .m-stage__pager_dot--inactive {
    background-color: #b1b1b1
}

.m-stage__pager_dot--margin-1 {
    margin-left: 10px
}

.m_img-gallery-01 .m-stage__pager_dot--margin-1 {
    margin-left: 5px
}

.m-stage__pager_dot--margin-2 {
    margin-left: 12px
}

.m_img-gallery-01 .m-stage__pager_dot--margin-2 {
    margin-left: 6px
}

.m-stage__pager_dot--size-1 {
    height: 12px;
    width: 12px
}

.m_img-gallery-01 .m-stage__pager_dot--size-1 {
    height: 6px;
    width: 6px
}

.m-stage__pager_dot--size-2 {
    height: 8px;
    width: 8px
}

.m_img-gallery-01 .m-stage__pager_dot--size-2 {
    height: 4px;
    width: 4px
}

.m-stage__pager_dot--size-3 {
    height: 4px;
    width: 4px
}

.m_img-gallery-01 .m-stage__pager_dot--size-3 {
    height: 2px;
    width: 2px
}

.m-stage__btn_circle-icon {
    z-index: 100;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.m-stage_hide-pager {
    display: none
}

.m_stage-video {
    position: relative;
    height: 100%
}

.m_stage-video__background {
    height: 100%
}

.m_stage-video__background-image {
    width: 100%;
    height: 100%;
    background-color: #dadada;
    object-fit: cover
}

.m_stage-video__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m_stage-video__content {
        bottom: 100px
    }
}

@media only screen and (max-width:767px) {
    .m_stage-video__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_stage-video__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_stage-video__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_stage-video__container {
        width: 984px
    }
}

@media only screen and (min-width:768px) {
    .m_stage-video__container {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

@media only screen and (max-width:767px) {
    .m_stage-video__headline-row {
        padding: 0 10px
    }
}

.m_stage-video__headline {
    padding: 0 !important;
    margin-bottom: 60px
}

@media only screen and (min-width:768px) {
    .m_stage-video__headline {
        width: 66.66667%;
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1024px) {
    .m_stage-video__headline {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .m_stage-video__button-wrapper {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) {
    .m_stage-video__button-wrapper {
        float: left;
        padding: 0;
        width: auto;
        margin-right: 20px
    }
}

.m_stage-promo {
    position: relative;
    height: 100%
}

.m_stage-promo__background {
    height: 100%
}

.m_stage-promo__background-image {
    width: 100%;
    height: 100%;
    background-color: #dadada;
    object-fit: cover
}

.m_stage-promo__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m_stage-promo__content {
        bottom: 100px
    }
}

@media only screen and (max-width:767px) {
    .m_stage-promo__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_stage-promo__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_stage-promo__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_stage-promo__container {
        width: 984px
    }
}

.m_stage-promo__label-row {
    position: relative;
    z-index: 0
}

.m_stage-promo__promo-row {
    position: relative;
    z-index: 1;
    display: grid;
    grid-gap: 20px;
    grid-template-areas: 'teaser teaser';
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (min-width:768px) {
    .m_stage-promo__promo-row {
        grid-template-columns: repeat(6, 1fr);
        grid-template-areas: 'teaser teaser teaser teaser'
    }
}

@media only screen and (min-width:1024px) {
    .m_stage-promo__promo-row {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'teaser teaser teaser teaser teaser teaser'
    }
}

.m_stage-promo__promo {
    grid-area: teaser;
    background-color: #fff;
    padding: 30px 10px
}

@media only screen and (min-width:768px) {
    .m_stage-promo__promo {
        padding: 30px
    }
}

.m_stage-promo__headline {
    margin-bottom: 60px;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .m_stage-promo__headline {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    .m_stage-promo__text {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .m_stage-promo__text {
        margin-bottom: 25px;
        overflow: hidden
    }
}

.m_stage-promo__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: block;
    margin-bottom: 20px
}

.m_stage-promo__link::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.m_stage-promo__link:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.m_stage-promo__link::after {
    margin-top: 0;
    margin-left: 5px;
    left: auto
}

.m_flags {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .m_flags {
        margin-bottom: 30px
    }
}

.m_flags-gb {
    width: 25px;
    height: 25px;
    display: inline-block
}

.m_flags-gb::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/262-united-kingdom.svg);
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    display: inline-block
}

.m_flags-gb::before {
    background-position-y: 5px;
    background-repeat: no-repeat;
    margin-bottom: -3px
}

.m_flags label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 33px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px
}

.m_flags label::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(7px, -50%, 0);
    transform: translate3d(7px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.m_flags label:hover::after {
    -webkit-transform: translate3d(12px, -50%, 0);
    transform: translate3d(12px, -50%, 0)
}

.m_flags label::after {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    height: 10px;
    width: 10px;
    content: '';
    background-image: url(stihl-styles/resources/icons/icon-arrow-right-16.svg);
    background-size: contain
}

.m_flags label:hover::after {
    left: 5px;
    -webkit-transition: left .2s;
    transition: left .2s
}

.m_footer-breadcrumb {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_footer-breadcrumb {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-breadcrumb {
        width: 984px
    }
}
@media only screen and (max-width:768px) {
    .m_footer-breadcrumb {
        width: 984px;
	margin-left:0;
	margin-right:0
    }
}

.m_footer-breadcrumb ol,
.m_footer-breadcrumb ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.m_footer-breadcrumb ol li,
.m_footer-breadcrumb ul li {
    display: -webkit-inline-box;
    display: inline-flex;
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    line-height: 17px;
    text-align: center
}

.m_footer-breadcrumb ol li::after,
.m_footer-breadcrumb ul li::after {
    content: '';
    background-size: 10px;
    padding: 5px 5px 0 5px;
    line-height: 17px;
    text-align: center;
    margin: 0 !important
}

.m_footer-breadcrumb ol li:first-child,
.m_footer-breadcrumb ul li:first-child {
    padding-left: 0 !important
}

@media only screen and (max-width:767px) {

    .m_footer-breadcrumb ol li:nth-last-child(2),
    .m_footer-breadcrumb ul li:nth-last-child(2) {
        text-align: left;
        font-style: normal;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Text, Arial, sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 14px;
        line-height: 17px;
        text-align: center
    }

    .m_footer-breadcrumb ol li:nth-last-child(2)::after,
    .m_footer-breadcrumb ul li:nth-last-child(2)::after {
        content: "" !important;
        padding-right: 0;
    }
}

.m_footer-breadcrumb ol li:last-child,
.m_footer-breadcrumb ul li:last-child {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    font-weight: 700;
}

@media only screen and (max-width:767px) {

    .m_footer-breadcrumb ol li:last-child,
    .m_footer-breadcrumb ul li:last-child {
    }
}

.m_footer-breadcrumb ol li:last-child::after,
.m_footer-breadcrumb ul li:last-child::after {
    content: "" !important;
    padding-right: 0;
    background: 0 0 !important
}

.m_footer-social {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 300px;
    background-color: #f37a1f
}

.m_footer-social__container {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media only screen and (min-width:768px) {
    .m_footer-social__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_footer-social__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_footer-social__container {
        width: 984px
    }
}

.m_footer-social__container__text {
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 47px;
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .m_footer-social__container__text {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media only screen and (min-width:768px) {
    .m_footer-social__container__text {
        margin-bottom: 35px
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-social__container__text {
        margin-top: 30px
    }
}

.m_footer-social__subscribe {
    text-align: center
}

.m_footer-social__subscribe__group {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    max-width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff
}

.m_footer-social__subscribe__group__icon {
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.m_footer-social__subscribe__group__icon::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-pen-white-32.svg);
    background-size: 16px 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: inline-block
}

@media only screen and (min-width:768px) {
    .m_footer-social__subscribe__group__icon {
        width: 35px;
        height: 35px;
        margin: 0 0 5px 20px
    }

    .m_footer-social__subscribe__group__icon::before {
        content: "";
        background-image: url(stihl-styles/resources/icons/icon-pen-white-32.svg);
        background-size: 35px 35px !important;
        width: 35px !important;
        height: 35px !important;
        display: inline-block
    }
}

.m_footer-social__subscribe__input {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    background-color: transparent;
    box-shadow: none;
    min-height: 35px;
    width: 0;
    min-width: 210px;
    max-width: calc(100vw - 66px);
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    -webkit-transition: font-size .2s;
    transition: font-size .2s
}

@media only screen and (min-width:768px) {
    .m_footer-social__subscribe__input {
        font-size: 26px
    }
}

@media only screen and (min-width:768px) {
    .m_footer-social__subscribe__input {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #fff;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px;
        min-width: 330px;
        min-height: 50px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    .m_footer-social__subscribe__input {
        font-size: 38px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_footer-social__subscribe__input {
        max-width: calc(100vw - 80px)
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-social__subscribe__input {
        max-width: 655px
    }
}

.m_footer-social__subscribe__input::-webkit-input-placeholder {
    color: #fff
}

.m_footer-social__subscribe__input::-moz-placeholder {
    color: #fff
}

.m_footer-social__subscribe__input::-ms-input-placeholder {
    color: #fff
}

.m_footer-social__subscribe__input::placeholder {
    color: #fff
}

.m_footer-social__subscribe__input:focus {
    outline: 0;
    box-shadow: none;
    border-color: transparent
}

.m_footer-social__subscribe__input:focus::-webkit-input-placeholder {
    color: transparent
}

.m_footer-social__subscribe__input:focus::-moz-placeholder {
    color: transparent
}

.m_footer-social__subscribe__input:focus::-ms-input-placeholder {
    color: transparent
}

.m_footer-social__subscribe__input:focus::placeholder {
    color: transparent
}

.m_footer-social__subscribe__input-copy {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    display: none
}

@media only screen and (min-width:768px) {
    .m_footer-social__subscribe__input-copy {
        font-size: 26px
    }
}

@media only screen and (min-width:768px) {
    .m_footer-social__subscribe__input-copy {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #fff;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px;
        min-width: 330px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    .m_footer-social__subscribe__input-copy {
        font-size: 38px
    }
}

.m_footer-social__subscribe__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .m_footer-social__subscribe__button {
        width: 100%
    }
}

.m_footer-social__subscribe__button button {
    position: relative;
    background: -webkit-linear-gradient(top, transparent 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, transparent 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: #fff;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.m_footer-social__subscribe__button button.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .m_footer-social__subscribe__button button:hover {
        background-position: 0 -100%
    }
}

.m_footer-social__subscribe__button button.active {
    border-color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .m_footer-social__subscribe__button button:hover {
        border-color: #fff
    }
}

.m_footer-social__subscribe__button button:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.m_footer-social__subscribe__button button.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .m_footer-social__subscribe__button button:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .m_footer-social__subscribe__button button {
        width: 100%
    }
}

.m_footer-social__subscribe__button button:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_footer-social__subscribe__button button:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-social__subscribe__button button:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

@media only screen and (max-width:767px) {
    .m_footer-social__subscribe__button button {
        width: 100% !important
    }
}

.m_footer-social__icons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px 0
}

@media only screen and (min-width:768px) {
    .m_footer-social__icons {
        margin: 30px 0
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-social__icons {
        margin: 35px 0
    }
}

.m_footer-social__icons>[class*=m_footer-social__container__icons-] {
    width: 32px;
    height: 32px
}

.m_footer-social__icons>[class*=m_footer-social__container__icons-]:not(:last-child) {
    margin-right: 40px
}

@media only screen and (max-width:767px) {
    .m_footer-social__icons>.img-comp-2 {
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center
    }

    .m_footer-social__icons>.img-comp-2>* {
        margin-left: 25px;
        margin-right: 25px
    }
}

.m_footer-social__icon {
    position: static;
    width: 32px;
    height: 32px
}

@media only screen and (min-width:768px) {
    .m_footer-social__icon {
        position: relative
    }
}

.m_footer-social__icon img {
    width: 32px;
    height: 32px
}

.m_footer-social__icon-stihl {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: auto !important;
    height: auto !important;
    margin: 0;
}

@media only screen and (min-width:768px) {
    .m_footer-social__icon-stihl {
        font-size: 22px
    }
}

@media only screen and (max-width:767px) {
    .m_footer-social__icon .tooltip {
        top: unset;
        left: 0;
        -webkit-transform: translate(0, calc(-100% - 44px));
        transform: translate(0, calc(-100% - 44px))
    }

    .m_footer-social__icon .tooltip.close {
        -webkit-transform: translate(0, -200%) rotate(6deg);
        transform: translate(0, -200%) rotate(6deg)
    }
}

.m_footer-corp {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

@media only screen and (max-width:767px) {
    .m_footer-corp__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_footer-corp__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_footer-corp__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_footer-corp__container {
        width: 984px
    }
}

.m-footer-wrapper {
    overflow: hidden;
    background-color: #ededed
}

.m_footer-corp-main {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-evenly;
    align-items: flex-start;
    margin-top: 40px;
}

@media only screen and (max-width:767px) {
    .m_footer-corp-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
        -webkit-box-align: center;
        align-items: center
    }
}

.m_footer-corp-main__col {
    position: relative;
    padding: 0 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m_footer-corp-main__col {
        -webkit-box-flex: 1;
        flex: 1
    }
}

.m_footer-corp-main__col * {
    display: block
}

@media only screen and (max-width:767px) {
    .m_footer-corp-main__col {
        margin-bottom: 40px
    }

    .m_footer-corp-main__col:last-child {
        margin-bottom: 0
    }
}

.m_footer-corp-main__col-dealer {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

.m_footer-corp-main__col-dealer img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.m_footer-corp-main__col-return {
    background-image: url(stihl-styles/resources/icons/icon-circle-full-64.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 64px;
    background-size: 64px
}

.m_footer-corp-main__col-return::after {
    content: url(stihl-styles/resources/icons/icon-return-white-32.svg);
    margin: 16px auto 0 auto;
    display: inline-block
}

.m_footer-corp-main__col-delivery {
    background-image: url(stihl-styles/resources/icons/icon-circle-full-64.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 64px;
    background-size: 64px
}

.m_footer-corp-main__col-delivery::after {
    content: url(stihl-styles/resources/icons/icon-parcel-white-32.svg);
    margin: 16px auto 0 auto;
    display: inline-block
}

.m_footer-corp-middle {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: flex-start;
    margin-top: 50px
}

.price-notice {
    padding: 20px;
    font-size:12px; 
    text-align: justify;	
}
@media only screen and (max-width:576px) {
.price-notice {
    padding: 0;
}
.m_footer-corp-bottom {
    margin: 10px 0px 15px !important;
    padding: 0px !important;
}

}
@media only screen and (max-width:576px) {
    .img-comp-2 li{
        max-width: 20%
    }
    .img-comp-2 {
	justify-content: space-between;
    }
}
@media only screen and (max-width:1023px) {
    .m_footer-corp-middle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
	padding: 0 15px 0 15px;
        max-width: 380px;
    }

    .m_footer-corp-middle .footer-certificates {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin-bottom: 25px
    }

    .m_footer-corp-middle .footer-certificates .img-comp-2 {
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-corp-middle {
        margin-top: 10px;
        -webkit-box-align: center;
        align-items: center;
	padding: 0 20px;
	max-width: 42%;
    }

    .m_footer-corp-middle .footer-certificates {
        width: 33.33333%
    }

    .m_footer-corp-middle .payment-options {
        -webkit-box-align: center;
        align-items: flex-start;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

    .m_footer-corp-middle .img-comp-2 {
        -webkit-box-pack: center;
        justify-content: center
    }
}

.m_footer-corp-middle .section,
.m_footer-corp-middle__options {
    -webkit-box-flex: 1;
    flex: 1
}

.footercolumn {
    position: relative;
    padding: 0 10px;
    -webkit-box-flex: 1;
    flex: 1
}

@media only screen and (max-width:767px) {
    .footercolumn {
        border-top: 1px solid #b1b1b1
    }

    .footercolumn:last-child {
        border-bottom: 1px solid #b1b1b1
    }
}

.m_footer-corp-links {
    margin-top: 40px
}

@media only screen and (min-width:768px) {
    .m_footer-corp-links {
        display: grid;
        grid-gap: 20px;
        grid: 'one two' auto 'tree four' auto/1fr 1fr;
        margin: 50px 0;
        border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	padding-bottom: 25px;
    }
}

@media only screen and (min-width:1024px) {
    .m_footer-corp-links {
        grid: 'one two tree' auto/1fr 1fr 1fr;
        margin: 40px 0 30px;
    }
}

.m_footer-corp-links>.footercolumn:nth-child(1) {
    grid-area: one
}

.m_footer-corp-links>.footercolumn:nth-child(2) {
    grid-area: two
}

.m_footer-corp-links>.footercolumn:nth-child(3) {
    grid-area: tree
}

.m_footer-corp-links__title {
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, 'Arial Black', sans-serif;
    line-height: 1.5;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    font-weight: bold;
    padding: 40px 10px 10px
}

@media only screen and (max-width:1023px) {
    .m_footer-corp-links__title {
        padding-top: 30px
    }
}

@media only screen and (max-width:767px) {
    .m_footer-corp-links__title {
        padding: 30px 10px
    }
}

.m_footer-corp-links-section {
    width: 100%;
    min-height: 0;
    padding-left: 0;
    padding-right: 0
}

.m_footer-corp-links-section>:nth-child(2) {
    padding-left: 0;
    list-style: none
}

@media only screen and (max-width:767px) {
    .m_footer-corp-links-section>:nth-child(2)>div:last-child>label {
        padding-bottom: 60px
    }
}

.m_footer-corp-links-section>:nth-child(2)>div>label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    margin: 20px 10px 0 10px !important
}

@media only screen and (max-width:767px) {
    .m_footer-corp-links-section>:nth-child(2)>div>label {
        display: none;
        margin-top: 30px !important
    }
}

.m_footer-corp-bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0 10px 30px;
    padding: 60px 10px 0 10px;
    border-top: 1px solid #b1b1b1
}

@media only screen and (max-width:1023px) {
    .m_footer-corp-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
        padding-top: 50px;
        border-top: none
    }
}

.m_footer-corp-bottom-extra {
    -webkit-box-flex: 1;
    flex: 1
}

@media only screen and (min-width:1024px) {
    .m_footer-corp-bottom-extra {
        -webkit-box-flex: 9;
        flex: 9
    }
}

.m_footer-corp-bottom-extra ul li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block;
    padding-right: 11px;
    margin-bottom: 30px;
}

@media only screen and (max-width:767px) {
    .m_footer-corp-bottom-extra ul li {
        margin-bottom: 25px;
        padding-right: 21px
    }
}

.m_footer-corp-bottom-co {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 14px;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: right;
    text-transform: none;
    word-break: normal
}

@media only screen and (min-width:1024px) {
    .m_footer-corp-bottom-co {
        -webkit-box-flex: 3;
        flex: 3;
        padding-top: 3px
    }
}

@media only screen and (max-width:1023px) {
    .m_footer-corp-bottom-co {
        -webkit-box-align: start;
        align-items: flex-start;
        text-align: right;
        margin-top: 5px
    }
}

.m_footer-corp-bottom-co p,
.m_footer-corp-bottom-co>.cmp-text {
    text-align: right;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .m_footer-accordion {
        display: inline-block;
        float: right
    }
	.m_footer-corp-bottom-co p,
	.m_footer-corp-bottom-co>.cmp-text {
	 text-align: left;
	}
}

@media only screen and (min-width:768px) {
    .m_footer-accordion {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .m_footer-accordion-open>span {
        content: url(stihl-styles/resources/icons/icon-arrow-up-16.svg);
        margin: 8px auto 0 auto;
        display: inline-block;
        margin: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .m_footer-accordion-closed>span {
        content: url(stihl-styles/resources/icons/icon-arrow-down-16.svg);
        margin: 8px auto 0 auto;
        display: inline-block;
        margin: 0 !important
    }
}

.m_footer-accordion:hover {
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .m_footer-accordion-hidden {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .m_footer-accordion-visible {
        display: -webkit-box !important;
        display: flex !important
    }

    .m_footer-accordion-visible img {
        width: 12px;
        height: 12px
    }
}

.m_header-banner {
    position: relative
}

.m_header-banner__background {
    height: 100%
}

.m_header-banner__background-image {
    width: 100%;
    object-fit: cover;
    height: 480px
}

.productdetailheaderbanner .m_header-banner__background-image {
    height: 400px
}

@media only screen and (max-width:767px) {
    .m_header-banner__background-image {
        height: 400px
    }
}

.m_header-banner__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.m_header-banner__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%
}

@media only screen and (max-width:767px) {
    .m_header-banner__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_header-banner__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_header-banner__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_header-banner__container {
        width: 984px
    }
}

.m_header-banner__backlink {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1
}

@media only screen and (max-width:767px) {
    .m_header-banner__backlink {
        padding-top: 10px;
        top: 0
    }
}

.m_header-banner__backlink>.m_backlink {
    display: inline;
    padding: 0;
    margin: 0
}

.m_header-banner__backlink>.m_backlink>a {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    padding-left: 10px
}

.m_header-banner__backlink>.m_backlink>.btn_icon-big__icon--arrow-left,
.m_header-banner__backlink>.m_backlink>.icon-16-bg-arrow-left {
    width: 10px !important;
    height: 10px !important;
    margin-bottom: 0
}

.m_header-banner__backlink>.m_backlink:hover>.btn_icon-big__icon--arrow-left,
.m_header-banner__backlink>.m_backlink:hover>.icon-16-bg-arrow-left {
    -webkit-animation: animateLeftArrow .2s forwards;
    animation: animateLeftArrow .2s forwards
}

.m_header-banner__backlink--white>.m_backlink>a {
    color: #fff
}

.m_header-banner__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .m_header-banner__title {
        font-size: 38px
    }
}

.m_header-banner__title::after {
    display: block;
    content: '';
    background-color: #fff
}

.m_header-banner__title::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .m_header-banner__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.m_header-banner__title--small {
    margin-bottom: 20px
}

.m_header-banner__group-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin: 30px 0 20px 0
}

@media only screen and (min-width:768px) {
    .m_header-banner__group-title {
        font-size: 22px
    }
}

@-webkit-keyframes animateLeftArrow {
    to {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

@keyframes animateLeftArrow {
    to {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

.m_dealer-search {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 500;
    overflow-y: scroll
}

.m_dealer-search__map,
.m_dealer-search__text {
    margin-bottom: 120px
}

@media only screen and (max-width:767px) {

    .m_dealer-search__map,
    .m_dealer-search__text {
        margin-bottom: 80px
    }
}

.m_dealer-search__map {
    height: 450px;
    margin-top: 100px
}

@media only screen and (max-width:767px) {
    .m_dealer-search__map {
        height: 250px;
        margin-top: 46px
    }
}

.m_dealer-search__footer {
    padding: 60px 0 60px 0;
    background: #ededed
}

@media only screen and (max-width:767px) {
    .m_dealer-search__footer {
        padding: 30px 20px
    }
}

.m_dealer-search__showmore {
    text-align: center;
    margin-top: 30px
}

.m_dealer-search__close {
    position: absolute;
    right: 0;
    top: 0
}

.m_dialog-input {
    max-width: 66.66%;
    text-align: center;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .m_dialog-input {
        max-width: 100%
    }
}

.m_dialog-input__headline {
    margin-bottom: 15px
}

@media only screen and (min-width:1024px) {
    .m_dialog-input__headline {
        padding: 0 10%
    }
}

.m_dialog-input__form {
    text-align: center;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    border-bottom-width: 1px;
    border-color: #000;
    padding-bottom: 5px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width:1024px) {
    .m_dialog-input__form {
        max-width: 60%
    }
}

@media only screen and (max-width:1023px) {
    .m_dialog-input__form {
        max-width: 80%
    }
}

.m_dialog-input__text {
    width: 80%;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px;
    margin-right: 20px;
    outline: 0;
    color: #f37a1f !important;
    text-align: center;
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

@media only screen and (min-width:768px) {
    .m_dialog-input__text {
        font-size: 38px
    }
}

.m_dialog-input__text::-webkit-input-placeholder {
    color: #b1b1b1
}

.m_dialog-input__text::-moz-placeholder {
    color: #b1b1b1
}

.m_dialog-input__text::-ms-input-placeholder {
    color: #b1b1b1
}

.m_dialog-input__text::placeholder {
    color: #b1b1b1
}

.m_dialog-input__search {
    text-indent: -9999em;
    width: 29px;
    height: 29px;
    background-size: contain
}

@media only screen and (max-width:767px) {
    .m_dialog-input__search {
        width: 17px;
        height: 17px
    }
}

.m_dialog-input__button {
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .m_dialog-input__button {
        padding: 0 30px
    }
}

.m_teaser-info {
    display: -webkit-box;
    display: flex
}

@media only screen and (max-width:767px) {
    .m_teaser-info {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .m_teaser-info__column {
        margin-bottom: 40px
    }

    .m_teaser-info__column:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .m_teaser-info__column {
        padding: 0 30px
    }
}

.m_teaser-info__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .m_teaser-info__headline {
        font-size: 22px
    }
}

.m-category-overview {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: flex;
    margin-top: 40px
}

@media only screen and (max-width:567px) {
    .m-category-overview {
        padding: 2px !important;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m-category-overview {
        width: 100%;
    }
}

@media only screen and (min-width:1024px) {
    .m-category-overview {
        width: 984px
    }
}

.m-category-overview__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px;
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .m-category-overview__title {
        font-size: 38px
    }
}

.m-category-overview__title::after {
    display: block;
    content: '';
    background-color: #000
}

.m-category-overview__title::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .m-category-overview__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.m-category-overview__inner {
    padding: 0 10px;
    width: 100%
}

.m-category-overview__inner--border {
    border-top: 1px solid #b1b1b1
}

.m-category-overview__text {
    margin-top: 60px
}

@media only screen and (min-width:768px) {
    .m-category-overview__text {
        margin-top: 70px
    }
}

@media only screen and (min-width:1024px) {
    .m-category-overview__text {
        margin-top: 80px
    }
}

.m-category-overview__text--less {
    display: block
}

.m-category-overview__text--hidden {
    display: none
}

@media only screen and (min-width:768px) {
    .m-category-overview__text--mobile {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .m-category-overview__text--desktop {
        display: none
    }
}

.m-category-overview__more {
    position: relative;
    cursor: pointer;
    margin-left: 10px
}

.m-category-overview__more::after {
    position: absolute;
    left: 100%;
    top: 5px;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    content: ''
}

.m-category-overview__more[aria-expanded=true] {
    display: none
}

.m-category-overview__less {
    position: relative;
    cursor: pointer;
    margin-top: 30px;
    display: none
}

.m-category-overview__less::after {
    content: '';
    position: absolute;
    left: 100%;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    top: 5px
}

.m-category-overview__less--wrapper {
    margin-top: 28px
}

.m-category-overview__more-wrapper {
    display: none
}

.seo-text {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .seo-text {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .seo-text {
        width: 984px
    }
}

.seo-text__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px
}

@media only screen and (min-width:768px) {
    .seo-text__title {
        font-size: 38px
    }
}

.seo-text__title::after {
    display: block;
    content: '';
    background-color: #000
}

.seo-text__title::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .seo-text__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.seo-text__inner {
    padding: 0 10px;
    width: 100%
}

.seo-text__text--less {
    display: block
}

.seo-text__text--hidden {
    display: none
}

.seo-text__more {
    position: relative;
    cursor: pointer;
    margin-left: 10px
}

.seo-text__more::after {
    position: absolute;
    left: 100%;
    top: 5px;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    content: ''
}

.seo-text__more[aria-expanded=true] {
    display: none
}

.seo-text__less {
    position: relative;
    cursor: pointer;
    margin-top: 30px;
    display: none
}

.seo-text__less::after {
    content: '';
    position: absolute;
    left: 100%;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    top: 5px
}

.seo-text__less--wrapper {
    margin-top: 28px
}

.seo-text__more-wrapper {
    display: none
}

.tile_product-standard {
    display: -webkit-box;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #b1b1b1;
    background: #fff;
    box-sizing: border-box
}

.tile_product-standard__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative
}

.tile_product-standard__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    margin-bottom: 10px
}

.tile_product-standard__label {
    height: 24px;
    margin-bottom: 8px
}

.tile_product-standard__title {
    margin-bottom: 12px
}

.tile_product-standard__category {
    display: block;
    margin-top: 2px
}

.tile_product-standard__subline {
    margin-bottom: 20px
}

.recommended .tile_product-standard__subline {
    -webkit-box-flex: 1;
    flex: 1
}

.tile_product-standard__section {
    display: flex;
    flex-direction: column
}

.tile_product-standard__status {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    display: flex;
    margin-bottom: 15px
}

.tile_product-standard__price-info {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-right: -32px
}

.tile_product-standard__commerce-info {
    margin-top: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.tile_product-standard__buy-button {
    margin-right: -10px
}

.tile_product-standard__unit-price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.tile_product-standard__image-wrapper {
    width: 100%
}

.tile_product-standard__image-ratio {
    position: relative;
    width: 100%;
    margin: 0;
    padding-top: 75%;
    overflow: hidden
}

.tile_product-standard__image-ratio img {
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.tile_product-standard__info-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    height: 100%
}

.tile_product-standard__flags {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    height: 25px;
    padding-bottom: 10px
}

.tile_product-standard .tooltip {
    width: calc(100% + 30px);
    top: -25px
}

@media only screen and (min-width:1024px) {
    .tile_product-standard .tooltip {
        width: 100vw
    }
}

.tile_product-standard .t-border::before {
    border-top: 18px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    top: -27px
}

.versions-flag {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0
}

.versions-flag__inner {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 24px;
    margin: 0 1px 1px 0;
    padding: 0 10px;
    background-color: #b1b1b1
}

.versions-flag__inner>span {
    margin-left: 5px
}

.tile_product-hero {
    z-index: 1;
    display: -webkit-box;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #b1b1b1;
    background: #fff;
    box-sizing: border-box
}

.tile_product-hero__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative
}

.tile_product-hero__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    margin-bottom: 10px
}

.tile_product-hero__label {
    height: 24px;
    margin-bottom: 8px
}

.tile_product-hero__title {
    margin-bottom: 12px
}

.tile_product-hero__category {
    display: block;
    margin-top: 2px
}

.tile_product-hero__subline {
    margin-bottom: 20px
}

.recommended .tile_product-hero__subline {
    -webkit-box-flex: 1;
    flex: 1
}

.tile_product-hero__price-info {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    margin-right: -32px
}

.tile_product-hero__commerce-info {
    margin-top: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.tile_product-hero__buy-button {
    margin-right: -10px
}

.tile_product-hero__unit-price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.teaser-grid .tile_product-hero {
    height: 100%
}

.productteaser .tile_product-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: scale-down
}

.tile_product-hero__image-wrapper {
    width: 245px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .tile_product-hero__image-wrapper {
        width: 100%;
        max-width: 450px
    }
}

.column-control .tile_product-hero__image-wrapper {
    width: 100%
}

.tile_product-hero__image-ratio {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 75%;
    position: relative
}

.tile_product-hero__label:empty {
    display: none
}

.tile_product-hero__show-inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 100%;
    box-sizing: border-box
}

.tile_product-hero__show-inline>* {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%
}

.tile_product-hero__show-inline>:first-child {
    margin-right: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.tile_product-hero__product-item:last-child .tile_product-hero__wrapper {
    border-bottom: 0
}

.tile_product-hero__product-item a {
    display: block;
    height: 100%
}

.tile_product-hero__product-amount {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.tile_product-hero__flags {
    padding-bottom: 10px;
    display: -webkit-box;
    display: flex
}

.productpicker {
    position: relative;
    display: block;
    min-height: 300px
}

.m_category-overview-tiles__pager {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center
}
.productaccessories .m_category-overview-tiles__item {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #b1b1b1;
}
@media only screen and (min-width:530px) and (max-width:767px) {
    .productaccessories .m_category-overview-tiles__item {
        width: calc(33.33% - 20px + (20px / 3));
        margin-right: 20px;
        margin-bottom: 20px
    }

    .productaccessories .m_category-overview-tiles__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) {
    .productaccessories .m_category-overview-tiles__item {
        width: calc(16.6666% - 20px);
        margin-right: 20px;
        margin-bottom: 20px
    }

    .productaccessories .m_category-overview-tiles__item:nth-child(6n) {
        margin-right: 0
    }
    .productaccessories .m_category-overview-tiles__item:nth-child(3n) {
        margin-right: 20px;
    }
}

@media only screen and (min-width:1024px) {
    .productaccessories .m_category-overview-tiles__item {
        margin-bottom: 30px
    }
}

.m_category-overview-tiles__item {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .m_category-overview-tiles__item {
        width: calc(50% - 20px + (20px / 2));
        margin-right: 20px;
        margin-bottom: 20px
    }

    .m_category-overview-tiles__item:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) {
    .m_category-overview-tiles__item {
        width: calc(33.33333% - 20px + (20px / 3));
        margin-right: 20px;
        margin-bottom: 20px
    }

    .m_category-overview-tiles__item:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .m_category-overview-tiles__item {
        margin-bottom: 30px
    }
}

.m_category-overview-tiles__filter-bar {
    margin-bottom: 30px
}

.m_category-overview-tiles__products {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.m_category-overview-tiles__show {
    text-align: center;
    margin-top: 20px
}

@media only screen and (min-width:768px) {
    .m_category-overview-tiles__show {
        margin-top: 10px
    }
}

@media only screen and (min-width:1024px) {
    .m_category-overview-tiles__show {
        margin-top: 0
    }
}

.m_category-overview-tiles__search-link {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin: 0 10px 60px
}

@media only screen and (min-width:768px) {
    .m_category-overview-tiles__search-link {
        font-size: 22px
    }
}

.m_category-overview-tiles__search-link a {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 22px;
    position: relative
}

.m_category-overview-tiles__search-link a::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-external-link-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    margin-left: 10px;
    margin-top: 3px
}

@media only screen and (max-width:767px) {
    .m_category-overview-tiles__search-link a {
        display: block;
        margin-top: 10px
    }
}

@media only screen and (min-width:1024px) {
    .m_category-overview-tiles__empty-results {
        width: 66.66667%
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    display: -webkit-box;
    display: flex
}

.swiper-slide {
    flex-shrink: 0
}

.swiper-pagination-fraction {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0
}

.m_filter-bar__controls {
    height: 45px;
    width: 100%;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.m_filter-bar__control-buttons {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.m_filter-bar__compare-button {
    margin-left: 10px
}

@media only screen and (min-width:768px) {
    .m_filter-bar__compare-button {
        margin-left: 30px
    }
}

.m_filter-bar__view-button {
    margin-left: 10px
}

.m_filter-bar__dropdowns {
    display: -webkit-inline-box;
    display: inline-flex;
    position: relative;
    margin-left: 10px
}

.m_filter-bar__dropdown {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 6px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    line-height: 2.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    position: relative;
    padding-right: 30px;
    padding-left: 0;
    margin-right: 30px
}

.m_filter-bar__dropdown::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-down-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(-20px, -50%, 0);
    transform: translate3d(-20px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.m_filter-bar__dropdown.active::after {
    background-image: url(stihl-styles/resources/icons/icon-arrow-up-16.svg)
}

.m_filter-bar__dropdown-list {
    position: absolute;
    top: -10px;
    left: 100%;
    margin-left: -50px;
    z-index: 100
}

.m_filter-bar__sort-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: inline-block;
    margin-left: 5px
}

.m_filter-bar__product-count {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin: 0 10px
}

.m_filter-bar__sticky {
    position: relative;
    left: 0;
    right: 0;
    margin-bottom: 10px;
    background-color: #fff
}

.m_filter-bar__sticky--stuck-top {
    position: fixed;
    top: var(--header-height);
    border-bottom: 1px solid #b1b1b1;
    z-index: 500
}

.m_filter-bar__sticky--stuck-bottom {
    position: absolute;
    bottom: 84px;
    border-bottom: 1px solid #b1b1b1
}

.m_filter-bar--stuck {
    padding-top: 55px
}

.m_filter-bar--stuck .m_filter-bar__view-button {
    height: 45px;
    margin-left: 1px
}

.m_filter-bar--stuck .m_filter-bar__sticky-container {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin: 0 auto;
    -webkit-transition: height .5s, opacity .5s;
    transition: height .5s, opacity .5s
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_filter-bar--stuck .m_filter-bar__sticky-container {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .m_filter-bar--stuck .m_filter-bar__sticky-container {
        width: 984px
    }
}

.m_filter-bar--stuck .m_filter-bar__controls {
    height: 45px
}

.m_filter-bar--stuck .product-filter {
    border: none
}

.categorygrid,
.productgrid {
    position: relative
}

.m_highlight-teaser-medium-2__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    background-color: #f37a1f;
    box-sizing: border-box
}

.m_highlight-teaser-medium-2__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-bottom: 15px
}

.m_highlight-teaser-medium-2__text {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-bottom: 45px
}

@media only screen and (min-width:768px) {
    .m_highlight-teaser-medium-2__text {
        font-size: 26px
    }
}

.m_highlight-teaser-medium-2__text::after {
    display: block;
    content: '';
    background-color: #fff
}

.m_highlight-teaser-medium-2__text::after {
    width: 23px;
    height: 4px;
    margin-top: 5px
}

@media only screen and (min-width:768px) {
    .m_highlight-teaser-medium-2__text::after {
        width: 21px;
        height: 4px;
        margin-top: 6px
    }
}

.m_highlight-teaser-medium-2__categories {
    margin-bottom: -18px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.m_highlight-teaser-medium-2__category {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-bottom: 20px;
    margin-right: 20px
}

.m_highlight-teaser-medium-2__button button {
    position: relative;
    background: -webkit-linear-gradient(top, transparent 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, transparent 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: #fff;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    min-width: 100%
}

.m_highlight-teaser-medium-2__button button.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .m_highlight-teaser-medium-2__button button:hover {
        background-position: 0 -100%
    }
}

.m_highlight-teaser-medium-2__button button.active {
    border-color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .m_highlight-teaser-medium-2__button button:hover {
        border-color: #fff
    }
}

.m_highlight-teaser-medium-2__button button:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.m_highlight-teaser-medium-2__button button.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .m_highlight-teaser-medium-2__button button:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .m_highlight-teaser-medium-2__button button {
        width: 100%
    }
}

.m_highlight-teaser-medium-2__button button:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_highlight-teaser-medium-2__button button:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .m_highlight-teaser-medium-2__button button:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

.m_product-details {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    display: grid;
    grid-gap: 20px;
    grid: 'gallery' auto 'info' auto/1fr;
    margin-top: 50px;
    margin-bottom: 80px
}

@media only screen and (min-width:1024px) {
    .m_product-details {
        grid: 'gallery info' auto/1fr 1fr;
        margin-top: 60px;
        margin-bottom: 0px
    }
}

.m_product-details__image-gallery {
    grid-area: gallery;
    margin-bottom: 30px
}

.m_product-details__infobox {
    grid-area: info
}

.m_product-details__free-gift {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    margin-top: 50px;
    margin-bottom: 50px
}

.m_infobox_product-detail {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 20px 20px 0;
    border: 1px solid #b1b1b1;
    background-color: #fff
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

@media only screen and (max-width:767px) {
    .m_infobox_product-detail__product-info .acco__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 12px;
        padding-left: 0
    }

    .m_infobox_product-detail__product-info .acco__title::after {
        right: 7px
    }
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__product-info {
        width: 50%;
        border-right: 1px solid #b1b1b1;
        padding-right: 20px
    }
}

.m_infobox_product-detail__buying-options {
    padding-top: 25px
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__buying-options {
        width: 50%;
        margin-top: 5px;
        padding-top: 0;
        padding-left: 20px
    }
}

.m_infobox_product-detail__dropdown {
    margin-top: 7px;
    margin-bottom: 26px
}

.m_infobox_product-detail__bulletlist,
.m_infobox_product-detail__bulletlist>p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    padding: 17px 0 0
}

.m_infobox_product-detail__bulletlist {
    padding: 0
}

.m_infobox_product-detail__bulletlist li {
    position: relative;
    padding: 0 0 15px 10px
}

.m_infobox_product-detail__bulletlist li::before {
    position: absolute;
    left: 0;
    content: '\2022'
}

.m_infobox_product-detail__bulletlist li:last-child {
    padding-bottom: 0
}

.m_infobox_product-detail__bulletlist ol,
.m_infobox_product-detail__bulletlist ul {
    width: 100%;
    padding-top: 5px;
    padding-left: 0
}

.m_infobox_product-detail__bulletlist ol ol,
.m_infobox_product-detail__bulletlist ol ul,
.m_infobox_product-detail__bulletlist ul ol,
.m_infobox_product-detail__bulletlist ul ul {
    padding-left: 20px
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__bulletlist {
        padding-top: 1px
    }
}

.m_infobox_product-detail__bulletlist>li:last-child {

}

.m_infobox_product-detail__properties {
    width: 100%;
    padding-top: 30px
}

.m_infobox_product-detail__property {
    margin-top: -6px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__property:last-child {
        border-bottom: 1px solid #b1b1b1;
        padding-bottom: 30px;
        margin-bottom: 0
    }
}

.m_infobox_product-detail__property-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    line-height: 20px
}

.m_infobox_product-detail__property-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.m_infobox_product-detail__selection-button {
    width: 100%
}

.m_infobox_product-detail__buy-button {
    width: 100%;
    margin-top: 10px
}

.m_infobox_product-detail__buy-button-no-border {
    width: 100%;
    max-width: unset
}

.m_infobox_product-detail__price {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-bottom: 5px
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .m_infobox_product-detail__price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
}

.m_infobox_product-detail__price:blank {
    display: none
}

.m_infobox_product-detail__price-info {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 24px;
    width: 100%
}

.m_infobox_product-detail__price-info:blank {
    display: none
}

.m_infobox_product-detail__price-type {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-top: -1px
}

.m_infobox_product-detail__price-value {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__price-value {
        font-size: 32px
    }
}

.m_infobox_product-detail__price-value:blank {
    display: none
}

.m_infobox_product-detail__price-value.reduced-price {
    color: #f37a1f
}

.m_infobox_product-detail__unit-price {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.m_infobox_product-detail__tax-info {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-top: 6px
}

.m_infobox_product-detail__shipping-cost {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__shipping-cost {
        margin-bottom: 26px
    }
}

.m_infobox_product-detail__shipping-cost--container {
    position: relative
}

.m_infobox_product-detail__shipping-cost--text {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000!important;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-left: 20px;
    text-decoration:underline;;
    padding:0;
}
.m_infobox_product-detail__shipping-cost--container .close {
    text-shadow: none;
    opacity: 1;
}
.m_infobox_product-detail__shipping-cost--container .open {
    }
.m_infobox_product-detail__product-availability {

}

.m_infobox_product-detail__buying-details:empty {
    display: none
}

.m_infobox_product-detail__selection-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-top: 1px;
    margin-bottom: 5px
}

.m_infobox_product-detail__product-details {
    padding-bottom: 30px
}

.m_infobox_product-detail__dealer-error {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-top: -3px;
    margin-bottom: -4px
}

.m_infobox_product-detail__address {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-bottom: 3px
}

.m_infobox_product-detail__address::before {
    background-image: url(stihl-styles/resources/icons/icon-pin-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background-size: contain;
    content: ""
}

.m_infobox_product-detail__stock {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-bottom: -4px
}

.m_infobox_product-detail__stock--in-stock {
    color: green
}

.m_infobox_product-detail__stock--out-stock {
    color: red
}

.m_infobox_product-detail__stock::before {
    background-image: url(stihl-styles/resources/icons/icon-check-16.svg);
    background-position: center;
    width: auto;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 16px;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background-size: contain;
    content: ""
}

.m_infobox_product-detail__quantity-select {
    width: 100%
}

@media only screen and (min-width:768px) {
    .m_infobox_product-detail__quantity-select {
        width: 130px
    }
}

.m_infobox_product-detail__highlights {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column
}

.m_infobox_product-detail__dealer-locator {
    padding: 20px;
    margin: 30px -20px 0;
    background-color: #ededed
}

.m_infobox_product-detail__dealer-text {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    display: -webkit-box;
    display: flex
}

.m_infobox_product-detail__dealer-text>span {
    margin-left: 10px
}

.m_infobox_product-detail__dealer-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 22px
}

.m_infobox_product-detail__dealer-link::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.m_infobox_teaser-highlight {
    width: 100%;
    height: 80px;
    background-color: #f37a21;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

.m_infobox_teaser-highlight__inner {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    color: #fff;
    margin-left: 20px
}

@media only screen and (min-width:768px) {
    .m_infobox_teaser-highlight__inner {
        font-size: 22px
    }
}

.m_infobox_product-dealer-only {
    padding: 25px 0;
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 30px
}

.m_infobox_product-dealer-only__title-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline
}

.m_infobox_product-dealer-only__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    margin-left: 20px
}

.m_infobox_product-dealer-only__title-icon {
    content: '';
    background: url(stihl-styles/resources/icons/icon-shop-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px
}

.m_infobox_product-dealer-only__message {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-top: 5px
}

.m_infobox_flag {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.m_infobox_flag__inner {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 24px;
    margin-right: 1px;
    padding: 0 10px;
    background-color: #f37a1f
}

@media only screen and (max-width:767px) {
    .m_infobox_flag__inner {
        margin-bottom: 1px
    }

    .productdetail .m_infobox_flag__inner {
        margin-bottom: 0
    }
}

.m_infobox_flag__inner.dealer {
    background-color: #249abe
}

.m_infobox_delivery-options {
    border: none;
    padding: 10px 0 5px
}

.m_infobox_delivery-options__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 20px
}

.m_infobox_delivery-options__headline .label-circle-tooltip {
    margin-left: 10px
}

.m_infobox_additional-info {
    margin: 30px 0 0;
    font-size: 13px
}

@media only screen and (max-width:767px) {
    .m_infobox_additional-info {
        border-bottom: 1px solid #b1b1b1
    }
}

.m_infobox_additional-info h2 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: lowercase
}

.m_infobox_additional-info p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 14px;
    margin-bottom: 20px
}

.m_infobox_additional-info p:last-child {
    margin-bottom: 30px
}

.m_infobox_additional-info a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

@font-face {
    font-family: Ionicons;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0);
    src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");
    font-weight: 400;
    font-style: normal
}

.image-gallery-fullscreen-button::before,
.image-gallery-left-nav::before,
.image-gallery-play-button::before,
.image-gallery-right-nav::before {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.image-gallery.fullscreen-modal .image-gallery-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.image-gallery-content {
    position: relative;
    line-height: 0;
    top: 0
}

.image-gallery-content.fullscreen {
    background: #000
}

.image-gallery-content.fullscreen .image-gallery-slide {
    background: #000
}

.image-gallery-slide-wrapper {
    position: relative
}

.image-gallery-slide-wrapper.left,
.image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 113px)
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .image-gallery-slide-wrapper.left,
    .image-gallery-slide-wrapper.right {
        width: 75%
    }
}

.image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl
}

.image-gallery-fullscreen-button,
.image-gallery-left-nav,
.image-gallery-play-button,
.image-gallery-right-nav {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    position: absolute;
    z-index: 4
}

.image-gallery-fullscreen-button::before,
.image-gallery-left-nav::before,
.image-gallery-play-button::before,
.image-gallery-right-nav::before {
    color: #fff;
    line-height: .7;
    text-shadow: 0 2px 2px #1a1a1a;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.image-gallery-fullscreen-button:hover::before,
.image-gallery-left-nav:hover::before,
.image-gallery-play-button:hover::before,
.image-gallery-right-nav:hover::before {
    color: #337ab7
}

@media only screen and (max-width:767px) {

    .image-gallery-fullscreen-button:hover::before,
    .image-gallery-left-nav:hover::before,
    .image-gallery-play-button:hover::before,
    .image-gallery-right-nav:hover::before {
        color: #fff
    }
}

.image-gallery-fullscreen-button,
.image-gallery-play-button {
    bottom: 0
}

.image-gallery-fullscreen-button::before,
.image-gallery-play-button::before {
    font-size: 2.7em;
    padding: 15px 20px;
    text-shadow: 0 1px 1px #1a1a1a
}

@media only screen and (max-width:767px) {

    .image-gallery-fullscreen-button::before,
    .image-gallery-play-button::before {
        font-size: 2.4em
    }
}

@media only screen and (max-width:529px) {

    .image-gallery-fullscreen-button::before,
    .image-gallery-play-button::before {
        font-size: 2em
    }
}

.image-gallery-fullscreen-button:hover::before,
.image-gallery-play-button:hover::before {
    color: #fff;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media only screen and (max-width:767px) {

    .image-gallery-fullscreen-button:hover::before,
    .image-gallery-play-button:hover::before {
        -webkit-transform: none;
        transform: none
    }
}

.image-gallery-fullscreen-button {
    right: 0
}

.image-gallery-fullscreen-button::before {
    content: ""
}

.image-gallery-fullscreen-button.active::before {
    content: ""
}

.image-gallery-fullscreen-button.active:hover::before {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.image-gallery-play-button {
    left: 0
}

.image-gallery-play-button::before {
    content: ""
}

.image-gallery-play-button.active::before {
    content: ""
}

.image-gallery-left-nav,
.image-gallery-right-nav {
    color: #fff;
    font-size: 5em;
    padding: 50px 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.image-gallery-left-nav[disabled],
.image-gallery-right-nav[disabled] {
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none
}

@media only screen and (max-width:767px) {

    .image-gallery-left-nav,
    .image-gallery-right-nav {
        font-size: 3.4em;
        padding: 20px 15px
    }
}

@media only screen and (max-width:529px) {

    .image-gallery-left-nav,
    .image-gallery-right-nav {
        font-size: 2.4em;
        padding: 0 15px
    }
}

.image-gallery-left-nav {
    left: 0
}

.image-gallery-left-nav::before {
    content: ""
}

.image-gallery-right-nav {
    right: 0
}

.image-gallery-right-nav::before {
    content: ""
}

.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.image-gallery-slide {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 75%
}

.image-gallery-slide.center {
    position: relative
}

.image-gallery-slide img {
    width: 100%
}

.image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, .4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal
}

@media only screen and (max-width:767px) {
    .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px
    }
}

.image-gallery-bullets {
    bottom: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 4
}

.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center
}

.image-gallery-bullets .image-gallery-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: 0;
    padding: 5px
}

@media only screen and (max-width:767px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px
    }
}

@media only screen and (max-width:529px) {
    .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px
    }
}

.image-gallery-bullets .image-gallery-bullet.active {
    background: #fff
}

.image-gallery-thumbnails-wrapper {
    position: relative
}

.image-gallery-thumbnails-wrapper-rtl {
    direction: rtl
}

.image-gallery-thumbnails-wrapper.left,
.image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 108px
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .image-gallery-thumbnails-wrapper.left,
    .image-gallery-thumbnails-wrapper.right {
        width: 25%
    }
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,
.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,
.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
    display: block;
    margin-right: unset;
    margin-left: 10px;
    padding: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,
.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail {
    margin-left: 10px
}

.image-gallery-thumbnails-wrapper.left {
    margin-right: 5px
}

@media only screen and (max-width:767px) {
    .image-gallery-thumbnails-wrapper.left {
        margin-right: 3px
    }
}

.image-gallery-thumbnails {
    overflow: hidden
}

.image-gallery-thumbnails-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    margin-right: -10px;
    -webkit-transition: -webkit-transform .45s ease-out;
    transition: -webkit-transform .45s ease-out;
    transition: transform .45s ease-out;
    transition: transform .45s ease-out, -webkit-transform .45s ease-out;
    cursor: pointer
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .image-gallery-thumbnails-container {
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        margin-right: unset
    }
}

@media only screen and (max-width:767px) {
    .image-gallery-thumbnails-container {
        text-align: center;
        white-space: nowrap;
        -webkit-transition: -webkit-transform .45s ease-out;
        transition: -webkit-transform .45s ease-out;
        transition: transform .45s ease-out;
        transition: transform .45s ease-out, -webkit-transform .45s ease-out;
        cursor: pointer
    }
}

.image-gallery-image {
    display: -webkit-box;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.image-gallery-image picture {
    display: -webkit-box;
    display: flex
}

.image-gallery-image img {
    object-fit: contain;
    object-position: center
}

.image-gallery-thumbnail {
    display: inline-block;
    width: 72px;
    height: 70px;
    margin-top: 10px
}

@media only screen and (max-width:767px) {
    .image-gallery-thumbnail {
        width: 75px
    }
}

.image-gallery-thumbnail:not(:last-child) {
    margin-right: 10px
}

.image-gallery-thumbnail-inner__bottom {
    position: absolute;
    height: 5px;
    margin-top: 5px;
    background-color: #000;
    -webkit-transition: left .2s ease-in-out, display .2s linear, top 10ms linear .18s;
    transition: left .2s ease-in-out, display .2s linear, top 10ms linear .18s
}

.image-gallery-thumbnail-label {
    box-sizing: border-box;
    color: #fff;
    font-size: 1em;
    left: 0;
    line-height: 1em;
    padding: 5%;
    position: absolute;
    top: 50%;
    text-shadow: 1px 1px 0 #000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: normal;
    width: 100%
}

@media only screen and (max-width:767px) {
    .image-gallery-thumbnail-label {
        font-size: .8em;
        line-height: .8em
    }
}

.image-gallery-thumbnail img {
    vertical-align: middle;
    object-fit: contain;
    object-position: center;
    height: 60px;
    width: 72px
}

.image-gallery-index {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

@media only screen and (max-width:767px) {
    .image-gallery-index {
        font-size: .8em;
        padding: 5px 10px
    }
}

.center-cropped {
    object-fit: contain;
    object-position: center;
    width: 100px
}

.cursor-zoomIn {
    cursor: zoom-in
}

.icon--360 {
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
    height: 60px;
    width: 72px;
    color: #000;
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-360view-64.svg);
    background-size: 45px 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat
}

.thumb--video {
    position: relative;
    width: 100%;
    height: 60px;
    z-index: 2
}

.icon--play {
    fill: #fff;
    height: 64px;
    width: 64px;
    background-image: url(stihl-styles/resources/icons/icon-video-64.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon--play.big {
    height: 96px;
    width: 96px
}

@media only screen and (max-width:767px) {
    .icon--play.big {
        height: 64px;
        width: 64px
    }
}

.m_img-gallery-01 {
    height: 615px;
    padding: 0;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
    .m_img-gallery-01 {
        min-height: auto;
        height: 390px
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .m_img-gallery-01 {
        height: 580px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_img-gallery-01 {
        height: 626px
    }
}

.m_img-gallery-01>.m-stage__slide {
    background: #fff
}

.m_img-gallery-01__slide {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff
}

.m_img-gallery-01__slide--active {
    z-index: 10;
    display: unset
}

.m_img-gallery-01__slide--hidden {
    z-index: 9;
    display: unset
}

.m_img-gallery-01__content {
    width: 80%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    z-index: 100;
    padding-left: 10px;
    background: #fff;
    padding-top: 18px;
    word-break: normal
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_img-gallery-01__content {
        width: 70%
    }
}

@media only screen and (max-width:767px) {
    .m_img-gallery-01__content {
        width: 100%;
        margin-top: 50px;
        padding: 0 10px
    }
}

.m_img-gallery-01__background {
    position: relative;
    padding-top: 75%
}

@media only screen and (min-width:1024px) {
    .m_img-gallery-01__background {
        padding-top: 56.25%
    }
}

.m_img-gallery-01__background picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.m_img-gallery-01__pager {
    position: absolute;
    bottom: 16px;
    right: 0;
    z-index: 100;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_img-gallery-01__pager {
        bottom: 35px
    }
}

.m_img-gallery-01__pager__bar {
    width: 1px;
    height: 100%
}

.m_img-gallery-01__pager__label {
    margin-right: 15px
}

@media only screen and (max-width:767px) {
    .m_img-gallery-01__pager__label {
        margin-right: 0
    }
}

.m_img-gallery-01__pager__label>span:first-child {
    padding-right: 2px
}

@media only screen and (max-width:767px) {
    .m_img-gallery-01__pager {
        top: 0;
        bottom: auto;
        opacity: 0
    }

    .m_img-gallery-01__pager>.btn_icon-big {
        display: none
    }
}

.m_img-gallery-01__pager_dots {
    display: none
}

@media only screen and (max-width:767px) {
    .m_img-gallery-01__pager_dots {
        top: auto;
        bottom: auto;
        display: -webkit-inline-box;
        display: inline-flex;
        padding-top: calc(75% + 25px)
    }
}

.m_img-gallery-01__pager_dot {
    list-style-type: none;
    border-radius: 50%;
    outline: 0
}

.m_img-gallery-01__pager_dot--active {
    background-color: #000
}

.m_img-gallery-01__pager_dot--inactive {
    background-color: #b1b1b1
}

.m_img-gallery-01__pager_dot--margin-1 {
    margin-left: 5px
}

.m_img-gallery-01__pager_dot--margin-2 {
    margin-left: 6px
}

.m_img-gallery-01__pager_dot--size-1 {
    height: 6px;
    width: 6px
}

.m_img-gallery-01__pager_dot--size-2 {
    height: 4px;
    width: 4px
}

.m_img-gallery-01__pager_dot--size-3 {
    height: 2px;
    width: 2px
}

.confirmation-header__container {
    overflow: hidden
}

.confirmation-header__entry-tile {
    margin-top: 60px
}

.confirmation-header__cta {
    float: right;
    overflow-x: hidden;
    width: 100%
}

@media only screen and (min-width:768px) {
    .confirmation-header__cta {
        width: 33.33333%
    }
}

@media only screen and (min-width:1024px) {
    .confirmation-header__cta {
        width: 25%
    }
}

.confirmation-header__button {
    width: 100%
}

.confirmation-header__link {
    margin-top: 17px
}

.teaser-hero,
.teaser-product-hero {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media only screen and (min-width:768px) {

    .teaser-hero,
    .teaser-product-hero {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .teaser-hero--left,
    .teaser-product-hero--left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .teaser-hero,
    .teaser-product-hero {
        min-height: 800px
    }
}

@media only screen and (min-width:1024px) {

    .teaser-hero,
    .teaser-product-hero {
        min-height: 780px
    }
}

.teaser-hero__image,
.teaser-product-hero__image {
    --image: '';
    position: relative
}

@media only screen and (max-width:767px) {

    .teaser-hero__image,
    .teaser-product-hero__image {
        padding-top: 56.25%;
        margin-bottom: 20px
    }

    .teaser-hero.teaser-hero--products .teaser-hero__image,
    .teaser-hero.teaser-hero--products .teaser-product-hero__image {
        padding-top: 133.33333%;
        margin-bottom: 30px
    }
}

.teaser-hero__image::after,
.teaser-product-hero__image::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: transparent var(--image) no-repeat;
    background-size: cover;
    content: '';
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.teaser-hero__image.do-fade::after,
.teaser-product-hero__image.do-fade::after {
    opacity: 1
}

.teaser-hero__image picture,
.teaser-product-hero__image picture {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-flex: 1;
    flex: 1;
    position: absolute;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:767px) {

    .teaser-hero__image picture,
    .teaser-product-hero__image picture {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:768px) {

    .teaser-hero__image picture,
    .teaser-product-hero__image picture {
        height: 100%
    }
}

.teaser-hero__image picture>img,
.teaser-product-hero__image picture>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.teaser-hero__content,
.teaser-product-hero__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px
}

@media only screen and (min-width:768px) {

    .teaser-hero__content,
    .teaser-product-hero__content {
        margin-bottom: unset
    }
}

.teaser-hero__header,
.teaser-product-hero__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {

    .teaser-hero__header,
    .teaser-product-hero__header {
        margin-bottom: 20px
    }
}

.teaser-hero__main,
.teaser-product-hero__main {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

@-webkit-keyframes slideOld {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOld {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slideNew {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideNew {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.teaser-hero__main.do-slide .teaser-hero__main-old>:nth-child(1),
.teaser-product-hero__main.do-slide .teaser-hero__main-old>:nth-child(1) {
    -webkit-animation: slideOld .3s 0s both;
    animation: slideOld .3s 0s both
}

.teaser-hero__main.do-slide .teaser-hero__main-old>:nth-child(2),
.teaser-product-hero__main.do-slide .teaser-hero__main-old>:nth-child(2) {
    -webkit-animation: slideOld .3s 150ms both;
    animation: slideOld .3s 150ms both
}

.teaser-hero__main.do-slide .teaser-hero__main-old>:nth-child(3),
.teaser-product-hero__main.do-slide .teaser-hero__main-old>:nth-child(3) {
    -webkit-animation: slideOld .3s .3s both;
    animation: slideOld .3s .3s both
}

.teaser-hero__main.do-slide .teaser-hero__main-old>:nth-child(4),
.teaser-product-hero__main.do-slide .teaser-hero__main-old>:nth-child(4) {
    -webkit-animation: slideOld .3s 450ms both;
    animation: slideOld .3s 450ms both
}

.teaser-hero__main.do-slide .teaser-hero__main-new>:nth-child(1),
.teaser-product-hero__main.do-slide .teaser-hero__main-new>:nth-child(1) {
    -webkit-animation: slideNew .3s 150ms both;
    animation: slideNew .3s 150ms both
}

.teaser-hero__main.do-slide .teaser-hero__main-new>:nth-child(2),
.teaser-product-hero__main.do-slide .teaser-hero__main-new>:nth-child(2) {
    -webkit-animation: slideNew .3s .3s both;
    animation: slideNew .3s .3s both
}

.teaser-hero__main.do-slide .teaser-hero__main-new>:nth-child(3),
.teaser-product-hero__main.do-slide .teaser-hero__main-new>:nth-child(3) {
    -webkit-animation: slideNew .3s 450ms both;
    animation: slideNew .3s 450ms both
}

.teaser-hero__main.do-slide .teaser-hero__main-new>:nth-child(4),
.teaser-product-hero__main.do-slide .teaser-hero__main-new>:nth-child(4) {
    -webkit-animation: slideNew .3s .6s both;
    animation: slideNew .3s .6s both
}

.teaser-hero__main-new,
.teaser-hero__main-old,
.teaser-product-hero__main-new,
.teaser-product-hero__main-old {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-flex: 1;
    flex: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.teaser-hero.teaser-hero--products .teaser-hero__main-new.has-header,
.teaser-hero.teaser-hero--products .teaser-hero__main-old.has-header,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-new.has-header,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-old.has-header {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.teaser-hero.teaser-hero--products .teaser-hero__main-new header,
.teaser-hero.teaser-hero--products .teaser-hero__main-old header,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-new header,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-old header {
    max-height: 43%
}

.teaser-hero.teaser-hero--products .teaser-hero__main-new .tile_product-hero,
.teaser-hero.teaser-hero--products .teaser-hero__main-old .tile_product-hero,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-new .tile_product-hero,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-old .tile_product-hero {
    max-height: 57%
}

@media only screen and (max-width:1023px) {

    .teaser-hero.teaser-hero--products .teaser-hero__main-new header,
    .teaser-hero.teaser-hero--products .teaser-hero__main-old header,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-new header,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-old header {
        max-height: 35%
    }

    .teaser-hero.teaser-hero--products .teaser-hero__main-new .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-hero__main-old .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-new .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-old .tile_product-hero {
        max-height: 65%
    }
}

.teaser-hero.teaser-hero--products .teaser-hero__main-new.not-first .tile_product-hero,
.teaser-hero.teaser-hero--products .teaser-hero__main-old.not-first .tile_product-hero,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-new.not-first .tile_product-hero,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-old.not-first .tile_product-hero {
    -webkit-box-flex: 1;
    flex: 1
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .teaser-hero.teaser-hero--products .teaser-hero__main-new.not-first .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-hero__main-old.not-first .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-new.not-first .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-old.not-first .tile_product-hero {
        max-height: 50%
    }
}

@media only screen and (min-width:1024px) {

    .teaser-hero.teaser-hero--products .teaser-hero__main-new.not-first .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-hero__main-old.not-first .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-new.not-first .tile_product-hero,
    .teaser-hero.teaser-hero--products .teaser-product-hero__main-old.not-first .tile_product-hero {
        max-height: 35%
    }
}

.teaser-hero.teaser-hero--products .teaser-hero__main-new .tile_product-hero:last-child,
.teaser-hero.teaser-hero--products .teaser-hero__main-old .tile_product-hero:last-child,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-new .tile_product-hero:last-child,
.teaser-hero.teaser-hero--products .teaser-product-hero__main-old .tile_product-hero:last-child {
    border: 0
}

@media only screen and (max-width:767px) {

    .teaser-hero__main,
    .teaser-product-hero__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.teaser-hero__main .swiper-container,
.teaser-product-hero__main .swiper-container {
    width: 100%
}

.teaser-hero__footer,
.teaser-product-hero__footer {
    display: none
}

@media only screen and (min-width:768px) {

    .teaser-hero__footer,
    .teaser-product-hero__footer {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 20px
    }
}

.teaser-hero__pager,
.teaser-product-hero__pager {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px
}

.teaser-hero__tab,
.teaser-product-hero__tab {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-flex: 1;
    flex: 1
}

@media only screen and (max-width:767px) {

    .teaser-hero__content-inner,
    .teaser-product-hero__content-inner {
        margin: 0 10px
    }
}

@media only screen and (min-width:768px) {

    .teaser-hero__content-inner,
    .teaser-product-hero__content-inner {
        margin-right: 10px
    }

    .teaser-hero__content-inner--left,
    .teaser-product-hero__content-inner--left {
        margin-right: unset;
        margin-left: 10px
    }
}

.teaser-hero__headline,
.teaser-product-hero__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px
}

@media only screen and (min-width:768px) {

    .teaser-hero__headline,
    .teaser-product-hero__headline {
        font-size: 20px
    }
}

.teaser-hero__description,
.teaser-product-hero__description {
    margin-top: 25px
}

.teaser-hero__description:empty,
.teaser-product-hero__description:empty {
    display: none
}

@media only screen and (max-width:767px) {

    .teaser-hero__product-tile,
    .teaser-product-hero__product-tile {
        display: none
    }
}

@media only screen and (min-width:768px) {

    .teaser-hero__content,
    .teaser-hero__image,
    .teaser-product-hero__content,
    .teaser-product-hero__image {
        width: calc(50% - 20px + (20px / 2))
    }

    .teaser-hero__slider,
    .teaser-product-hero__slider {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .m_article {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_article {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_article {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_article {
        width: 984px
    }
}

.m_article__heading {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px;
    position: relative;
    margin-top: 50px
}

@media only screen and (min-width:768px) {
    .m_article__heading {
        font-size: 38px
    }
}

.m_article__heading::after {
    display: block;
    content: '';
    background-color: #000
}

.m_article__heading::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .m_article__heading::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.m_article__article>.m_backlink {
    padding: unset
}

.m_article__content-heading {
    margin-bottom: 60px;
    margin-right: 20px
}

.m_article__content-subheading {
    margin-bottom: 60px
}

.m_article__content-content {
    margin-bottom: 120px
}

.m_article__content-extra:not(:empty) {
    margin-bottom: 120px
}

.m_article__infobox {
    width: 100%
}

@media only screen and (min-width:768px) {
    .m_article__infobox {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_article__infobox {
        width: 33.33333%
    }
}

@media only screen and (min-width:1024px) {
    .m_article__infobox {
        width: 25%
    }
}

.m_article__description {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-style: italic;
    font-size: 25px
}

@media only screen and (min-width:1024px) {
    .m_article__description {
        width: 83.33333%;
        margin-top: 50px
    }
}

.search-navi-flyout {
    position: absolute;
    z-index: 500;
    height: calc(100vh + 46px);
    width: 100%;
    top: 0;
    bottom: auto;
    background-color: rgba(0, 0, 0, .4)
}

.search-navi-flyout__content {
    position: relative;
    height: auto;
    background-color: #fff
}

.search-navi-flyout__close-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100%
}

.search-navi-flyout__container {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .search-navi-flyout__container {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .search-navi-flyout__container {
        width: 984px
    }
}

.search-navi-flyout__form {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: flex;
    margin: 0 auto;
    padding: 30px 0 60px
}

@media only screen and (min-width:768px) {
    .search-navi-flyout__form {
        width: 66.66667%
    }
}

@media only screen and (min-width:1024px) {
    .search-navi-flyout__form {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .search-navi-flyout__form {
        padding-bottom: 50px
    }
}

.search-navi-flyout__input {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    font-size: 20px;
    width: 100%;
    border-bottom: 1px solid #000;
    outline: 0
}

@media only screen and (min-width:768px) {
    .search-navi-flyout__input {
        font-size: 22px
    }
}

@media only screen and (min-width:768px) {
    .search-navi-flyout__input {
        margin-right: 10px
    }
}

.search-navi-flyout__search-btn {
    cursor: pointer;
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:768px) {
    .search-navi-flyout__search-btn {
        position: relative
    }
}

.infobox-article {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border: 1px solid #000;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff
}

.infobox-article__icons {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding-top: 20px;
    padding-left: 10px
}

.infobox-article__icons>div:not(:last-child) {
    border-right: 1px solid #b1b1b1
}

.infobox-article__icons-item {
    display: -webkit-box;
    display: flex
}

.infobox-article__icons-item>i {
    margin-left: 10px;
    margin-right: 10px
}

.infobox-article__author {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000
}

.infobox-article__author-label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    padding-bottom: 10px
}

.infobox-article__author-name {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.infobox-article__related-topics {
    padding-top: 30px;
    padding-bottom: 30px
}

.infobox-article__related-topics-label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    padding-bottom: 10px
}

.infobox-article__related-topics-list>li:not(:last-child)::after {
    content: ","
}

.infobox-article__related-topics-list>li {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.product-filter {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 500
}

@media only screen and (max-width:767px) {
    .product-filter {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        max-height: 100%;
        height: auto !important;
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }
}

@media only screen and (min-width:768px) {
    .product-filter {
        border-bottom: 1px solid #b1b1b1;
        -webkit-transition: height .5s, opacity .5s;
        transition: height .5s, opacity .5s
    }
}

@media only screen and (max-width:767px) {
    .product-filter:not(.active) {
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw)
    }
}

@media only screen and (min-width:768px) {
    .product-filter:not(.active) {
        opacity: 0
    }
}

.product-filter__close-x {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 45px;
    width: 45px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20
}

.product-filter__close-x.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__close-x:hover {
        background-position: 0 -100%
    }
}

.product-filter__close-x.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__close-x:hover {
        border-color: transparent
    }
}

.product-filter__close-x:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.product-filter__close-x::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-cross-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.product-filter__container {
    --margin-bottom: 0;
    width: 100%;
    position: relative;
    margin: 45px 0 var(--margin-bottom);
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .product-filter__container {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-flow: column-reverse;
        position: relative;
        width: 100%;
        margin: 30px 0
    }

    .m_filter-bar--stuck .product-filter__container {
        max-width: calc(100% - 40px)
    }
}

@media only screen and (max-width:767px) {
    .product-filter__wrapper {
        height: 100%;
        padding: 0 20px;
        overflow-y: auto
    }
}

@media only screen and (min-width:768px) {
    .product-filter__wrapper {
        scrollbar-color: #000 #ededed;
        scrollbar-width: thin;
        overflow-x: hidden;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        position: absolute;
        top: 0;
        max-height: 500px
    }

    .product-filter__wrapper::-webkit-scrollbar {
        width: 15px;
        background-color: rgba(255, 255, 255, 0)
    }

    .product-filter__wrapper::-webkit-scrollbar-thumb,
    .product-filter__wrapper::-webkit-scrollbar-track {
        border: 5px solid rgba(255, 255, 255, 0);
        background-clip: padding-box
    }

    .product-filter__wrapper::-webkit-scrollbar-track {
        background-color: #ededed
    }

    .product-filter__wrapper::-webkit-scrollbar-thumb {
        background-color: #000
    }
}

@media only screen and (min-width:1024px) {
    .product-filter__wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
}

.product-filter__group:not(.results) {
    width: 100%
}

@media only screen and (min-width:768px) {
    .product-filter__group:not(.results) {
        margin-bottom: 30px
    }
}

.product-filter__group.results button {
    position: relative;
    background: -webkit-linear-gradient(top, #f37a1f 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #f37a1f 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    height: 60px;
    width: 100%
}

.product-filter__group.results button.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__group.results button:hover {
        background-position: 0 -100%
    }
}

.product-filter__group.results button.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__group.results button:hover {
        border-color: transparent
    }
}

.product-filter__group.results button:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.product-filter__group.results button.active {
    color: #fff
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__group.results button:hover {
        color: #fff
    }
}

@media only screen and (max-width:1023px) {
    .product-filter__group.results button {
        width: 100%
    }
}

.product-filter__group.results button:not(.full) {
    width: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .product-filter__group.results button:not(.full) {
        min-width: 242.66667px;
        max-width: 364px
    }
}

@media only screen and (min-width:1024px) {
    .product-filter__group.results button:not(.full) {
        min-width: 246px;
        max-width: 328px
    }
}

@media only screen and (max-width:767px) {
    .product-filter__group.results button {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10
    }

    .product-filter__group.results button,
    .product-filter__group.results button:not(.full) {
        width: 100%
    }
}

.product-filter__group>.acco__content>.acco__inner {
    flex-wrap: wrap;
    padding: 20px 0 30px
}

.product-filter__group--column {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.product-filter__mobile-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin: 30px 10px 25px
}

@media only screen and (min-width:768px) {
    .product-filter__mobile-title {
        font-size: 32px
    }
}

.product-filter__mobile-title::after {
    display: block;
    content: '';
    background-color: #000
}

.product-filter__mobile-title::after {
    width: 27px;
    height: 5px;
    margin-top: 8px
}

@media only screen and (min-width:768px) {
    .product-filter__mobile-title::after {
        width: 20px;
        height: 4px;
        margin-top: 11px
    }
}

@media only screen and (min-width:768px) {
    .product-filter__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 16px;
        margin: 0 0 5px 10px
    }
}

.product-filter__content--inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap
}

@media only screen and (min-width:768px) {
    .product-filter__content--inner {
        display: -webkit-box;
        display: flex;
        margin: 0 -5px;
        height: auto !important
    }
}

.product-filter__entry:not(.product-filter__entry--listitem) {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    height: 35px;
    min-width: 80px;
    max-width: 250px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    position: relative;
    background: -webkit-linear-gradient(top, #ededed 50%, #000 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #ededed 50%, #000 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0 20px;
    margin: 5px;
    height: 36px
}

.product-filter__entry:not(.product-filter__entry--listitem).active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__entry:not(.product-filter__entry--listitem):hover {
        background-position: 0 -100%
    }
}

.product-filter__entry:not(.product-filter__entry--listitem).active {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

@media (hover:hover) and (pointer:fine) {
    .product-filter__entry:not(.product-filter__entry--listitem):hover {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #fff;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 12px
    }
}

.product-filter__entry:not(.product-filter__entry--listitem)::after {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: block;
    content: attr(hover-title);
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.product-filter__entry--listitem {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    height: 35px;
    min-width: 80px;
    max-width: 250px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    padding: 0 20px;
    -webkit-box-pack: left;
    justify-content: left;
    width: 100%;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.product-filter__entry--listitem.active {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    background: #000
}

@media only screen and (max-width:767px) {
    .product-filter__entry--listitem {
        max-width: 100%
    }
}

.selected-filter {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    margin: 15px 0 25px
}

.selected-filter__tab {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    height: 35px;
    min-width: 80px;
    max-width: 250px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    background: #000;
    color: #fff;
    margin: 5px 10px 5px 0
}

.selected-filter__tab::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-cross-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    position: relative;
    height: 16px;
    margin-right: 10px
}

.selected-filter__more {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    padding: 5px 0
}

.selected-filter__more::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-plus-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.selected-filter__more span {
    pointer-events: none
}

.selected-filter button:nth-last-child(2) {
    margin-right: 20px
}

.m_login-form {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative
}

.m_login-form__headline {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b1b1b1
}

.m_login-form__action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end
}

.m_login-form__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin: 17px 20px 0 0
}

.m_login-form__link::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.m_login-form__link:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.m_login-form__new-customer {
    margin-top: 50px
}

@media only screen and (min-width:768px) {
    .m_login-form__new-customer {
        margin-top: 60px
    }
}

.m_forgot-form {
    margin: 35px 20px 0
}

.m_forgot-form__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .m_forgot-form__headline {
        font-size: 26px
    }
}

@media only screen and (min-width:768px) {
    .m_forgot-form__headline {
        margin-bottom: 40px
    }
}

.m_forgot-form__info {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px;
    margin-bottom: 40px
}

.m_forgot-form__submit {
    margin-top: 20px
}

.m_product-specifications {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.m_product-specifications__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }


.m_product-specifications__headline {
    margin: 80px 10px 50px
}

@media only screen and (min-width:768px) {
    .m_product-specifications__headline {
        margin-top: 100px
    }
}

@media only screen and (min-width:1024px) {
    .m_product-specifications__headline {
        margin-top: 120px
    }
}

.m_product-specifications__table {
    margin: 0 10px 30px
}

@media only screen and (max-width:767px) {

    .m_product-specifications__table>table td,
    .m_product-specifications__table>table th {
        display: block;
        background-color: #ededed;
        border: none
    }

    .m_product-specifications__table>table td:nth-child(even),
    .m_product-specifications__table>table th:nth-child(even) {
        background-color: #fff
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .m_product-specifications__table>table td:last-child,
    .m_product-specifications__table>table th:last-child {
        width: 66.66667%
    }
}

@media only screen and (min-width:768px) {
    .m_product-specifications__table {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .m_product-specifications__table {
        width: 66.66667%
    }

    .m_product-specifications__table>table td:last-child,
    .m_product-specifications__table>table th:last-child {
        width: 62.5%
    }
}

.m_product-specifications__footer {
    margin: 30px 10px
}

@media only screen and (min-width:1024px) {
    .m_product-specifications__footer {
        width: 66.66667%
    }
}

.m_product-specifications__footer span {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin-right: 20px
}

.m_product-specifications__footer sup::after {
    content: '\00A0'
}

@media only screen and (max-width:767px) {
    .m_product-accessories {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_product-accessories {
        position: relative;
        width: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_product-accessories {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_product-accessories {
        width: 984px
    }
}

.m_product-accessories__headline {
    width: 100%;
    margin: 80px 10px 40px
}

@media only screen and (min-width:768px) {
    .m_product-accessories__headline {
        margin-top: 100px
    }
}

@media only screen and (min-width:1024px) {
    .m_product-accessories__headline {
        margin-top: 120px
    }
}

@media only screen and (max-width:767px) {
    .product-details {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .product-details {
        position: relative;
        width: auto;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .product-details {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .product-details {
        width: 984px
    }
}

.product-details .read-more__action {
    margin-left: 10px
}

.product-details__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin: 0 10px 40px
}

@media only screen and (min-width:768px) {
    .product-details__title {
        font-size: 32px
    }
}

.product-details__description {
    margin: 0 10px
}

@media only screen and (min-width:1024px) {
    .product-details__description {
        width: 100%;
	padding-right: 20px;
    }
}

.product-details__description .richtexteditor h3 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .product-details__description .richtexteditor h3 {
        font-size: 26px
    }
}

.product-details__description .richtexteditor h4 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .product-details__description .richtexteditor h4 {
        font-size: 22px
    }
}

.product-details__description .richtexteditor h5 {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px
}

.product-details__icons {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px 100px
}

@media only screen and (max-width:767px) {
    .product-details__icons {
        margin: 0 10px 60px
    }
}

.product-details__icon-wrapper {
    min-width: 100px;
    height: 80px;
    margin: 0 20px 20px 0
}

.product-details__icon-wrapper img {
    height: 60px;
    object-fit: cover;
    object-position: center
}

.product-details__spacing {
    margin-top: 0 !important;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .m_product-ingredients {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .m_product-ingredients {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .m_product-ingredients {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .m_product-ingredients {
        width: 984px
    }
}

.m_product-ingredients__content {
    margin: 0 10px
}

@media only screen and (min-width:1024px) {
    .m_product-ingredients__content {
        width: 66.66667%
    }
}

.m_product-ingredients__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin: 50px 10px 30px
}

@media only screen and (min-width:768px) {
    .m_product-ingredients__headline {
        font-size: 26px
    }
}

.m_product-ingredients__link {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f;
    margin: 20px 0
}

.m_product-ingredients__description {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

.m_myaccount-data {
    margin-bottom: 10px;
    padding: 0 30px 30px 0
}

@media only screen and (max-width:767px) {
    .m_myaccount-data {
        padding: 20px 0 20px
    }
}

@media only screen and (min-width:768px) {
    .m_myaccount-data__headline {
        margin-left: 20px
    }
}

.m_myaccount-data__input {
    display: -webkit-box;
    display: flex;
    margin-bottom: 10px;
    flex-wrap: wrap
}

@media only screen and (max-width:767px) {
    .m_myaccount-data__input {
        flex-wrap: wrap
    }
}

@media only screen and (min-width:768px) {
    .m_myaccount-data__input {
        margin-left: 20px
    }
}

.m_myaccount-data__errormessage {
    padding: 0 0 20px
}

@media only screen and (min-width:768px) {
    .m_myaccount-data__errormessage {
        padding: 20px
    }
}

.m_myaccount-data__addresslist {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

@media only screen and (min-width:768px) {
    .m_myaccount-data__addresslist {
        padding: 20px 0 20px 20px
    }
}

.m_myaccount-data__address {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px;
    min-width: 47%;
    padding-bottom: 10px;
    position: relative
}

@media only screen and (min-width:768px) {
    .m_myaccount-data__address {
        padding: 10px
    }
}

@media only screen and (max-width:767px) {
    .m_myaccount-data__address {
        margin: 0 0 20px 0;
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_myaccount-data__address {
        -webkit-box-flex: 1;
        flex: 1 0 auto;
        margin: 0 40px 20px 0
    }
}

.m_myaccount-data__address input[type=checkbox] {
    border: 1px solid #b1b1b1;
    width: 16px;
    height: 16px
}

.m_myaccount-data__address--container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .checkout .m_myaccount-data__address--container {
        padding-top: 20px
    }
}

.m_myaccount-data__address--title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-bottom: 50px
}

@media only screen and (min-width:768px) {
    .m_myaccount-data__address--title {
        font-size: 26px
    }
}

.m_myaccount-data__address-box {
    width: 100%;
    min-height: 150px
}

.m_myaccount-data__edit {
    position: absolute;
    right: 20px;
    top: 10px
}

.m_myaccount-data__edit button {
    width: 25px;
    height: 25px;
    cursor: pointer
}

.m_myaccount-data__edit button::before {
    content: "";
    background-image: url(stihl-styles/resources/icons/icon-pen-orange-16.svg);
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    display: inline-block
}

.shipmentcollection {
    width: 100%
}

@media only screen and (max-width:767px) {
    .shipmentcollection__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .shipmentcollection__title {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .shipmentcollection__title::after {
        display: block;
        content: '';
        background-color: #000
    }

    .shipmentcollection__title::after {
        width: 23px;
        height: 5px;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .shipmentcollection__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .shipmentcollection__collapsed {
        display: none
    }
}

.shipmentcollection__collapsed {
    padding: 10px 20px 20px 20px
}

.shipmentcollection__subtitle {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .shipmentcollection__subtitle {
        font-size: 22px
    }
}

.shipmentcollection__formwrapper {
    width: 100%;
    padding-left: 10px
}

@media only screen and (max-width:767px) {
    .shipmentcollection__addresswrapper {
        margin-bottom: 50px
    }
}

.shipmentcollection__selection-btn {
    display: -webkit-box;
    display: flex;
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .shipmentcollection__selection-btn {
        width: 41.66667%
    }
}

.shipmentcollection__selection-btn .checkbox {
    margin-left: 30px
}

.shipmentcollection__spacing {
    margin: 20px 0 40px
}

.shipmentcollection__selection {
    margin-bottom: 40px
}

.shipmentcollection__change-delivery {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 38px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.shipmentcollection__change-delivery::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-pen-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(12px, -50%, 0);
    transform: translate3d(12px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

@media only screen and (max-width:1023px) {
    .shipmentcollection__change-delivery {
        margin: 0 0 10px 10px
    }
}

@media only screen and (min-width:1024px) {
    .shipmentcollection__change-delivery::after {
        top: 15%
    }
}

.shipmentcollection .list-confirmation:last-child .list-shopping-cart__notice-box,
.shipmentcollection .list-shopping-cart:last-child .list-shopping-cart__notice-box {
    border: 0
}

.shipmentcollection__box-wrapper {
    align-self: end
}

.personalinformation {
    width: 100%
}

@media only screen and (max-width:767px) {
    .personalinformation__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .personalinformation__title {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .personalinformation__title::after {
        display: block;
        content: '';
        background-color: #000
    }

    .personalinformation__title::after {
        width: 23px;
        height: 5px;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .personalinformation__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .personalinformation__collapsed {
        display: none
    }
}

.personalinformation__collapsed {
    padding: 10px 20px 20px 20px
}

@media only screen and (min-width:768px) {
    .personalinformation {
        padding-left: 10px
    }
}

.personalinformation__subtitle {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .personalinformation__subtitle {
        font-size: 22px
    }
}

@media only screen and (min-width:768px) {
    .personalinformation__subtitle {
        margin-left: 5px
    }
}

.personalinformation__formwrapper {
    width: 100%
}

@media only screen and (min-width:768px) {
    .personalinformation__formwrapper .btn_selection {
        width: 66.66667%
    }

    .shipmentcollection .personalinformation__formwrapper .btn_selection {
        min-width: 280px;
        width: auto
    }
}

.payment {
    width: 100%
}

.payment .tab-bar_pager {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .payment .tab-bar_pager {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:767px) {
    .payment__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .payment__title {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .payment__title::after {
        display: block;
        content: '';
        background-color: #000
    }

    .payment__title::after {
        width: 23px;
        height: 5px;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .payment__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .payment__collapsed {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .payment {
        width: 58.33333%
    }
}

.payment__collapsed {
    padding: 10px 20px 20px 20px
}

@media only screen and (min-width:768px) {
    .payment__formwrapper {
        width: 100%
    }
}

.payment__formwrapper .form__section {
    margin-bottom: 30px
}

.payment__providers {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    height: 32px;
    margin-bottom: 30px
}

@media only screen and (max-width:767px) {
    .payment__providers {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.payment__providers-label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    margin-right: 30px
}

.payment__providers-item {
    margin-right: 30px;
    height: 100%
}

.payment__providers-item.master::after,
.payment__providers-item.visa::after {
    position: absolute
}

.payment__providers-item.master {
    width: 41px
}

.payment__providers-item.master::after {
    content: url(stihl-styles/resources/icons/logo-mastercard.svg);
    height: 32px;
    width: 41px
}

.payment__providers-item.visa {
    width: 100px
}

.payment__providers-item.visa::after {
    content: url(stihl-styles/resources/icons/logo-visa.svg);
    height: 32px;
    width: 100px
}

.payment__paypal-section {
    margin: 0 10px 30px 10px
}

.payment__paypal-section .icon-paypal {
    margin-bottom: 30px
}

.payment-accepted-cards {
    display: grid;
    grid-gap: 10px;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .payment-accepted-cards {
        grid-template-columns: 30% 1fr
    }
}

.payment-accepted-cards__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .payment-accepted-cards__wrapper {
        margin: 0 10px
    }
}

.payment-accepted-cards__card:not(:last-child) {
    margin-right: 30px
}

.payment-accepted-cards__cvv_container {
    display: -webkit-box;
    display: flex
}

@media only screen and (min-width:768px) {
    .payment-accepted-cards__cvv_container .tooltip {
        top: 7px;
        -webkit-transform: translate(-90%, -100%);
        transform: translate(-90%, -100%)
    }
}

.payment-accepted-cards__card-type {
    position: absolute;
    right: -20px;
    top: 18px;
    width: 40px;
    height: 26px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.m_order-summary {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 20px
}

.m_order-summary__info-section,
.m_order-summary__processed {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .m_order-summary__info-section,
    .m_order-summary__processed {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {

    .m_order-summary__info-section,
    .m_order-summary__processed {
        width: 984px
    }
}

.m_order-summary__message {
    padding: 30px 10px 40px;
    background-color: #ededed
}

@media only screen and (min-width:1024px) {
    .m_order-summary__message {
        padding-left: 0
    }
}

@media only screen and (min-width:1024px) {

    .m_order-summary__box,
    .m_order-summary__processed {
        padding: 0 10px
    }
}

.m_order-summary__order {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .m_order-summary__order {
        font-size: 22px
    }
}

@media only screen and (min-width:1024px) {
    .m_order-summary__order {
        padding-left: 15px
    }
}

.m_order-summary__text {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px;
    margin: 0
}

@media only screen and (min-width:1024px) {
    .m_order-summary__text {
        padding-left: 15px
    }
}

.m_order-summary__info {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin: 80px 0 50px
}

@media only screen and (min-width:768px) {
    .m_order-summary__info {
        font-size: 32px
    }
}

@media only screen and (min-width:768px) {
    .m_order-summary__info {
        margin: 120px 0 60px
    }
}

.m_order-summary__box {
    padding-left: 10px
}

@media only screen and (max-width:1023px) {
    .m_order-summary__box {
        padding-left: 5px
    }
}

.m_order-summary__link {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.m_order-summary__section {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px
}

@media only screen and (max-width:767px) {
    .checkoutoverview__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px;
        padding-top: 15px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .checkoutoverview__title {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .checkoutoverview__title::after {
        display: block;
        content: '';
        background-color: #000
    }

    .checkoutoverview__title::after {
        width: 23px;
        height: 5px;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .checkoutoverview__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.checkoutoverview__item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b1b1b1
}

.checkoutoverview__item>.label_circle-no-text-l::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-pen-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    right: 10px;
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms
}

.checkoutoverview__step {
    padding-top: 10px
}

@media only screen and (min-width:768px) {
    .checkoutoverview__step {
        padding-top: 20px
    }
}

.checkoutoverview__step img {
    max-height: 40px
}

@media only screen and (max-width:767px) {
    .checkoutoverview__step img {
        max-width: 60px
    }
}

.checkoutoverview__step.paypal {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.article-tab {
    -webkit-box-flex: 1;
    flex: 1;
    display: block;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .article-tab {
        position: relative;
        background: -webkit-linear-gradient(top, #fff 50%, #ededed 50%) 0 0/200% 200%;
        background: linear-gradient(to bottom, #fff 50%, #ededed 50%) 0 0/200% 200%;
        box-sizing: border-box;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: background-position .4s, border-color .4s, color .2s;
        transition: background-position .4s, border-color .4s, color .2s;
        padding: 20px 40px 20px 20px;
        min-height: 180px;
        max-height: 35%
    }

    .article-tab.active {
        background-position: 0 -100%
    }
}

@media only screen and (min-width:768px) and (hover:hover) and (pointer:fine) {
    .article-tab:hover {
        background-position: 0 -100%
    }
}

@media only screen and (min-width:768px) {
    .article-tab:not(:last-child) {
        border-bottom: 1px solid #b1b1b1
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .article-tab {
        min-height: 163px;
        padding: 15px 40px 15px 20px
    }
}

.article-tab__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

@media only screen and (min-width:768px) {
    .article-tab__inner::after {
        background-image: url(stihl-styles/resources/icons/icon-arrow-right-16.svg);
        background-position: center;
        width: auto;
        background-repeat: no-repeat;
        height: 16px;
        background-size: 16px;
        position: absolute;
        right: 0;
        height: 100%;
        width: 20px;
        padding: 0 10px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        content: '';
        box-sizing: content-box
    }
}

.article-tab__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 15px;
    max-height: 35%;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .article-tab__title {
        font-size: 22px
    }
}

.article-tab__desc {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px;
    overflow: hidden
}

.column-control {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width:529px) {
    .column-control {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
        -webkit-box-align: center;
        align-items: center
    }
}

.column-control__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    width: 100%;
    box-sizing: border-box;
    word-break: normal
}

.teaser-grid .column-control__inner>* {
    height: 100%
}
.teaser-grid .column-control__inner>*:not(.new) {
    height: 100%;
}

.column-control__inner>:not(:first-child) {
    margin-top: 30px
}

@media only screen and (min-width:530px) and (max-width:767px) {
    .column-control__inner {
        width: calc(50% - 20px + (20px / 2));
        margin-right: 20px
    }

    .column-control__inner:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    .column-control__inner:not(:last-child) {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:768px) {
    .column-control.column-size-2 .column-control__inner {
        width: calc(50% - 20px + (20px / 2));
        margin-right: 20px
    }

    .column-control.column-size-2 .column-control__inner:nth-child(2n) {
        margin-right: 0
    }

    .column-control.column-size-2 .column-control__inner:nth-child(n+3) {
        margin-top: 30px
    }

    .column-control.column-size-3 .column-control__inner {
        width: calc(33.33333% - 20px + (20px / 3));
        margin-right: 20px
    }

    .column-control.column-size-3 .column-control__inner:nth-child(3n) {
        margin-right: 0
    }

    .column-control.column-size-3 .column-control__inner:nth-child(n+4) {
        margin-top: 30px
    }

    .column-control.column-size-4 .column-control__inner {
        width: calc(25% - 20px + (20px / 4));
        margin-right: 20px
    }

    .column-control.column-size-4 .column-control__inner:nth-child(4n) {
        margin-right: 0
    }

    .column-control.column-size-4 .column-control__inner:nth-child(n+5) {
        margin-top: 30px
    }
}

.column-control__inner .cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1
}

.column-control__inner .cta>.btn {
    align-self: flex-end;
    width: 100%
}

.m_product-features {
    position: relative;
    width: calc(100% -(2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}

.m_product-features__headline {
    width: 100%;
    padding: 0 10px;
    margin-top: 80px;
    margin-bottom: 40px
}

@media only screen and (min-width: 1024rem) {
    .m_product-features__headline {
        margin-top: 90px;
    }
}
.m_product-features__headline {
    padding: 10px;
    margin-top: 90px;
    margin-bottom: 40px;
}

@media only screen and (max-width:767px) {
    .m_product-features__overlay.overlay--standard {
        height: 100vh;
        max-height: 100vh
    }
}

.m_product-features__overlay.overlay--standard .overlay__button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .m_product-features__overlay.overlay--standard .overlay__button {
        right: 20px
    }
}

.m_product-features__overlay.overlay--standard .overlay__content-inner {
    min-height: 500px;
    width: 100%;
    margin: 0 auto
}

.m_img-gallery-05 .image-gallery-slide {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px;
    padding-top: 0;
    white-space: normal
}

@media only screen and (max-width:767px) {
    .m_img-gallery-05 .image-gallery-slide {
        overflow-y: scroll;
        height: 100vh
    }
}

.m_img-gallery-05 .image-gallery-swipe {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

@media only screen and (min-width:1024px) {
    .m_img-gallery-05 .image-gallery-slides {
        padding: 0 82px
    }
}

.m_img-gallery-05 .image-gallery-index {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    left: 90px;
    background: 0 0;
    color: #000;
    max-width: 100px;
    height: 25px
}

@media only screen and (max-width:767px) {
    .m_img-gallery-05 .image-gallery-index {
        position: fixed;
        top: 0;
        height: 35px
    }
}

.m_img-gallery-05 .image-gallery-index-separator {
    display: none
}

.m_img-gallery-05 .image-gallery-index-current {
    position: relative;
    margin-right: 10px
}

.m_img-gallery-05 .image-gallery-index-current::after {
    content: '|';
    position: absolute;
    right: -8px
}

.m_img-gallery-05__slide {
    display: -webkit-box;
    display: flex;
    margin-top: -10px
}

@media only screen and (max-width:767px) {
    .m_img-gallery-05__slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

@media only screen and (min-width:768px) {
    .m_img-gallery-05__slide {
        padding: 20px
    }
}

@media only screen and (min-width:1024px) {
    .m_img-gallery-05__slide {
        padding: 20px 5px
    }
}

.m_img-gallery-05__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    padding-left: 20px;
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .m_img-gallery-05__content {
        margin-top: 10px;
        padding: 20px
    }
}

.m_img-gallery-05__image {
    padding: 0 10px;
    margin-top: 90px
}

@media only screen and (max-width:767px) {
    .m_img-gallery-05__image {
        -webkit-box-flex: 1;
        flex: 1;
        margin-top: 45px;
        padding: 0;
        position: relative;
        padding-top: 75%
    }

    .m_img-gallery-05__image picture {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (min-width:768px) {
    .m_img-gallery-05__image {
        flex-basis: 314px
    }
}

@media only screen and (min-width:1024px) {
    .m_img-gallery-05__image {
        flex-basis: 304px
    }
}

.m_img-gallery-05__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

@media only screen and (min-width:768px) {
    .m_img-gallery-05__image img {
        max-height: 235px
    }
}

@media only screen and (min-width:1024px) {
    .m_img-gallery-05__image img {
        max-height: 228px
    }
}

.m_img-gallery-05__description,
.m_img-gallery-05__description>p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 30px
}

.m_img-gallery-05__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .m_img-gallery-05__title {
        font-size: 22px
    }
}

.m_img-gallery-05__button {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0
}

.m_img-gallery-05__button--right {
    left: 46px
}

@media only screen and (min-width:768px) {
    .m_img-gallery-05__button {
        position: absolute
    }
}

.m_img-gallery-05__pager {
    position: absolute;
    top: 0;
    left: 20px
}

.read-more__content {
    position: relative;
    overflow: hidden;
    -webkit-transition: height 250ms;
    transition: height 250ms;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.read-more__content:not(.active) {
    -webkit-line-clamp: 3
}

.read-more__inner {
    width: 100%;
    margin-top: 0 !important
}

.read-more__action {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    cursor: pointer;
    margin-top: 20px;
    padding: 0
}

.read-more__action.less,
.read-more__action.more {
    position: relative
}

.read-more__action.less::after,
.read-more__action.more::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -1px;
    margin-left: 10px
}

.read-more__action.more::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-plus-16.svg) no-repeat center/contain;
    position: absolute;
    height: 14px;
    width: 14px
}

.read-more__action.less::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-minus-16.svg) no-repeat center/contain;
    position: absolute;
    height: 14px;
    width: 14px
}

.trip-advisor {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #f37a1f
}

.trip-advisor__content {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 50px 0
}

@media only screen and (min-width:768px) {
    .trip-advisor__content {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .trip-advisor__content {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .trip-advisor__content {
        width: 984px
    }
}

.trip-advisor__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .trip-advisor__title {
        font-size: 32px
    }
}

@media only screen and (min-width:768px) {
    .trip-advisor__title {
        text-align: center;
        width: 66.66667%
    }
}

.trip-advisor__link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.trip-advisor__link::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.trip-advisor__link:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.trip-advisor__link-container {
    display: -webkit-box;
    display: flex;
    height: 100px;
    background-color: #ededed;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.trip-advisor__icon {
    margin-left: 10px
}

.teasertile {
    display: -webkit-box;
    display: flex;
    position: relative
}

@media only screen and (max-width:767px) {
    .teasertile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width:768px) {
    .teasertile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column
    }
}

.teasertile__image {
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.teasertile__image img {
    width: 100%;
    max-width: 100%;
    max-height: unset
}

@media only screen and (max-width:767px) {
    .teasertile__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 20px;
        margin: 17px 10px 0 10px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .teasertile__title {
        font-size: 22px
    }
}

@media only screen and (min-width:768px) {
    .teasertile__title {
        display: inline-block;
        position: relative;
        cursor: pointer;
        margin-right: 41px;
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 22px;
        display: block;
        margin: 10px 40px 0 10px
    }

    .teasertile__title::after {
        content: '';
        background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
        position: absolute;
        height: 16px;
        width: 16px;
        top: 4px;
        left: 100%;
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0);
        height: 16px;
        margin-top: -1px;
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .teasertile__title:hover::after {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
}

.teasertile:hover .teasertile__title::after {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
}

.text-img {
    display: grid;
    grid-gap: 20px
}

.text-img.text-img--30 .text-img__img,
.text-img.text-img--60 .text-img__img,
.text-img.text-img--70 .text-img__img {
    padding-top: 75%
}

.text-img.text-img--40 .text-img__img {
    padding-top: 56.25%
}

.text-img.text-img--50 .text-img__img {
    padding-top: 133.33333%
}

.teaser-grid .text-img.text-img--60 {
    height: 100%;
    grid-template-rows: auto 1fr;
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .teaser-grid .text-img.text-img--60 {
        grid-gap: 0
    }
}

@media only screen and (max-width:767px) {
    .text-img {
        grid-template-areas: 'img' 'text'
    }
}

@media only screen and (min-width:768px) {
    .text-img {
        grid-template-columns: repeat(6, 1fr)
    }

    .text-img.text-img--30 {
        grid-template-areas: 'img img text text text text'
    }

    .text-img.text-img--40,
    .text-img.text-img--50,
    .text-img.text-img--60 {
        grid-template-areas: 'img img img text text text'
    }

    .text-img.text-img--70 {
        grid-template-areas: 'img img img img text text'
    }

    .text-img.text-img--tile,
    .text-img.text-img--top {
        grid-template-areas: 'img' 'text';
        grid-template-columns: auto
    }

    .text-img.text-img--top {
        width: 33.33333%
    }

    .text-img--right.text-img--30 {
        grid-template-areas: 'text text text text img img'
    }

    .text-img--right.text-img--40,
    .text-img--right.text-img--50,
    .text-img--right.text-img--60 {
        grid-template-areas: 'text text text img img img'
    }

    .text-img--right.text-img--70 {
        grid-template-areas: 'text text img img img img'
    }

    .text-img--top {
        grid-template-areas: 'img' 'text';
        grid-template-columns: auto;
        width: 33.33333%
    }

    .text-img--tile {
        grid-template-areas: 'img' 'text'
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .text-img.text-img--40,
    .text-img.text-img--60 {
        grid-auto-columns: 1fr 1fr
    }

    .text-img.text-img--60 .text-img__img {
        padding-top: 100%
    }

    .teaser-grid .text-img.text-img--60 .text-img__img {
        padding-top: 75%
    }
}

@media only screen and (max-width:1023px) {
    .text-img {
        margin-bottom: 50px
    }
}

@media only screen and (min-width:1024px) {
    .text-img {
        grid-template-columns: repeat(12, 1fr);
        margin-bottom: 0px
    }

    .text-img.text-img--30 {
        grid-template-areas: 'img img img img text text text text text text text text'
    }

    .text-img.text-img--40 {
        grid-template-areas: 'img img img img img text text text text text text text'
    }

    .text-img.text-img--50 {
        grid-template-areas: 'img img img img img img text text text text text text'
    }

    .text-img.text-img--60 {
        grid-template-areas: 'img img img img img img img text text text text text'
    }

    .text-img.text-img--70 {
        grid-template-areas: 'img img img img img img img img text text text text'
    }

    .text-img.text-img--tile,
    .text-img.text-img--top {
        grid-template-areas: 'img' 'text';
    }

    .text-img--right.text-img--30 {
        grid-template-areas: 'text text text text text text text text img img img img'
    }

    .text-img--right.text-img--40 {
        grid-template-areas: 'text text text text text text text img img img img img'
    }

    .text-img--right.text-img--50 {
        grid-template-areas: 'text text text text text text img img img img img img '
    }

    .text-img--right.text-img--60 {
        grid-template-areas: 'text text text text text img img img img img img img'
    }

    .text-img--right.text-img--70 {
        grid-template-areas: 'text text text text img img img img img img img img'
    }
}

.text-img__img {
    position: relative
}

.text-img__img picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.text-img__img picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.text-img__img-wrapper {
    grid-area: img;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .teaser-grid .text-img__img-wrapper {
        flex-shrink: 0
    }
}

.text-img__img-wrapper .richtexteditor {
    margin-top: 15px
}

.text-img__img-desc {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    margin: 15px 10px 0
}

.text-img__img-desc p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    margin: 0
}

.text-img__img-error {
    position: absolute;
    top: 20px
}

.text-img__text {
    grid-area: text;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.text-img__text h2,
.text-img__text h3,
.text-img__text h4,
.text-img__text h5 {
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .text-img__text h2 {
        margin-bottom: 50px
    }
}

.text-img__text>:not(:first-child),
.text-img__text>div>:not(:first-child) {
    margin-top: 0px
}

.text-img__text>a {
    margin-top: 30px !important
}

@media only screen and (min-width:768px) {
    .teaser-grid .text-img__text>a {
        position: absolute;
        bottom: 0
    }
}

.text-img__text .richtexteditor {
    margin-top: 0
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .text-img--70 .text-img__text .btn_standard {
        min-width: auto
    }
}

@media only screen and (min-width:768px) {
    .text-img__text {
        margin-top: 25px;
        line-height: 1;
    }
    .subcategory .text-img__text {
        margin-top: 5px;
    }

    .teaser-grid .text-img__text {
        position: relative;
        margin: 20px 10px 0;
        padding-bottom: 40px
    }
}
.subcategory .text-img__text {
	align-content: normal;
}

.page-category .container__inner h2.subcategory-title  {
    font-size: 26px;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
}
.text-img__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 27px;
    word-break: normal
}

@media only screen and (min-width:768px) {
    .text-img__title {
        font-size: 32px
    }
}

.text-img--tile .text-img__title,
.text-img--top .text-img__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px
}

.teaser-grid .text-img__title {
    margin-bottom: 20px;
    margin-top: 0;
    min-height: 34px
}

.contentoverview {
    height: 100%
}

.contentoverview>div {
    height: 100%
}

.cookie-layer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #b1b1b1;
    background: #fff;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    z-index: 1000
}

.cookie-layer.close {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.cookie-layer__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 20px
}

@media only screen and (max-width:767px) {
    .cookie-layer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column;
        margin-bottom: 20px;
        padding: 20px 20px 0
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .cookie-layer__inner {
        max-height: 300px;
        overflow-y: scroll
    }
}

@media only screen and (min-width:768px) {
    .cookie-layer__inner {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .cookie-layer__inner {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .cookie-layer__inner {
        width: 984px
    }
}

.cookie-layer__btn-wrapper {
    white-space: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-top: 20px
}

.cookie-layer__btn-wrapper>* {
    margin-top: 20px
}

.cookie-layer__btn-wrapper .btn_standard {
    width: 100%
}

@media only screen and (max-width:1023px) {
    .cookie-layer__btn-wrapper .btn_standard {
        max-width: inherit
    }
}

.cookie-layer__text a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

.cookie-layer section {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column
}

@media only screen and (max-width:767px) {
    .cookie-layer section:not(:first-child) {
        margin-top: 20px
    }
}

@media only screen and (min-width:768px) {
    .cookie-layer section:not(:first-child) {
        margin-left: 20px
    }
}

.cookie-layer .close-x {
    position: relative;
    background: -webkit-linear-gradient(top, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    background: linear-gradient(to bottom, #000 50%, #f37a1f 50%) 0 0/200% 200%;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-position .4s, border-color .4s, color .2s;
    transition: background-position .4s, border-color .4s, color .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-color: transparent;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 0
}

.cookie-layer .close-x.active {
    background-position: 0 -100%
}

@media (hover:hover) and (pointer:fine) {
    .cookie-layer .close-x:hover {
        background-position: 0 -100%
    }
}

.cookie-layer .close-x.active {
    border-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .cookie-layer .close-x:hover {
        border-color: transparent
    }
}

.cookie-layer .close-x:disabled {
    background: #ededed;
    border-color: #ededed;
    pointer-events: none
}

.cookie-layer .close-x::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-cross-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

@media only screen and (max-width:767px) {
    .cookie-layer .close-x {
        right: 0
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .cookie-layer .close-x {
        top: 20px
    }
}

.m_checkout-dealer-search {
    display: -webkit-box;
    display: flex;
    margin: 60px 0 30px 0
}

@media only screen and (max-width:767px) {
    .m_checkout-dealer-search {
        flex-wrap: wrap;
        margin-top: 50px
    }
}

.m_checkout-dealer-search__formfield {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    min-width: auto
}

@media only screen and (max-width:1023px) {
    .m_checkout-dealer-search__formfield {
        margin-bottom: 20px
    }
}

.m_checkout-dealer-search__formfield .form-field__datalist {
    top: 90px
}

.m_checkout-dealer-search__formfield input {
    width: 100%;
    padding-right: 30px;
    -moz-appearance: textfield
}

.m_checkout-dealer-search__formfield input::-webkit-inner-spin-button,
.m_checkout-dealer-search__formfield input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.m_checkout-dealer-search__text {
    position: relative;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .m_checkout-dealer-search__text {
        margin-right: 0;
        width: 100%
    }
}

.m_checkout-dealer-search__text .btn_selection__icon-high {
    height: 60px;
    top: auto;
    bottom: 10px
}

@media only screen and (max-width:767px) {
    .m_checkout-dealer-search__text .btn_selection__icon-high {
        bottom: 30px
    }
}

@media only screen and (max-width:1023px) {
    .m_checkout-dealer-search__dropdown {
        width: 100%
    }
}

.m_checkout-dealer-search__dealer-list {
    position: relative;
    width: 100%
}

.m_checkout-dealer-search__dealer-list>.loader {
    top: 100px
}

.cta__component--container {
    margin: 5px 0
}

@media only screen and (max-width:767px) {
    .cta__component--container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .cta__component--container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .cta__component--container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .cta__component--container {
        width: 984px
    }
}

.acco-order {
    position: relative;
    margin: 20px 0;
    min-height: 300px
}

.acco-order__header,
.acco-order__tab {
    display: grid;
    grid-template-columns: 1.2fr repeat(3, 1fr) .7fr;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (min-width:768px) {

    .acco-order__header--pickUp,
    .acco-order__tab--pickUp {
        grid-template-columns: 1.2fr 1fr 1.2fr .7fr
    }
}

.acco-order__header {
    border-bottom: 1px solid #b1b1b1;
    padding-right: 45px
}

@media only screen and (max-width:767px) {
    .acco-order__header {
        grid-gap: 20px;
        grid-template-columns: 1.3fr 1fr
    }
}

.acco-order__tab {
    -webkit-box-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .acco-order__tab {
        grid-gap: 20px;
        grid-template: 'col11 col12' auto 'col21 col22' auto/1.3fr 1fr
    }
}

@media only screen and (max-width:767px) {
    .acco-order__order-number {
        grid-area: col11;
        word-break: break-all
    }

    .acco-order__order-date {
        grid-area: col12;
        align-self: flex-start
    }

    .acco-order__order-total {
        grid-area: col21
    }

    .acco-order__order-payment {
        grid-area: col21;
        justify-self: flex-end
    }

    .acco-order__order-shipping {
        grid-area: col22;
        justify-self: center
    }
}

.acco-order__order-payment {
    display: -webkit-box;
    display: flex
}

.acco-order__order-payment img {
    max-height: 40px
}

@media only screen and (max-width:767px) {
    .acco-order__order-payment img.paypal {
        width: 40px
    }
}

@media only screen and (min-width:768px) {
    .acco-order__order-payment img.paypal {
        margin-left: -10px
    }
}

.acco-order__order-shipping #clock,
.acco-order__order-shipping>#note-check {
    margin-left: 5px
}

@media only screen and (min-width:768px) {

    .acco-order__order-shipping #clock,
    .acco-order__order-shipping>#note-check {
        margin-left: 10px
    }
}

.m_dialogue-input {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 10px
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input {
        width: 66.66667%;
        margin-left: 16.66667%;
        margin-right: 0
    }
}

.m_dialogue-input__sub-heading {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 21px
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input__sub-heading {
        margin-bottom: 27px
    }
}

.m_dialogue-input__heading {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-bottom: 5px
}

@media only screen and (min-width:768px) {
    .m_dialogue-input__heading {
        font-size: 26px
    }
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input__heading {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px;
        margin-bottom: -3px
    }
}

@media only screen and (min-width:1024px) and (min-width:768px) {
    .m_dialogue-input__heading {
        font-size: 38px
    }
}

.m_dialogue-input__input {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    max-width: 460px;
    border-bottom: 1px solid #000
}

@media only screen and (max-width:767px) {
    .m_dialogue-input__input {
        width: 220px
    }
}

.m_dialogue-input__submit-button {
    padding: 0
}

.m_dialogue-input__input-icon {
    margin-left: 10px
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input__input-icon {
        margin-left: 20px
    }
}

.m_dialogue-input__input-icon svg {
    width: 16px;
    height: 16px
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input__input-icon svg {
        width: 32px;
        height: 32px
    }
}

.m_dialogue-input__input-text {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #f37a1f;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    max-width: calc(100% - 26px)
}

@media only screen and (min-width:768px) {
    .m_dialogue-input__input-text {
        font-size: 26px;
        width: 400px
    }
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input__input-text {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #f37a1f;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px;
        margin-bottom: -4px
    }
}

@media only screen and (min-width:1024px) and (min-width:768px) {
    .m_dialogue-input__input-text {
        font-size: 38px
    }
}

.m_dialogue-input__input-text::-webkit-input-placeholder {
    color: #b1b1b1;
    opacity: 1
}

.m_dialogue-input__input-text::-moz-placeholder {
    color: #b1b1b1;
    opacity: 1
}

.m_dialogue-input__input-text::-ms-input-placeholder {
    color: #b1b1b1;
    opacity: 1
}

.m_dialogue-input__input-text::placeholder {
    color: #b1b1b1;
    opacity: 1
}

.m_dialogue-input__input-reference {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    visibility: hidden;
    height: 0
}

@media only screen and (min-width:768px) {
    .m_dialogue-input__input-reference {
        font-size: 26px
    }
}

@media only screen and (min-width:1024px) {
    .m_dialogue-input__input-reference {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px
    }
}

@media only screen and (min-width:1024px) and (min-width:768px) {
    .m_dialogue-input__input-reference {
        font-size: 38px
    }
}

.shipping-method {
    width: 100%
}

@media only screen and (max-width:767px) {
    .shipping-method__collapsed {
        display: none
    }
}

.shipping-method__collapsed {
    padding: 10px 20px 20px
}

.shipping-method__formwrapper {
    width: 100%
}

@media only screen and (min-width:768px) {
    .shipping-method__formwrapper .btn_selection {
        width: 66.66667%
    }
}

.shipping-method__delivery-inner {
    display: grid;
    grid-gap: 30px 20px;
    margin-bottom: 50px
}

@media only screen and (min-width:768px) {
    .shipping-method__delivery-inner {
        grid-gap: 20px 20px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 60px
    }
}

@media only screen and (max-width:767px) {
    .shipping-method__delivery .form__submit {
        width: 100%
    }
}

.shipping-method__dealer-footer {
    margin: 30px 10px 0
}

.shipping-method__dealer-footer>p:not(:last-child) {
    margin-bottom: 10px
}

.checkout-select__wrapper {
    display: -webkit-box;
    display: flex
}

.checkout-select__wrapper section {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 10px
}

@media only screen and (min-width:768px) {
    .checkout-select__wrapper section {
        margin-right: 30px
    }
}

.checkout-select__wrapper p,
.checkout-select__wrapper span {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 16px
}

.checkout-select__wrapper p {
    margin-top: 10px
}

.checkout-select__wrapper span {
    display: block
}

.checkout-select__icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-self: center;
    position: relative;
    width: 32px;
    height: 32px;
    margin-right: 10px
}

@media only screen and (min-width:768px) {
    .checkout-select__icon {
        width: 64px;
        height: 64px;
        margin-right: 20px
    }
}

.checkout-select__icon::after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:768px) {
    .checkout-select__icon::after {
        width: 64px !important;
        height: 64px !important
    }
}

.checkout-select__icon.deliver::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-truck-64.svg) no-repeat center/contain;
    position: absolute;
    height: 32px;
    width: 32px
}

.checkout-select__icon.pick-up::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-shop-64.svg) no-repeat center/contain;
    position: absolute;
    height: 32px;
    width: 32px
}

.checkout-select__icon.document::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-document-64.svg) no-repeat center/contain;
    position: absolute;
    height: 32px;
    width: 32px
}

.checkout-select__icon.mc::after {
    content: '';
    background: url(stihl-styles/resources/icons/logo-mastercard.svg) no-repeat center/contain;
    position: absolute;
    height: 32px;
    width: 32px
}

.checkout-select__icon.visa::after {
    content: '';
    background: url(stihl-styles/resources/icons/logo-visa.svg) no-repeat center/contain;
    position: absolute;
    height: 32px;
    width: 32px
}

.checkout-select__icon.paypal::after {
    content: '';
    background: url(stihl-styles/resources/icons/logo-paypal.svg) no-repeat center/contain;
    position: absolute;
    height: 32px;
    width: 32px
}

.checkout-select__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.checkout-select__cta {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    font-weight: 700
}

.checkout-select__cta::before {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-left-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    right: 100%;
    -webkit-transform: translate3d(-5px, -50%, 0);
    transform: translate3d(-5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.checkout-select__cta:hover::before {
    -webkit-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0)
}

.m_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    overflow: hidden
}

.m_video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.m_video--moving {
    padding-bottom: calc(56.25% + 25px)
}

@media only screen and (max-width:767px) {
    .m_img-comb-single__landscape {
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_img-comb-single__landscape {
        width: 728px;
        height: 546px
    }
}

@media only screen and (max-width:767px) {
    .m_img-comb-single__portrait {
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .m_img-comb-single__portrait {
        width: 354px;
        height: 472px
    }
}

@media only screen and (min-width:1024px) {
    .m_img-comb-single__portrait {
        width: 482px;
        height: 642px
    }
}

@media only screen and (max-width:767px) {
    .m_img-comb-container__portrait {
        position: relative;
        padding-top: 133.33333%
    }

    .m_img-comb-container__portrait picture {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.column-control .m_img-comb-container__portrait {
    position: relative;
    padding-top: 56.25%
}

.column-control .m_img-comb-container__portrait picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.m_img-comb-container__landscape {
    position: relative;
    padding-top: 75%
}

.column-control .m_img-comb-container__landscape {
    padding-top: 56.25%
}

@media only screen and (min-width:1024px) {
    .m_img-comb-container__landscape {
        padding-top: 56.25%
    }
}

.m_img-comb-container__landscape picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.column-control .m_img-comb-container__landscape picture img {
    width: 100%;
    height: 100%
}

.personal-information__wrapper {
    margin-bottom: 30px
}

.personal-information__checkbox {
    margin-bottom: 30px
}

.promotions-summary {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .promotions-summary {
        max-width: 355px
    }
}

.promotions-summary__list {
    border-bottom: 1px solid #b1b1b1;
    padding: 0 10px 20px;
    margin-top: 30px
}

.promotions-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.promotions-item__label {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px
}

.promotions-item__button {
    content: '';
    background: url(stihl-styles/resources/icons/icon-cross-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    position: relative
}

@media only screen and (max-width:767px) {
    .promotions-conditions {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .promotions-conditions {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .promotions-conditions {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .promotions-conditions {
        width: 984px
    }
}

.promotions-conditions p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px
}

.promotionsbanner-conditionswrapper:not(.promotionsbanner-conditionswrapper--visible) {
    display: none
}

.promotionsbanner-conditionswrapper+.footerwrapper {
    margin-top: 0
}

.promotionsconditionswrapper--visible {
    margin-top: 120px;
    margin-bottom: 60px
}

@media only screen and (max-width:767px) {
    .promotionsconditionswrapper--visible {
        margin-top: 80px;
        margin-bottom: 50px
    }
}

.promotionsconditionswrapper--top_margin {
    margin-top: 120px
}

@media only screen and (max-width:767px) {
    .promotionsconditionswrapper--top_margin {
        margin-top: 80px
    }
}

.promotionsconditionswrapper--bottom_margin {
    margin-bottom: 60px
}

@media only screen and (max-width:767px) {
    .promotionsconditionswrapper--bottom_margin {
        margin-bottom: 50px
    }
}

.promotionsconditionswrapper--no_bottom {
    margin-bottom: 0
}

.promotionsconditionswrapper--no_top {
    margin-top: 0
}

.pricedisclaimerwrapper--bottom_margin {
    margin-bottom: 60px
}

@media only screen and (max-width:767px) {
    .pricedisclaimerwrapper--bottom_margin {
        margin-bottom: 50px
    }
}

.promotions-banner {
    padding: 0 20px;
    position: relative;
    height: var(--default-banner-height)
}

.promotions-banner__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%
}

.promotions-banner__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin: 0 20px;
    -webkit-box-pack: center;
    justify-content: center
}

.promotions-banner__text p {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: inline-block
}

a .promotions-banner__text p {
    position: relative;
    margin-right: 36px
}

a .promotions-banner__text p::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

a .promotions-banner__text p:hover::after {
    -webkit-transform: translate3d(15px, -50%, 0);
    transform: translate3d(15px, -50%, 0)
}

@media only screen and (max-width:767px) {
    a .promotions-banner__text p {
        margin-right: 0
    }

    a .promotions-banner__text p::after {
        display: inline-block;
        position: relative;
        top: auto;
        left: auto;
        bottom: -8px
    }
}

div .promotions-banner__text p {
    position: relative
}

@media only screen and (max-width:767px) {
    div .promotions-banner__text p {
        margin-right: 0
    }
}

a:hover .promotions-banner__text p::after {
    -webkit-transform: translate3d(15px, -50%, 0);
    transform: translate3d(15px, -50%, 0)
}

.promotions-banner__text b {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.promotions-banner__text b,
.promotions-banner__text p {
    color: #fff
}

.promotions-banner__icon-cross {
    height: 20px;
    width: 20px;
    flex-shrink: 0
}

.promotionsbannerwrapper--visible {
    margin-top: calc(var(--header-height) * -1)
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .promotionsbannerwrapper--visible+.metanavwrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 300
    }

    .promotionsbannerwrapper--visible+.metanavwrapper .navbar-fixed-top {
        position: static
    }
}

@media only screen and (max-width:767px) {
    .product-safety-warnings {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .product-safety-warnings {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .product-safety-warnings {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .product-safety-warnings {
        width: 984px
    }
}

.product-safety-warnings__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-top: 50px
}

@media only screen and (min-width:768px) {
    .product-safety-warnings__headline {
        font-size: 26px
    }
}

.product-safety-warnings__inner {
    padding: 0 10px
}

.product-safety-warnings__icons {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.product-safety-warnings__warnings {
    width: 100%
}

@media only screen and (min-width:768px) {
    .product-safety-warnings__warnings {
        width: 66.66667%
    }
}

.product-safety-warnings__danger-word {
    margin-bottom: 20px
}

.product-safety-warnings__danger-notes {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 24px;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .product-safety-warnings__danger-notes {
        font-size: 26px
    }
}

.product-safety-warnings__icon-wrapper img {
    height: 60px;
    object-fit: cover;
    object-position: center
}

.shopping-cart {
    width: 100%
}

.shopping-cart__empty-cart {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10px
}

@media only screen and (min-width:768px) {
    .shopping-cart__empty-cart {
        font-size: 22px
    }
}

@media only screen and (min-width:768px) {
    .shopping-cart__empty-cart {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.shopping-cart__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    padding: 0 10px
}

@media only screen and (min-width:768px) {
    .shopping-cart__title {
        font-size: 22px
    }
}

.shopping-cart__title .label-circle-tooltip {
    position: absolute;
    top: 50%;
    right: -20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:767px) {
    .shopping-cart .tooltip {
        width: calc(100vw - 80px)
    }
}

.shopping-cart__summary-wrapper {
    display: -webkit-box;
    display: flex;
    margin-top: 60px
}

@media only screen and (max-width:767px) {
    .shopping-cart__summary-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-flow: column-reverse
    }

    .list-confirmation+.shopping-cart__summary-wrapper,
    .list-shopping-cart+.shopping-cart__summary-wrapper {
        margin-top: 30px
    }
}

@media only screen and (min-width:768px) {
    .shopping-cart__summary-wrapper {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

.shopping-cart__summary-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

@media only screen and (max-width:767px) {
    .shopping-cart__summary-item:not(:last-child) {
        margin-top: 30px
    }
}

.shopping-cart__summary-item.summary-return {
    max-width: 355px
}

.shopping-cart__summary-item.summary-return .price-summary {
    margin-bottom: 0
}

.shopping-cart__summary-title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 12px
}

.shopping-cart__summary-card {
    margin-bottom: 10px
}

.shopping-cart__print-button {
    margin-top: 10px;
    padding: 0;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff;
    box-shadow: inset 0 -.15em #fff, inset 0 -.25em #f37a1f
}

@media only screen and (max-width:767px) {
    .t_login-page__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .t_login-page__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .t_login-page__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .t_login-page__container {
        width: 984px
    }
}

.t_login-page__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px;
    margin: 60px 0
}

@media only screen and (min-width:768px) {
    .t_login-page__headline {
        font-size: 38px
    }
}

.t_login-page__headline::after {
    display: block;
    content: '';
    background-color: #000
}

.t_login-page__headline::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .t_login-page__headline::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.t_login-page__form {
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (max-width:767px) {
    .t_registration-page__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .t_registration-page__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .t_registration-page__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .t_registration-page__container {
        width: 984px
    }
}

.t_registration-page__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 30px;
    margin: 60px 0
}

@media only screen and (min-width:768px) {
    .t_registration-page__headline {
        font-size: 38px
    }
}

.t_registration-page__headline::after {
    display: block;
    content: '';
    background-color: #000
}

.t_registration-page__headline::after {
    width: 23px;
    height: 5px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .t_registration-page__headline::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

.t_registration-page__form {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (min-width:1024px) {
    .t_registration-page__form {
        width: 66.66667%
    }
}

.t_registration-page__success-teaser {
    margin-top: 100px
}

.t_registration-page__success-link {
    background-color: #ededed;
    -webkit-box-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: flex
}

.t_registration-page__success-link-container {
    position: relative;
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .t_registration-page__success-link-container {
        width: 728px
    }
}

@media only screen and (min-width:1024px) {
    .t_registration-page__success-link-container {
        width: 984px
    }
}

.t_registration-page__success-message {
    margin-top: 30px
}

.checkout .form__submit {
    align-self: flex-start
}

.checkout .next-step {
    margin-bottom: 20px
}

.checkout__required-label {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 12px;
    margin: 30px 10px
}

@media only screen and (max-width:767px) {
    .checkout__title {
        text-align: left;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 0;
        color: #000;
        font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
        line-height: 1.1;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        font-size: 30px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .checkout__title {
        font-size: 38px
    }
}

@media only screen and (max-width:767px) {
    .checkout__title::after {
        display: block;
        content: '';
        background-color: #000
    }

    .checkout__title::after {
        width: 23px;
        height: 5px;
        margin-top: 10px
    }
}

@media only screen and (max-width:767px) and (min-width:768px) {
    .checkout__title::after {
        width: 34px;
        height: 7px;
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .checkout .form__submit {
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .checkout {
        display: -webkit-box;
        display: flex;
        flex-flow: wrap
    }

    .checkout .step-wizard {
        width: 100%
    }
}

.checkout-step__subtitle,
.checkout-step__title {
    margin: 0 10px 25px
}

.checkout-step__title {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Medium, Arial, sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 20px
}

@media only screen and (min-width:768px) {
    .checkout-step__title {
        font-size: 22px
    }
}

.checkout-step__subtitle {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 18px
}

@media only screen and (min-width:1024px) {
    .checkout__steps-wrapper>:nth-last-child(n+2) {
        border-bottom: 1px solid #b1b1b1
    }
}

.checkout__footer-wrapper {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .checkout__footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-flow: column-reverse
    }
}

@media only screen and (min-width:768px) {
    .checkout__footer-wrapper {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width:1023px) {
    .checkout__footer-container {
        width: 100%
    }
}

.checkout__navigation {
    display: -webkit-box;
    display: flex;
    padding-bottom: 20px
}

.checkout__navigation .label-circle:not(:last-child) {
    margin-right: 10px
}

.checkout__navigation_active {
    background: #000;
    color: #fff
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .checkout__infobox {
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .checkout__infobox--wrapper {
        width: 33.33333%;
        margin-top: 20px
    }
}

@media only screen and (max-width:1023px) {
    .checkout__infobox--wrapper {
        grid-row: 1;
        margin: 10px 0 40px
    }
}

.t_myaccount {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.t_myaccount__header {
    margin-top: 20px
}

@media only screen and (min-width:768px) {
    .t_myaccount__header {
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    .t_myaccount__container {
        position: relative;
        width: calc(100% - (2 * 20px));
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media only screen and (min-width:768px) {
    .t_myaccount__container {
        position: relative;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:768px) and (min-width:768px) and (max-width:1023px) {
    .t_myaccount__container {
        width: 728px
    }
}

@media only screen and (min-width:768px) and (min-width:1024px) {
    .t_myaccount__container {
        width: 984px
    }
}

.t_myaccount__tabs {
    margin-top: 30px;
    border-bottom: 1px solid #b1b1b1;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .t_myaccount__tabs {
        -webkit-box-align: end;
        align-items: flex-end
    }
}

.t_myaccount__tabs--wrapper {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media only screen and (max-width:767px) {
    .t_myaccount__tabs--wrapper {
        max-width: 215px
    }
}

.t_myaccount__linksSection {
    display: -webkit-box;
    display: flex
}

@media only screen and (max-width:767px) {
    .t_myaccount__linksSection {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: end;
        align-items: flex-end
    }
}

.t_myaccount__logout-link {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 0
}

@media only screen and (min-width:768px) {
    .t_myaccount__logout-link {
        margin-right: 30px;
        margin-bottom: unset
    }
}

.t_myaccount__logout-link.signout {
    margin-bottom: unset
}

.t_myaccount__userdata {
    margin-top: 20px
}

.t_myaccount__addresses {
    margin-top: 20px
}

.t_myaccount__addresses>.m_myaccount-data {
    padding-right: 20px
}

.t_myaccount .tab-bar_header__tab {
    max-width: unset;
    position: relative;
    bottom: -1px
}

.order-lookup {
    margin: 50px 0
}

.order-lookup .data__input {
    margin-left: unset
}

.order-lookup .data__input .form-field__label-text {
    margin-left: unset
}

.order-lookup .data__errormessage {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end
}

.order-lookup .data__errormessage .error-message {
    margin-top: 10px;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .order-lookup .data__errormessage .error-message {
        align-self: center
    }
}

.accordion>h1 {
    margin-bottom: 20px
}

.accordion>h2 {
    margin-top: 30px;
    margin-bottom: 15px
}

.accordion>h3,
.accordion>h4 {
    margin-top: 30px;
    margin-bottom: 15px
}

.accordion>p {
    margin-bottom: 15px
}

.m_stage-promo__promo>p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    line-height: 1.4;
    font-size: 15px;
    overflow: hidden
}

.m_stage-promo__promo>p>a {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: 14px;
    display: block;
    margin-top: 25px
}

.m_stage-promo__promo>p>a::after {
    content: '';
    background: url(stihl-styles/resources/icons/icon-arrow-right-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    top: 50%;
    left: 100%;
    -webkit-transform: translate3d(5px, -50%, 0);
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    margin-top: -1px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.m_stage-promo__promo>p>a:hover::after {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0)
}

.m_stage-promo__promo>p>a::after {
    margin-top: 0;
    margin-left: 5px;
    left: auto
}

@media only screen and (max-width:767px) {
    .cmp-title__text {
        padding: 0 25px
    }
}

.content p {
    margin-bottom: 30px
}

.content h1 {
    margin-bottom: 30px
}

.content h2 {
    margin-bottom: 30px
}

.content h3 {
    margin-bottom: 30px
}

.content a {
    display: inline;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    box-shadow: inset 0 -.05em #fff, inset 0 -.15em #f37a1f
}

#main-nav-item {
    margin-top: 46px
}

.teaser-highlight-box {
    background: #f37a1f;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    box-sizing: border-box;
    z-index: 2;
    height: 100%;
    width: 100vw
}

@media only screen and (max-width: 47.9375rem) {
    .teaser-highlight-box {
        margin-left:-35px;
	padding: 32px 35px;
    }
}

@media only screen and (min-width: 48rem) {
    .teaser-highlight-box {
        width:100%
    }
}

@media only screen and (max-width: 63.9375rem) {
    .teaser-highlight-box {
        margin-bottom:20px
    }
}

.teaser-highlight-box__headline {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: var(--font-family-display-title),"Arial Black",sans-serif;
    line-height: 1.1;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 1.25rem;
    line-height: 1.2;
    display: inline-block
}

.teaser-highlight-box__headline-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 43px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: var(--color1);
    line-height: 1.5;
    font-weight: normal;
    font-family: var(--font-family-text),Arial,sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: #fff
}

.teaser-highlight-box__headline-link::after {
    content: "";
    background: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 16px;
    width: 16px;
    filter: var(--svg-filter-invert-white, none);
    top: 50%;
    left: 100%;
    transform: translate3d(17px, -50%, 0);
    height: 16px;
    transition: transform .2s
}

.teaser-highlight-box__headline-link:hover::after {
    transform: translate3d(22px, -50%, 0)
}

.teaser-highlight-box__link {
    display: flex
}

.teaser-highlight-box__link:not(:last-child) {
    margin-bottom: 13px
}

.teaser-highlight-box__link:first-child {
    margin-top: 26px
}

.teaser-highlight-box__link a {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 31px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: var(--color1);
    line-height: 1.5;
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #fff
}

.teaser-highlight-box__link a::after {
    content: "";
    background: url(stihl-styles/resources/icons/icon-arrow-right-white-16.svg) no-repeat center/contain;
    position: absolute;
    height: 12px;
    width: 12px;
    filter: var(--svg-filter-invert-white, none);
    top: 50%;
    left: 100%;
    transform: translate3d(5px, -50%, 0);
    height: 12px;
    transition: transform .2s
}

.teaser-highlight-box__link a:hover::after {
    transform: translate3d(10px, -50%, 0)
}

.teaser-highlight-box__links {
    margin-top: auto
}

@media only screen and (min-width: 64rem) {
    .teaser-highlight-box__content {
        order:1
    }

    .teaser-highlight-box__content:not(:last-child) {
        margin-top: auto
    }

    .teaser-highlight-box__content:last-child {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

.teaser-highlight-box__badge {
    z-index: 2;
    margin: -65px 25px -15px auto;
}

.teaser-highlight-box__badge .badge {
    --badge-width: 100px
}

@media only screen and (min-width: 64rem) {
    .teaser-highlight-box__badge {
        margin:0 0 30px
    }
}
.highlightteaser .badge {
    --badge-width: 100px;
    --badge-padding: 5px;
    --badge-to-bg-space: 24px;
    --text-color: #fff;
    overflow: hidden;
    width: var(--badge-width);
    height: var(--badge-width);
    position: relative;
    display: flex
}

@media only screen and (min-width: 48rem) {
    .highlightteaser .badge {
        --badge-to-bg-space: 32px;
        --badge-width: 140px;
        --badge-padding: 10px
    }
}

.highlightteaser .badge--white {
    --text-color: #000
}

.highlightteaser .badge svg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.highlightteaser .badge__inner {
    position: relative;
    z-index: 1;
    padding: var(--badge-padding);
    border-radius: 50%;
    overflow: hidden;
    width: calc(100% - var(--badge-padding)/2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.highlightteaser .badge__text,.badge__inner>p {
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    line-height: 1.1;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: var(--text-color);
    margin: 0;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media only screen and (max-width: 47.9375rem) {
   .highlightteaser .badge__text,.badge__inner>p {
        font-size:25px
    }

    .highlightteaser .badge--responsive-font .badge__text,.badge--responsive-font .badge__inner>p {
        font-size: 11px
    }
}

@media only screen and (min-width: 48rem) {
   .highlightteaser .badge__text,.badge__inner>p {
        font-size:25px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .highlightteaser .badge--responsive-font .badge__text--size-1,.badge--responsive-font .badge__inner>p--size-1 {
        font-size:15px
    }
}

@media only screen and (min-width: 48rem) {
    .highlightteaser .badge__text--size-1,.badge__inner>p--size-1 {
        font-size:35px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .highlightteaser .badge--responsive-font .badge__text--size-2,.badge--responsive-font .badge__inner>p--size-2 {
        font-size:19px
    }
}

@media only screen and (min-width: 48rem) {
    .highlightteaser .badge__text--size-2,.badge__inner>p--size-2 {
        font-size:45px
    }
}

@media only screen and (max-width: 47.9375rem) {
    .badge--responsive-font .badge__text--size-3,.badge--responsive-font .badge__inner>p--size-3 {
        font-size:21px
    }
}

@media only screen and (min-width: 48rem) {
    .badge__text--size-3,.badge__inner>p--size-3 {
        font-size:50px
    }
}

.highlightteaser .badge--position {
    position: absolute;
    z-index: 1
}

.highlightteaser .badge--top {
    top: var(--badge-to-bg-space)
}

.highlightteaser .badge--left {
    left: var(--badge-to-bg-space)
}

.highlightteaser .badge--bottom {
    bottom: var(--badge-to-bg-space)
}

.highlightteaser .badge--right {
    right: var(--badge-to-bg-space)
}

.highlightteaser .badge--center {
    top: 50%;
    left: 50%;
    margin-top: calc(-1*var(--badge-width)/2);
    margin-left: calc(-1*var(--badge-width)/2)
}

.highlightteaser .state-badge {
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    max-width: calc(100% - 15px);
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--color1);
    font-family: var(--font-family-display-title),"Arial Black",sans-serif;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: .875rem;
    line-height: 1.15
}

.highlightteaser .state-badge+.state-badge {
    margin-top: .5rem
}

.highlightteaser .state-badge__grid-wrapper {
    margin-top: auto
}

.highlightteaser .state-badge__label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    --live-icon-space: 16px;
    max-width: calc(100vw - 40px - 64px - 16px - 16px + var(--live-icon-space) - 2px)
}

.highlightteaser .state-badge--live .state-badge__label {
    --live-icon-space: -0.001px
}

.highlightteaser .swiper .state-badge__label {
    max-width: calc(75vw - 40px - 64px - 8px + var(--live-icon-space))
}

@media only screen and (min-width: 33.125rem) {
    .column-size-2 .state-badge__label,.column-size-3 .state-badge__label {
        max-width:calc((100vw - 60px)/2 - 64px - 16px - 16px + var(--live-icon-space))
    }

    .column-size-2 .swiper .state-badge__label,.column-size-3 .swiper .state-badge__label {
        max-width: calc(40vw - 40px - 64px - 8px + var(--live-icon-space))
    }
}

@media only screen and (min-width: 48rem) {
    .highlightteaser .state-badge__label {
        max-width:calc(136px + var(--live-icon-space))
    }

    .highlightteaser .column-size-3 .state-badge__label {
        max-width: calc(133.3333333333px + var(--live-icon-space))
    }

    .highlightteaser .column-size-2 .state-badge__label {
        max-width: calc(258px + var(--live-icon-space))
    }
}

@media only screen and (min-width: 64rem) {
    .highlightteaser .state-badge__label {
        max-width:calc(221.3333333333px + var(--live-icon-space))
    }

    .highlightteaser .column-size-4 .state-badge__label {
        max-width: calc(135px + var(--live-icon-space))
    }

    .highlightteaser .column-size-3 .state-badge__label {
        max-width: calc(218.6666666667px + var(--live-icon-space))
    }
}

.highlightteaser .state-badge--grid {
    margin-top: auto
}

.highlightteaser .state-badge--gray-bg,.state-badge--orange-bg {
    color: #fff
}

.highlightteaser .state-badge--gray-bg {
    background: #3e3e3e
}

.highlightteaser .state-badge--orange-bg {
    background: #f37a1f
}

.highlightteaser .state-badge--outline,.state-badge--orange-font {
    color: #f37a1f
}

.highlightteaser .state-badge--outline {
    border: 1px solid #f37a1f
}

.highlightteaser .state-badge--orange-font {
    padding: 4px 0
}

.highlightteaser .state-badge__live-icon {
    border-radius: 50%;
    background: #fff;
    width: 8px;
    height: 8px
}
.highlightteaser {
    height: 100%;
}
@media only screen and (min-width: 530px) and (max-width: 768px) {
.sekcija-teaser .column-control {
    flex-direction: row;
    flex-wrap: wrap; 

}
.sekcija-teaser .column-control .column-control__inner:first-child {
    flex: 0 0 100%;
}
.sekcija-teaser .column-control .column-control__inner {
    width: 48%;
    justify-content: flex-end;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sekcija-teaser .column-control {
    flex-direction: row;
    flex-wrap: wrap; 

}
.sekcija-teaser .column-control .column-control__inner:first-child {
    flex: 0 0 100%;
}
.sekcija-teaser .column-control .column-control__inner {
    width: 31%;
    justify-content: flex-end;
}
}
.sekcija-teaser .column-control .column-control__inner {
    justify-content: flex-start;
}
.column-control__inner>:not(:first-child) {
    height: 100%;
}
.sekcija-teaser .m_category-overview-tiles__item {
    margin-bottom: 0px;
}
.tab-content a {
    float: left;
}
.download__size {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Display-Title, 'Arial Black', sans-serif;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    line-height: 1.15;
}
.download__info {
    grid-area: info;
    display: grid;
    gap: 10px;
}
.m_header-banner__backlink-wrapper {
    background-color: #ededed;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.m_header-banner {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    display: grid;
}
.m_header-banner__backlink {
    max-width: 1440px;
    position: relative;
    width: calc(100% -(2* 20px));
    padding-top: 18px;
    padding-bottom: 18px;
}
.m_header-banner__backlink>.m_backlink {
    padding: 0 !important;
    margin: 0;
    display: inline-flex;
}
@media only screen and (min-width: 1024px) {
    .m_backlink {
        width: 984px;
    }
}
.m_header-banner__backlink>.m_backlink>a {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    line-height: 1.5;
    font-weight: normal;
    font-family: STIHL-Contraface-Text, 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m_infobox_product-detail-v2 {
    display: flex;
    flex-direction: column;
    padding: 20px 0 0;
    border: 1px solid #b1b1b1;
    background-color: #fff;
    gap: 20px
}

.m_infobox_product-detail-v2__section {
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.m_infobox_product-detail-v2__section.flags {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .m_infobox_product-detail-v2__section {
        flex-wrap:wrap
    }
.m_header-banner__backlink {
    padding-left: 20px;
}

    .m_infobox_product-detail-v2__section .m_infobox-price {
        flex-basis: 100%;
        order: 1
    }

    .m_infobox_product-detail-v2__section.flags {
        align-items: flex-end;
        flex-direction: column;
        flex-basis: 100%;
        order: 0;
        margin-bottom: 0
    }

    .m_infobox_product-detail-v2__section .m_infobox_flag {
        width: unset
    }
}

.m_infobox_product-detail-v2__benefits {
    display: grid;
    gap: 10px
}

.m_infobox_product-detail-v2__benefits p {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    line-height: 1.5;
    font-weight: normal;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    font-size: 14px
}

@media only screen and (min-width: 768px) {
    .m_infobox_product-detail-v2__benefits {
        grid-template-columns:fit-content(214px) 1fr;
        gap: 20px;
        align-items: center
    }
}

.m_infobox_product-detail-v2__benefits--images {
    display: flex;
    gap: 10px
}

@media only screen and (min-width: 768px) {
    .m_infobox_product-detail-v2__benefits--images {
        gap:20px
    }
}

.m_infobox_product-detail-v2__benefits--image {
    height: 31px
}

@media only screen and (min-width: 768px) {
    .m_infobox_product-detail-v2__benefits--image {
        height:53px
    }
}

.m_infobox_product-detail-v2__grid {
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: flex-end;

}

@media only screen and (min-width: 768px) {
    .m_infobox_product-detail-v2__grid {
        grid-template-columns:1fr 1fr
    }
}

.m_infobox_product-detail-v2__grid.highlights {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ededed;
    align-items: flex-start
}

.m_infobox_product-detail-v2__grid .list-shopping-cart__stock {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .m_infobox_product-detail-v2__highlights-wrapper {
        padding-left:20px;
        padding-right: 20px
    }

    .m_infobox_product-detail-v2__highlights-wrapper>.acco-standard {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.m_infobox_product-detail-v2__highlights-title {
    text-align: left;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    line-height: 1.15;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .m_infobox_product-detail-v2__highlights-title {
        display:none
    }
}

.m_infobox_product-detail-v2__highlights-link {
    text-align: left;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: #000;
    line-height: 1.5;
    font-weight: normal;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 15px;
    padding-left: 10px
}

.m_infobox_product-detail-v2__price-and-ratings {
    display: grid;
    gap: 20px
}
@media only screen and (min-width: 1024px) {
    .productdetailsectionheaders {
        margin-top: 90px;
    }
}
.productdetailsectionheaders {
    position: sticky;
    top: 46px;
    z-index: 90;
    margin-top: 0px;
}
.product-section-headers {
    max-width: 1920px;
    margin: 0 auto;
}
.product-section-headers__list {
    background-color: #ededed;
    height: 40px;
    display: inline-block;
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .product-section-headers__list {
        height: 60px;
    }
}
.tab-bar_header {
    display: flex;
    justify-content: flex-start;
    position: relative;
    --tab-bar-border: #B1B1B1;
    margin-bottom: -1px;
}
.product-section-headers__container {
    height: 100%;
    justify-content: center;
}
.product-section-headers .tab-bar_header__wrapper {
    border: none;
}
.tab-bar_header__wrapper {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.product-section-headers .tab-bar_header__item {
    height: inherit;
}
.tab-bar_header__item {
    display: flex;
    flex: 0 0 auto;
    height: 60px;
}
body.product-detail-page .tab-bar_header__tab {
    max-width: 300px;
}
.product-section-headers .tab-bar_header__tab--active {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 4px solid #f37a1f;
}
.tab-bar_header__title {
    pointer-events: none;
    margin: auto;
    display: flex;
}

@media only screen and (min-width: 1024px) {
    .product-details {
        margin-top: 90px;
    }
}
.product-details {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    margin-top: 80px;
}
@media only screen and (min-width: 1024px) {
    .product-details__grid {
        display: grid;
        grid-template-columns: 4fr 3fr;
        gap: 10px;
    }
}
.product-details__title:first-child {
    margin-top: 0;
}
@media only screen and (min-width: 1024rem) {
    .product-details__title {
        margin-top: 90px;
    }
}
.product-details__title {
    padding: 0;
    margin-top: 90px;
    margin-bottom: 40px;
}
.product-details__image {
    padding-top: 15px;
}
.product-image {
    position: relative;
    padding-top: calc((var(--product-image-ratio-y, 3) / var(--product-image-ratio-x, 4))* 100%);
    width: 100%;
}
.product-image__picture {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
@media only screen and (min-width: 768rem) {
    .m_product-features__accordions__content {
        grid-template-columns: 3fr 1fr;
    }
}
.m_product-features__accordions__content {
    display: grid;
    gap: 20px;
    padding: 0 20px;
    width: 100%;
}
.m_product-features__accordions__content__img {
    width: auto;
    max-width: 100%;
    position: relative;
    padding-top: calc((9 / 16)* 100%);
}
.product-features-content {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}
.product-features-text {
    font-size: 16px;
}
.product-features-img {
    min-width: 25%;
}
.m_product-features .facet-group-header {
    padding-left: 20px;
}
.m_product-accessories {
    position: relative;
    width: calc(100% - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}
product-section-headers .tab-bar_header__tab {
    max-width: 300px;
}
.product-section-headers .tab-bar_header__tab {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000;
    font-family: STIHL-Contraface-Text, Arial, sans-serif;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 14px;
    line-height: 1.15;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    padding: 4px 24px 0;
    height: calc(100% - 8px);
    border: none;
    cursor: pointer;
    background-color: inherit;
}
@media only screen and (min-width: 768px) {
    .product-section-headers .tab-bar_header__tab {
        text-align: left;
        font-style: normal;
        text-transform: none;
        letter-spacing: 0;
        color: #000;
        line-height: 1.5;
        font-weight: normal;
        font-family: STIHL-Contraface-Text, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
    }
}
.product-section-headers .tab-bar_header__tab--active {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 4px solid #f37a1f;
}
#scrollspy-nav .tab-bar_header__title {
    pointer-events: all !important;
}
@media only screen and (min-width: 1024px) {
.gal-item-viewport {
    padding-top: 70%!important;
}
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
    width: 35px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-width: .6rem .6rem 0!important;
    margin-left: -.5rem!important;
}