h2 + .skidataPistsstate {margin-top: -30px;}.skidataPistsstate > .headline {    display: inline-block;    font-size: 14px;    font-weight: bold;    line-height: 1;    margin-bottom: 30px;    position: relative;}.skidataPistsstate > .headline:before {    background: #e7e9ea;    bottom: -14px;    content: "";    height: 1px;    left: 0;    position: absolute;    width: 75px;}.skidataPistsstate > .filter {    margin-bottom: 45px;}.skidataPistsstate > .filter:after {    clear: both;    content: "";    display: block;}.skidataPistsstate > .filter > li {    float: left;    margin: 0 5px 10px 0;    position: relative;    text-align: center;}.skidataPistsstate > .filter > li > a {border: 1px solid #494948;border-radius: 5px;color: #494948;display: block;font-size: 17px;    font-weight: bold;    height: 40px;    line-height: 38px;    padding: 0 28px;    position: relative;    text-transform: uppercase;    transition: border 300ms ease, color 300ms ease;}.skidataPistsstate > .filter > li > a:hover,.skidataPistsstate > .filter > li > a.selected {border: 1px solid #c31f26;color: #c31f26;}.skidataPistsstate > .wrapper {background: #e7e9ea;display: none;padding: 26px 20px 20px;position: relative;}.skidataPistsstate > .wrapper.active {display: block;}.skidataPistsstate > .wrapper h2 {color: #494948;float: left;margin: 0;}.skidataPistsstate > .wrapper h2 > span {color: #494948;display: block;font-size: 14px;font-weight: normal;line-height: 1;margin-top: 9px;position: relative;}.skidataPistsstate > .wrapper .map {float: right;height: 40px;line-height: 38px;width: 142px;position: relative;text-transform: uppercase;padding-left: 20px;background: #FFFFFF;border: 1px solid #c31f26;border-radius: 2px;}.skidataPistsstate > .wrapper .map > span {background: #c31f26;height: 38px;position: absolute;right: 0;top: 0;width: 40px;}.skidataPistsstate > .wrapper .map > span:before {color: #FFFFFF;font-size: 20px;font-weight: normal;left: 11px;margin: 0;position: absolute;top: 9px;}.skidataPistsstate > .wrapper > div:after {clear: both;content: "";display: block;}.skidataPistsstate > .wrapper > div.headline {background: #e8e9ed;border-top: 1px solid #d5d6d8;border-bottom: 1px solid #d5d6d8;font-weight: bold;height: 45px;padding: 6px 15px 0;}.skidataPistsstate > .wrapper .openstate {color: #494948;margin: 20px 0;display: flex;justify-content: flex-end;align-items: baseline;}.skidataPistsstate > .wrapper .openstate > p {float: left;font-size: 14px;    font-weight: normal;    line-height: 0.86;    margin-right: 20px;}.skidataPistsstate > .wrapper .openstate > ul {float: right;line-height: 0.86;}.skidataPistsstate > .wrapper .openstate > ul > li {cursor: pointer;display: inline-block;font-size: 14px;    font-weight: bold;    line-height: 0.86;    margin-right: 13px;position: relative;}.skidataPistsstate > .wrapper .openstate > ul > li.all {margin-right: 0;}.skidataPistsstate > .wrapper .openstate > ul > li:before {background: #c31f26;bottom: -7px;content: "";height: 2px;left: 0;max-width: 0;opacity: 0;overflow: hidden;position: absolute;transition: max-width 500ms ease, opacity 500ms ease;width: 100%;}.skidataPistsstate > .wrapper .openstate > ul > li:hover:before, .skidataPistsstate > .wrapper .openstate > ul > li.active:before {max-width: 100%;opacity: 1;}.skidataPistsstate > .wrapper .typeOverview {background: #FFFFFF;display: block;margin-top: 20px;padding: 15px 20px;position: relative;}.skidataPistsstate > .wrapper .typeOverview .stateTypes {margin-bottom: 20px;}.skidataPistsstate > .wrapper .typeOverview .pists {margin-bottom: 20px;}.skidataPistsstate > .wrapper .typeOverview p {font-weight: bold;margin-bottom: 5px;}.skidataPistsstate > .wrapper .typeOverview ul:after {clear: both;content: "";display: block;}.skidataPistsstate > .wrapper .typeOverview ul li {float: left; margin-right: 30px;padding-left: 20px;position: relative;}.skidataPistsstate > .wrapper .typeOverview ul li:last-child {margin-right: 0;}.skidataPistsstate > .wrapper .typeOverview .stateTypes ul li {padding-left: 30px;}.skidataPistsstate > .wrapper .typeOverview .stateTypes ul li:before {color: #c31f26;font-size: 14px;left: 0;margin-top: -7px;position: absolute;top: 50%;width: 10px;}.skidataPistsstate > .wrapper .typeOverview .stateTypes ul li.open:before {color: #6ab41a;}.skidataPistsstate > .wrapper .typeOverview .pists ul li:before {border-radius: 50%;content: "";display: block;height: 10px;left: 0;margin-top: -4px;position: absolute;top: 50%;width: 10px;}.skidataPistsstate > .wrapper .typeOverview .routes ul li:before {content: "";display: block;height: 8px;left: 0;margin-top: -4px;position: absolute;top: 50%;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 8px;}.skidataPistsstate > .wrapper .typeOverview .pists ul li.easy:before {background: #009fe3;}.skidataPistsstate > .wrapper .typeOverview .pists ul li.medium:before {background: #de5448;}.skidataPistsstate > .wrapper .typeOverview .pists ul li.hard:before {background: #2d343e;}.skidataPistsstate > .wrapper .typeOverview .routes ul li.medium:before {background: #c31f26;}.skidataPistsstate > .wrapper .typeOverview .routes ul li.hard:before {background: #c31f26;border: 2px solid #000000;}.skidataPistsstate > .wrapper > div.entry {background: #FFFFFF;height: 50px;margin-bottom: 5px;padding: 9px 120px 0 20px;position: relative;}.skidataPistsstate.open > .wrapper > div.entry {display: none;}.skidataPistsstate.open > .wrapper > div.entry.open {display: block;}.skidataPistsstate div.entry:before {background: linear-gradient(356deg, #8a141f, #c31f26);content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 3px;}.skidataPistsstate div.entry.open:before {background: linear-gradient(356deg, #407903, #7ed321);content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 3px;}.skidataPistsstate > .wrapper > div.entry {display: block;}.skidataPistsstate > .wrapper > div.entry > .wrapper {color: inherit;font-weight: inherit;}.skidataPistsstate > .wrapper > div > .wrapper > div {    float: left;    overflow: hidden;    position: relative;    text-overflow: ellipsis;    white-space: nowrap;}.skidataPistsstate > .wrapper > div.entry > div {align-items: center;display: flex;}.skidataPistsstate div.state {float: left;height: 30px;position: relative;width: 55px;}.skidataPistsstate .headline div.type:before {display: none;}.skidataPistsstate .headline div.state {padding-left: 0;}.skidataPistsstate div.state.state1:before {content: "";display: block;height: 20px;left: 0;position: absolute;top: 5px;width: 20px;}.skidataPistsstate div.state.state1 {color: #217346;font-weight: 500;text-transform: uppercase;}.skidataPistsstate div.state.state1:after {color: #217346;content: "\E813";display: block;font-family: "skidata";font-size: 14px;font-weight: normal;left: 0;position: absolute;top: 4px;}.skidataPistsstate div.state.state2,.skidataPistsstate div.state.state3 {color: #c10012;font-weight: 500;text-transform: uppercase;}.skidataPistsstate div.state.state2:after,.skidataPistsstate div.state.state3:after {color: #c31f26;content: "\E815";display: block;font-family: "skidata";font-size: 14px;font-weight: normal;left: 3px;position: absolute;top: 5px;}.skidataPistsstate div.state,.skidataPistsstate div.name,.skidataPistsstate div.type,.skidataPistsstate div.lastPrepared,.skidataPistsstate div.length,.skidataPistsstate div.height {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.skidataPistsstate div.name {    font-size: 20px;    font-weight: 200;line-height: 1.4;float: left;width: 52%;}.skidataPistsstate div.type {    float: left;    height: 30px;    position: relative;    width: 23px;}.skidataPistsstate .entry div.type {    font-size: 13px;    font-weight: bold;    text-transform: uppercase;}.skidataPistsstate div.number {    float: left;    font-size: 17px;    font-weight: bold;    line-height: 30px;    position: relative;    width: 5%;}.skidataPistsstate div.lastPrepared {    float: left;    font-size: 13px;    opacity: 0.75;    padding: 5px 0 0 32px;    position: relative;    width: 21.3%;}.skidataPistsstate div.lastPrepared:before {content: "\E86B";    font-family: "fontello";    left: 0;    opacity: 0.75;    position: absolute;}.skidataPistsstate div.length {float: left;padding: 0 20px 0 0;position: relative;text-align: right;width: auto;}.skidataPistsstate div.length:after {background: #b2b2b2;content: "";height: 14px;margin-top: -7px;position: absolute;right: 10px;top: 50%;width: 1px;}.skidataPistsstate div.height {float: left;padding: 0 20px 0 0;position: relative;text-align: right;width: auto;}.skidataPistsstate div.height:after {background: #b2b2b2;content: "";display: none;height: 14px;margin-top: -7px;position: absolute;right: 10px;top: 50%;width: 1px;}.skidataPistsstate div.length, .skidataPistsstate div.height {font-size: 14px;font-weight: normal;margin-top: 5px;}.skidataPistsstate div.typeText {font-size: 14px;font-weight: normal;position: absolute;right: 55px;margin-top: 4px;}.skidataPistsstate a.mapLocation {background: #c31f26;border-radius: 2px;height: 40px;position: absolute;right: 5px;top: 5px;width: 40px;}.skidataPistsstate a.mapLocation:before {color: #FFFFFF;font-size: 20px;font-weight: normal;left: 11px;margin: 0;position: absolute;top: 9px;}.skidataPistsstate div.type:before {border-radius: 50%;content: "";display: block;height: 10px;left: 3px;margin-top: -5px;position: absolute;top: 50%;width: 10px;}.skidataPistsstate div.type.easy-piste:before {background: #009fe3;}.skidataPistsstate div.type.medium-piste:before {background: #de5448;}.skidataPistsstate div.type.difficult-piste2:before {background: #2d343e;}.skidataPistsstate div.type.skiroute:before {background: #c31f26;    border-radius: unset;height: 8px;    -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 12px;width: 8px;}.skidataPistsstate div.type.skiroute-hard:before {background: #c31f26;border: 2px solid #000000;    border-radius: unset;height: 8px;    -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 12px;width: 8px;}@media all and (max-width: 800px){.skidataPistsstate > .wrapper > div.entry {padding: 9px 120px 0 20px;}.skidataPistsstate div.name {width: 60%;}.skidataPistsstate div.number {float: left;font-size: 14px;font-weight: bold;line-height: 30px;position: relative;width: 10%;}.skidataPistsstate div.length, .skidataPistsstate div.height { display: none;}}@media all and (max-width: 700px){.skidataPistsstate > .wrapper > h2 > span {float: none;display: block;line-height: 1.4;}}@media all and (max-width: 550px){.skidataPistsstate > .wrapper h2 {float: none;}.skidataPistsstate > .wrapper .map {float: none;display: inline-block;margin: 20px 0 0;}.skidataPistsstate > .wrapper > div.entry {padding: 9px 20px 0 20px;width: 100%;}.skidataPistsstate div.state {float: none;position: absolute;width: 25px;left: 13px;}.skidataPistsstate div.type {float: none;position: absolute;width: 20px;left: 50px;}.skidataPistsstate div.number {float: none;position: absolute;left: 70px;}.skidataPistsstate div.name {font-size: 18px;line-height: 1.55;padding: 0 0 0 65px;width: 100%;}.skidataPistsstate .withNumber div.name {padding: 0 0 0 90px;}.skidataPistsstate div.typeText {display: none;}}@media all and (max-width: 500px){.skidataPistsstate > .filter > li {display: block;float: none;margin: 0 0 5px 0;}.skidataPistsstate > .filter > li > a {padding: 0 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}.skidataPistsstate > .filter > li > a > span {display: none !important;}.skidataPistsstate > .wrapper .typeOverview {padding: 15px;}.skidataPistsstate > .wrapper .typeOverview ul li {margin-right: 25px;}}@media all and (max-width: 400px){.skidataPistsstate > .wrapper {margin-left: -20px;margin-right: -20px;}.skidataPistsstate > .wrapper .openstate > p {display: none;}.skidataPistsstate div.name {font-size: 16px;padding: 3px 0 0 55px;}.skidataPistsstate .withNumber div.name {padding: 3px 0 0 90px;}}