.alphaguide .ContentWrapper {padding-top: 80px;}#MapWrapper {height: 1400px;overflow: hidden;position: relative;width: 100%;z-index: 3;}#MapWrapper > .map {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 1;}#MapWrapper > .filter {background: #FFFFFF;box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1);border-top: 1px solid #C7C507;left: 20px;width: 400px;top: 164px;opacity: 0;position: absolute;transition: bottom 500ms ease, opacity 800ms ease;z-index: 2;}#MapWrapper > .filter.animated {opacity: 1;}#MapWrapper > .filter > div.top {align-items: center;display: flex;min-height: 46px;justify-content: flex-end;background: #C7C507;padding: 4px 12px;position: relative;}#MapWrapper > .filter > div.top::before {background-image: url('/img/elemente/region-card.svg');background-repeat: no-repeat;background-size: contain;content: "";height: 119px;left: 0;position: absolute;top: -64px;width: 152px;}#MapWrapper > .filter.hideFilter > div.top + div {display: none;}#MapWrapper > .filter > div.top p {align-items: center;color: #FFFFFF;cursor: pointer;display: flex;gap: 8px;font-weight: 700;text-transform: uppercase;}#MapWrapper > .filter > div.top p.filter-show,#MapWrapper > .filter.hideFilter > div.top p.filter-hide {display: none;}#MapWrapper > .filter.hideFilter > div.top p.filter-show,#MapWrapper > .filter > div.top p.filter-hide {display: flex;}#MapWrapper > .filter > div.top p.filter-hide svg {display: flex;}#MapWrapper > .filter > div.top p.filter-show {gap: 4px;}#MapWrapper > .filter > div.top p.filter-show svg {display: flex;height: 24px;width: 24px;}#MapWrapper > .filter > div:not(.top) {display: table;margin: 0 auto;padding: 0 24px 24px;position: relative;z-index: 2;}#MapWrapper > .filter > div > ul {display: flex;flex-direction: column;margin-top: 24px;}#MapWrapper > .filter > div > ul > li {color: #616060;cursor: pointer;display: block;height: 32px;float: left;font-size: 17px;font-weight: 600;line-height: 1.2;margin-bottom: 8px;padding: 0 0 0 80px;position: relative;vertical-align: middle;white-space: nowrap;}#MapWrapper > .filter > div > ul > li:last-child {margin-bottom: 0;}#MapWrapper > .filter > div > ul > li:before {background: #C7C507;border-radius: 50%;color: #FFFFFF;display: block;font-family: 'alphaguide';font-size: 16px;font-weight: normal;left: 40px;height: 32px;line-height: 32px;position: absolute;text-align: center;top: 0;transition: all 300ms ease;width: 32px;}#MapWrapper > .filter > div > ul > li[data-category='all']:before {content: '\E820';font-size: 16px;}#MapWrapper > .filter > div > ul > li[data-category='ausflugsziele']:before {content: '\E8D5';font-size: 16px;}#MapWrapper > .filter > div > ul > li[data-category='naturerlebnis']:before {content: '\E8D7';font-size: 16px;}#MapWrapper > .filter > div > ul > li[data-category='hütten']:before {content: '\E8DA';}#MapWrapper > .filter > div > ul > li[data-category='bergbahnen']:before {content: '\E85E';font-size: 15px;}#MapWrapper > .filter > div > ul > li[data-category='golfplätze']:before {content: '\E85D';}#MapWrapper > .filter > div > ul:not(.selectedAll) > li.selected:before,#MapWrapper > .filter > div > ul > li.selected:first-child:before {background: #979797;color: #FFFFFF;}#MapWrapper > .filter > div > ul > li:after {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE5OTkgMy45OTk5OVYxNS4ySDMuOTk5OVYzLjk5OTk5SDE1LjE5OTlaTTE1LjE5OTkgMi4zOTk5OUgzLjk5OTlDMy4xMTk5IDIuMzk5OTkgMi4zOTk5IDMuMTE5OTkgMi4zOTk5IDMuOTk5OTlWMTUuMkMyLjM5OTkgMTYuMDggMy4xMTk5IDE2LjggMy45OTk5IDE2LjhIMTUuMTk5OUMxNi4wNzk5IDE2LjggMTYuNzk5OSAxNi4wOCAxNi43OTk5IDE1LjJWMy45OTk5OUMxNi43OTk5IDMuMTE5OTkgMTYuMDc5OSAyLjM5OTk5IDE1LjE5OTkgMi4zOTk5OVoiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==");background-size: contain;background-repeat: no-repeat;content: "";height: 24px;left: 0;position: absolute;top: 50%;transform: translate(0,-50%);width: 24px;}#MapWrapper > .filter > div > ul:not(.selectedAll) > li.selected:after,#MapWrapper > .filter > div > ul > li.selected:first-child:after {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjE5OTkgMi4zOTk5OUgzLjk5OTlDMy4xMTk5IDIuMzk5OTkgMi4zOTk5IDMuMTE5OTkgMi4zOTk5IDMuOTk5OTlWMTUuMkMyLjM5OTkgMTYuMDggMy4xMTk5IDE2LjggMy45OTk5IDE2LjhIMTUuMTk5OUMxNi4wNzk5IDE2LjggMTYuNzk5OSAxNi4wOCAxNi43OTk5IDE1LjJWMy45OTk5OUMxNi43OTk5IDMuMTE5OTkgMTYuMDc5OSAyLjM5OTk5IDE1LjE5OTkgMi4zOTk5OVpNMTUuMTk5OSAxNS4ySDMuOTk5OVYzLjk5OTk5SDE1LjE5OTlWMTUuMlpNMTQuMzkxOSA3LjE5OTk5TDEzLjI2MzkgNi4wNjM5OUw3Ljk5MTkgMTEuMzM2TDUuOTI3OSA5LjI3OTk5TDQuNzkxOSAxMC40MDhMNy45OTE5IDEzLjZMMTQuMzkxOSA3LjE5OTk5WiIgZmlsbD0iIzk3OTc5NyIvPgo8L3N2Zz4K");}#MapWrapper > .filter > div > ul > li > span {display: block;font-weight: 700;font-size: 18px;position: relative;text-transform: unset;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}#MapWrapper > .buttons {bottom: 0;left: 50%;margin: 0 0 30px -25px;position: absolute;width: 50px;z-index: 1;}#MapWrapper > .buttons > a.list {-webkit-animation: pulse 3s infinite; -moz-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; animation: pulse 3s infinite; background: #FFFFFF;border: 1px solid #ABAA57;border-radius: 50%;bottom: 75px;box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);color: #afaa7b;display: block;left: 50%;height: 50px;line-height: 50px;text-align: center;transform: translate(-50%, 0);transition: background 300ms ease, color 300ms ease;width: 50px;z-index: 3;}#MapWrapper > .buttons > a.list:before {content: "\E84B";font-family: "webmanager";font-size: 20px;}#MapWrapper > .buttons > a.list:hover {background: #ffffff;border: 1px solid #ffffff;color: #afaa7b;}#MapWrapper > .map .map-icon-label {position: absolute;}#MapWrapper > .map .marker.default {height: 78px;-webkit-animation: markerAnimation 2s infinite; -moz-animation: markerAnimation 2s infinite; -o-animation: markerAnimation 2s infinite; animation: markerAnimation 2s infinite; }#MapWrapper > .map .marker.default:before {color: #FFFFFF;content: '\E8B6';font-family: 'alphaguide';font-size: 78px;line-height: 78px;text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}#MapWrapper > .map .marker.default:after {background: #C7C507;border-radius: 50%;content: "";height: 52px;left: 5px;line-height: 52px;position: absolute;top: 5px;width: 52px;}#MapWrapper > .map .marker.default > div {height: 70px;left: -4px;position: absolute;top: 35px;width: 70px;}#MapWrapper > .map .marker.default > div:before {color: #FFFFFF;content: '\E800';font-family: 'alphaguide';    font-size: 22px;    left: 0;    line-height: 52px;    position: absolute;    text-align: center;    top: -29px;    width: 100%;    z-index: 2;}#MapWrapper > .map .marker.default > div:after {background: rgba(199,197,7,0.5);border-radius: 50%;content: "";height: 70px;left: 0;position: absolute;top: 0;width: 70px;z-index: -1;}#MapWrapper > .map .marker.extended {background: #C7C507;border-radius: 50%;height: 22px;position: relative;width: 22px;}#MapWrapper > .map .marker.extended.hide {display: none;}#MapWrapper > .map .marker.extended:before {background: rgba(165, 118, 137, 0.2);border-radius: 50%;content: "";height: 34px;left: -6px;position: absolute;top: -6px;width: 34px;z-index: -1;}#MapWrapper > .map .marker.extended > div {height: 22px;width: 22px;}#MapWrapper > .map .marker.extended > div:before {color: #FFFFFF;font-family: 'alphaguide';font-size: 9px;font-weight: normal;height: 22px;left: 0;line-height: 21px;position: absolute;text-align: center;width: 22px;}#MapWrapper > .map .marker.extended[data-category='all'] > div:before {content: '\E820';}#MapWrapper > .map .marker.extended[data-category='ausflugsziele'] > div:before {content: '\E8D5';}#MapWrapper > .map .marker.extended[data-category='naturerlebnis'] > div:before {content: '\E8D7';}#MapWrapper > .map .marker.extended[data-category='hütten'] > div:before {content: '\E8DA';}#MapWrapper > .map .marker.extended[data-category='bergbahnen'] > div:before {content: '\E85E';}#MapWrapper > .map .marker.extended[data-category='golfplätze'] > div:before {content: '\E85D';}#MapWrapper > .map .infoBox {background: #FFFFFF;bottom: 53px;box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.1);padding: 32px 35px 35px;position: absolute;transform: translate(-50%);width: 370px;}#MapWrapper > .map .infoBox[data-card='true']:before {background-image: url(/img/elemente/region-card.svg);background-repeat: no-repeat;background-size: contain;content: "";height: 80px;left: 10px;position: absolute;top: 8px;width: 103px;filter: drop-shadow(2px 4px 20px rgba(0,0,0,0.5));}#MapWrapper > .map .infoBox:after {border-left: 24px solid transparent;border-right: 24px solid transparent;border-top: 24px solid #FFFFFF;bottom: -24px;content: "";height: 24px;left: 50%;margin: 0 0 0 -24px;position: absolute;width: 48px;}#MapWrapper > .map .infoBox > img {aspect-ratio: 8 / 5;display: block;height: 100%;object-fit: cover;margin: 0 0 23px;width: 100%;}#MapWrapper > .map .infoBox > a.title {color: #616060;display: inline-block;font-size: 20px;font-weight: 700;line-height: 1.2;}#MapWrapper > .map .infoBox > p.text {font-size: 14px;font-weight: 400;line-height: 1.2;margin: 10px 0 0;max-height: 90px;overflow: hidden;position: relative;}#MapWrapper > .map .infoBox > p.phone {display: none;margin: 10px 0 0;}#MapWrapper > .map .infoBox > p.phone > a {color: #2E2E2E;font-size: 16px;font-weight: normal;padding: 0 0 0 30px;position: relative;-webkit-transition: color 300ms ease;-moz-transition: color 300ms ease;-ms-transition: color 300ms ease;-o-transition: color 300ms ease;transition: color 300ms ease;}#MapWrapper > .map .infoBox > p.phone > a:before {content: "\E867";font-family: "alphaguide";font-size: 16px;left: 0;position: absolute;top: 1px;}#MapWrapper > .map .infoBox > div.route {margin: 7px 0 0;}#MapWrapper > .map .infoBox > div.route:after {clear: both;content: "";display: block;}#MapWrapper > .map .infoBox > div.route > p {color: #616060;float: left;font-size: 18px;font-weight: 700;padding: 8px 0 0;}#MapWrapper > .map .infoBox > div.route > p.distance {align-items: center;display: flex;}#MapWrapper > .map .infoBox > div.route > p.distance::before {background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU5IDcuNDFMMTguMTcgMTFINlYxM0gxOC4xN0wxNC41OCAxNi41OUwxNiAxOEwyMiAxMkwxNiA2TDE0LjU5IDcuNDFaTTIgNlYxOEg0VjZIMloiIGZpbGw9IiNBQkFBNTciLz4KPC9zdmc+Cg==");background-size: contain;content: "";height: 24px;margin-right: 8px;width: 24px;}#MapWrapper > .map .infoBox > div.route > p.duration {float: right;padding-left: 0;padding-right: 7px;}#MapWrapper > .map .infoBox > div.route > p.duration:before {color: #ABAA57;content: '\E8BA';font-family: 'alphaguide';font-size: 16px;margin: 0 10px 0 0;position: relative;top: -1px;}#MapWrapper > .map .infoBox > div.route > p.duration[data-travelmode='DRIVING']:before {content: '\E8BA';}#MapWrapper > .map .infoBox > div.route > p.duration[data-travelmode='WALKING']:before {content: '\E8B8';}#MapWrapper > .map .infoBox > div.route > p.duration[data-travelmode='BICYCLING']:before {content: '\E801';}#MapWrapper > .map .infoBox > .buttons {display: grid;grid-column-gap: 8px;grid-template-columns: 40px 40px 1fr;grid-template-rows: 1fr;margin: 17px 0 0;}#MapWrapper > .map .infoBox > .buttons:after {clear: both;content: "";display: block;}#MapWrapper > .map .infoBox > .buttons > a {align-items: center;background: #C7C507;border-radius: 50%;color: #FFFFFF;display: flex;justify-content: center;font-size: 14px;font-weight: 400;height: 40px;text-align: center;text-transform: uppercase;}#MapWrapper > .map .infoBox > .buttons > a.route {font-size: 18px;font-weight: 700;border-radius: unset;grid-column: 3 / 4;margin-left: auto;padding: 0 16px;text-transform: uppercase;}#MapWrapper > .map .infoBox > .buttons > a svg {height: 24px;width: 24px;}#MapWrapper > .map .infoBox > a.close {background: #562F08;border-radius: 50%;color: #FFFFFF;height: 40px;position: absolute;right: -20px;text-align: center;top: -20px;width: 40px;}#MapWrapper > .map .infoBox > a.close:before {content: '\E82A';font-family: 'alphaguide';font-size: 20px;font-weight: normal;line-height: 40px;}@-webkit-keyframes pulse {0% {transform: scale(1);}25% {transform: scale(1.15);}50% {transform: scale(1);}75% {transform: scale(1.15);}100% {transform: scale(1);}}@-moz-keyframes pulse {0% {transform: scale(1);}25% {transform: scale(1.15);}50% {transform: scale(1);}75% {transform: scale(1.15);}100% {transform: scale(1);}}@-o-keyframes pulse {0% {transform: scale(1);}25% {transform: scale(1.15);}50% {transform: scale(1);}75% {transform: scale(1.15);}100% {transform: scale(1);}}@keyframes pulse {0% {transform: scale(1);}25% {transform: scale(1.15);}50% {transform: scale(1);}75% {transform: scale(1.15);}100% {transform: scale(1);}}@media all and (max-width: 1050px){#MapWrapper > .filter {top: 80px;}}@media all and (max-width: 980px){.alphaguide .ContentWrapper {padding-top: 30px;}#MapWrapper > .map .infoBox > img {display: none;}}@media all and (max-width: 500px){.alphaguide .ContentWrapper {padding-top: 10px;}#MapWrapper > .filter {top: 60px;    width: 300px;}#MapWrapper > .filter > div.top::before {    height: 93px;    top: -45px;    width: 120px;}#MapWrapper > .filter > div.top p {    font-size: 16px;}#MapWrapper > .filter > div:not(.top) {    padding: 0 20px 20px;}#MapWrapper > .filter > div > ul > li {    font-size: 16px;    padding: 0 0 0 72px;text-overflow: ellipsis;    overflow: hidden;    max-width: 270px;}#MapWrapper > .filter > div > ul > li:before {    left: 32px;}#MapWrapper > .filter > div > ul > li > span {font-size: 16px;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}#MapWrapper > .map .infoBox {padding: 16px 20px 20px;width: 300px;}#MapWrapper > .map .infoBox > a.title {border-bottom: 0 none;}#MapWrapper > .map .infoBox > p.text {display: none;}#MapWrapper > .map .infoBox > p.phone {display: none;}#MapWrapper > .map .infoBox > .route {display: none;}#MapWrapper > .map .infoBox > .buttons {margin-top: 10px;}}@-webkit-keyframes markerAnimation {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}@-moz-keyframes markerAnimation {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}@-o-keyframes markerAnimation {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}@keyframes markerAnimation {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}