#swissmap-data { max-width:500px; margin-left:300px; position:relative; }
#swissmap { max-width:500px; min-height:380px; }

.page-entdecken-map { max-width:800px; margin:0px auto; position:relative; padding-top:20px; }
.page-entdecken-map .swissmap-info { position:absolute; width:274px; margin-top:107px; font-size:16px; line-height:24px; }

.main-div-inner .page-cont  .page-entdecken-map h1 { text-align:left; position:absolute; }

#swissmap:hover path { opacity:.9; position:relative; }
#swissmap:hover path:hover { opacity:1; }
#swissmap:hover path.kanton-n-a { opacity:.1; }
#swissmap:hover path.kanton-n-a:hover { opacity:.1; }

.map-pu-data { position:absolute; left:0px; top:0px; right:0px; height:100%; background:rgba(0,0,0,.7); z-index:20; overflow:auto; }
.map-pu-data .data-content { width:100%; height:100%; display: flex; justify-content: center; align-items: center; padding:10px; }
.map-pu-data .data-content .data-window { max-width:1200px; width:100%; margin:0 auto; background:#fff; border-radius:4px; }
.map-pu-header { height:52px; border-bottom:1px #f2f2f2 solid; position:relative; }
.map-pu-header .tit { padding:6px 0px 0px 20px; font-family: 'darkwoman', 'weinnasen', Helvetica, Arial, sans-serif; font-weight:normal; font-size:44px; line-height:44px; color:#6D2029; }
.map-pu-header .close { position:absolute; right:10px; font-size:40px; line-height:44px; color:#c2c2c2; top:0px; padding:0px 10px 8px 10px; cursor:pointer; }
.map-pu-header .close:hover { color:#777; }
.map-pu-data .map-pu-body { position:relative; }
.map-pu-data .map-pu-body .items-list { float:left; height:100%; width:400px; background:#fafafa; overflow:auto; }
.map-pu-data .map-pu-body .items-list .arr-l { display:none; }
.map-pu-data .map-pu-body .items-list .arr-r { display:none; }
.map-pu-data .map-pu-body .items-list .items-gastronom { padding:0px 0px 10px 10px; width:370px; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item { cursor:pointer; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item { display:block; margin-top:10px; text-decoration:none; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item::after { display:table; width:100%; height:0px; content:''; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .img { display:block; float:left; width:115px; height:90px; background-color:#fff; background-repeat:no-repeat; background-position: center center; background-size:cover; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .img-wein { background-size:contain; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .no-img { background-image:url(/images/geniessen/no-image.png); background-size: auto 80px; opacity:.2; border: 1px #999 solid; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .desc { display:block; margin-left:125px; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .desc .tit { display:block; font-size:16px; color:#390D12; letter-spacing:1px; /*font-family: 'weinnasen-light', Helvetica, Arial, sans-serif;*/ }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .desc .tit span { font-weight:bold; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .desc .tit span { font-weight:bold; text-decoration:underline; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item:hover .desc .tit span { text-decoration:none; }
.map-pu-data .map-pu-body .items-list .items-gastronom .item .desc .addr { display:block; font-size:14px; color:#000; padding:10px 0px 0px 0px; }
.map-pu-data .map-pu-body .kanton-img { margin:0px 0px 0px 400px; height:100%; position:relative; }
.map-pu-data .map-pu-body .kanton-img .img { left:50%; top:50%; position:absolute; transform:translate(-50%, -50%); background-repeat:no-repeat; background-position: center center; background-size:contain; }
.map-pu-data .map-pu-body .kanton-img .img .img-data { width:100%; height:100%; position:relative; }
.map-pu-data .map-pu-body .kanton-img .img .img-data .name { transform:translate(-50%, -50%); display:block; color:#fff; position:absolute; font-size:18px; letter-spacing:1px; z-index:3; }
.map-pu-data .map-pu-body .kanton-img .img .img-data .items { width:100%; height:100%; }
.map-pu-data .map-pu-body .kanton-img .img .img-data .items .item { display:block; text-decoration:none; position:absolute; opacity:.7; z-index:4; transform:translate(-50%, -50%); display:block; width:14px; height:14px; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGRjE0QkJFMjI3ODExRTlCMkE2RUQyMzI1MzcyNjlGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGRjE0QkJGMjI3ODExRTlCMkE2RUQyMzI1MzcyNjlGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEZGMTRCQkMyMjc4MTFFOUIyQTZFRDIzMjUzNzI2OUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEZGMTRCQkQyMjc4MTFFOUIyQTZFRDIzMjUzNzI2OUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MMwecAAABbElEQVR42uyaoW4CQRCGOVLTChSiT0CQp8+AwyIQyMo+Uh+hggQeAczpc0fOk5yoQhS5/TcZ3bTszCy5/H/yKXIz+yWX3dsJRQhhNOSMRwMPBSlIQQpSkIIUpCAFKZgrT4a1J2AJKlCCGXiV33rQgQbU4AiuFosoDK5LU7AFG7D44zMnsAOf4Et1NVFQkRXYh/uzlxpqa9KUewNtSE8rtR5KMC7oEvRy0ZLUei3boJ9W43UdK2wo72BusAHOpfY05zkYd8u14VGzlh5ZBCdyFFhnI73cBZf/OOdSspBe7oKV4xdXlUOwdBQscwjOHAXv7pXyLfoNnp0Eb+CF1yVlwd5xnX0Owc5RsMsh2DgKNjkEa0fBOofgUW7i1jlJL3fBq4wZrLNLmdekHhNxhnIwlDtIj2zXpTgg+gBnA7mz1E4bQnFkwaHTY48NBz/4LQz/CDTY0f1gbhMUpCAFKUhBClKQghSkIAV/yY8AAwAKhFlgf76zeQAAAABJRU5ErkJggg=='); }
.map-pu-data .map-pu-body .kanton-img .img .img-data .items .item-hover, .map-pu-data .map-pu-body .kanton-img .img .img-data .items .item:hover { opacity:1; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFCOUYyRkNCMjI3ODExRTk5NjkxRTAwOUVEOUYwQjUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFCOUYyRkNDMjI3ODExRTk5NjkxRTAwOUVEOUYwQjUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUI5RjJGQzkyMjc4MTFFOTk2OTFFMDA5RUQ5RjBCNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUI5RjJGQ0EyMjc4MTFFOTk2OTFFMDA5RUQ5RjBCNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ucdIyAAAD8UlEQVR42tybz0sbQRTHN0ulPywexEIPhR4CEaQHLyJKCwXBggeRVrAUKYJKKZY2/gV6FBQCemnBg4eeijbXHhXFVqXooRiVYvEgWvTkr5RGuv1ueYGw7Myb3WwmzTz4XJLd9953ZzIz+2YScxzHithaQBtoBglwC1SDKhCja9ygOXAOjsAOWAEfwWaUycQiEtgOBkATuAOuhPRzCfbAPHgH1sotcBg8A/fAtYh7wi/wFbwF70N7cQWG4DlYBb+d0psbYxF0hMk1TAvOUZe8aem1M4rdV6oW7AHfnPLbOmhTzVtV3Cj4GSCJz2Ac1INacBXYIEbY9FktXTNO96jaARiKSuAkOFEIegZSIBHyd23RvSnyxZmb00ixAicVguXABIgXIcxLnHzmFB7qSFiBowotNwUaIhTmpYFicC05FFRgj8Jv7nUJhXlJKvwm24IIlI2Wl2BQo7g8gxRbNroqCZxjxPWXQVyefkbkDCfQXaGcShwMllFcYUuK7NS74vGuZFZpwexnb8BkgDVEDXgIWkEjvVncpu8O6Q1iAyzT4vokgO8kSAm+WwIP/FYyw5K15VSAJ1wHXoH5ABP3PN1TFyDOlGTt2uvXRdck85zqVPAIpItYhqXJh+oUIponl7wC20FWcPGEYsA+kIlgrZkhXyoxJwQ+XC1NhQI/SFYKcUVx+xEuqPcVRcYlK63pQoE/BBelFLtlxoneMordNSW4/3teYIukLycUBpS0UzpLKww8CdnYYVOByK+G8oWGcpk9BV0lfMntohgy26FcveZqemxT9Us0n3DzXLeGN/luiiUzUa7NbhNvC5q4nukanRrf4juZXOoF923bVLf0syPmqbVqrMdwsUS53rKpKOtn54zTRo0CuViiXKttqjj7WY5xmtAokIslyrXKXWyL6oY2ldhFdgGuaxKYBTdkBWzwRyTCaJO1Uoy591BjnlwsUa6OLeu/ChOsLuNiCccRWzYCMU43NArkYglnAls2hzBOlzUK5GIJ53Jb0vwDjFO3zLCgQdwCxZKZKNcdm3ZW/ew+49StocxqEDirUK8R5brCvfob8bq0SdvGfvaSeXLHtAO7VYKW2yLfx8x1ohz3/mmjpzBtesmiyfSik0WlNmPLhhYVS40u/Fp0mkFkyYB7CDX0Jj4GPoFdcEHs0mdjdE1NhNtpi7LNlw7TNl/8HMyYvH2WZ93kDVCLtoMPmIEh6VTwFrZFG/vGHkLIM2LyMZJCkcYeBCrsrgcBJu6KOspVOPCsV9phvDDHKWfAExOPU3pXPIuVcCC22NGul1bu2RIIy5Lv3mJyjOpQunu25gWdi7lr0qF0P2twd1at/+RvBX8FGAB5XxcO94ZAWAAAAABJRU5ErkJggg=='); }

.map-pu-header .butt-switch { position:absolute; right:60px; top:9px; height:42px;  }
.map-pu-header .butt-switch .butt { float:left; margin-left:10px; height:32px; min-width:40px; border-radius:16px; background:#f2f2f2; background-repeat:no-repeat; cursor:pointer; border:1px #f2f2f2 solid; }
.map-pu-header .butt-switch .butt:hover { border-color:#e2e2e2; }
.map-pu-header .butt-switch .butt-act, .map-pu-header .butt-switch .butt-act:hover { border-color:#6D2029; color:#6D2029; background-color:#fff; }
.map-pu-header .butt-switch .butt-rest { background-position:14px 5px; background-size:8px auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAABlCAYAAADQ+srhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzFJREFUeNrsmk1um0AUx2GSfVBXXVLlANB9JeMbJCdofYN6l12bXXdJT2BygjgnMJZyAPsAlfCyq3KEzlhv0GMyg7ENzIv0nhQhE9v8/H+fMxAGFru7TmJ5iAMP9uvPtjDPhQ7IZ3m4CfzYJwla4hPC8cYs8Gdvrn3pcHXk+lVDGfLeRP7lh5TUv6QcCxBsDcfU/IcNMoHjZmQ36+ulUtWoq5Jbj1mdHoLUbyg8JE1hSx5hBG/WVq9GdHnSpmTqKR4DI8SyNsiJZ0jtvQhKYauSa08tUZW8ykwegeIxQv3al5KNUmRTMkW/yCfk2gi9BmTmsfR0VjIh4Gp8/Tp5MKSOx51PQlvyCEI10ulyQaTTtHYeYbiagoq488Q2yJIIZGmLyYmP8azL2CZDMaXqbqxmbEJWBCFTgacNIpltQl4JX5sAHWxXK4lOVkRh99kdEUyaBo+wrXOJWGVmN2V7F5ABQzIkRciSKJuu34UwZzdCVvPgnV61Olv56CxysJlbzl/pon6pJh8JZ669KSm5FcSWDTbIjSCya9EwtWTAg4+GXHtksl1bh93+5gIFJW1z7Fc4LutiDlsbvjdOtatjFI9PZsf57Wn5aorzA7l604CUJ3IPS4ilRcVv8PLe1bvHVvPFeP2AVMxdkI8j18wlUlHdV7wxVXwDKemVu+djAcL1tJsXOpGwitZRTb5hCYoObU8AqIr2MxRvBT3rNE9Cwx+yJJUgRgAK6pJza7sz3Db0TgcEvQcVFygOZ65tHtFSv7T0fZelfcwBYF1uzDjEFnZs9ivU8M+1WyjY2sW5BJy1fSDs8q09guYApwHnEvBgkoZdvx2ycNXjMmPW5uKTVosQo9MeJqYKsjjv+oHwlKsYQX9U6QHAo6rGxSmQr//+vnz58HEXHPeAk/LA9JQnZMJz/AYJpbpFfOCtj44V4fCQKKEWDlV1/J0Vx2FPmapgf6KBVcffZz1EUNkLKiz9uZduxbtqDMmQDMmQDMmQDMmQDMmQDMmQDMmQDMmQDMmQDMmQ7x3SuWd+d52oRw2+j8hSBo57PMIBmI0MqCwOmjcGyLo76gwJ912KkQGdz3/8F2AAJ5AUhtCKGA4AAAAASUVORK5CYII='); }
.map-pu-header .butt-switch .butt-rest::before { content:'Weinnasenlokale'; display:block; padding:0px 12px 0px 32px; line-height:31px; }
.map-pu-header .butt-switch .butt-wein { background-position:12px 4px; background-size:11px auto; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABlCAYAAADtaKuHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7pJREFUeNrsnNFt2zAQQBUhA2gDqegAViawPEHcCWJP0Hz2r/Ff/5pOYHuCOhNEmSDyAAWUDZQNegIYgL6Q4lGhxJPDAwgLtkXz6e54dxTli6hDfnydJfCyhZZEZtn8+ncsIwZyafh8BW1p0R8LqNjweRJNUC4tvruDtkfv5dB+TxnqBfsM+BxLTcXRGUqAClABKkAFqAAVoBinSaMIpF6ZqAxUyfQBUrVqclAgzx3VwU+A/gJg9dTMz1TuZFPUlKrozG1qO9YTBZjZom1wWNmcN5XZrwhxKkD5nzCCpj4HlEhXri36yuGcgi0UDG4p0pXccH6DMoFHOLf3OqC4kO6hoOMVvPxFEfwA7V4RHNuguEFwt9DHs1iHt5VMc8GsYlasANqijr/B4NvWaKL+Hbxcoajfavjxgxe80hzTNSVMbos6uoJBHwjpTA2tBdshH9s6cpNXayjplo0MtDCl+Aq4NQJbWU4elO+mVE3dSj7UmtlaZ25EMDlY9tXWk8b8MirUd+m9P5Tq0iBreRAW2kqJs2w3lPhBWUv3DkqGGpkhNd7JWqg1UDlFU/KXyr5mp5AHm4EotFCj0GE1UcgdHR0G9j4XJ9do6qQ/kzmzyf1wNqGYeSuqXw0JZTVjoe+ozK2mmvNgUMg3KVBFh+m18iIdz6ZSeqQG3y6pF4kTVM7e/FxDiYmDNAOygEIDbDpyzoqirZihlkpiPjjnDjUnJgAlJaPnAlVQNIV23CRgtjlLKDGwRDPwXtrioKklWguxqbPmXKGuNQPWiQy+VC3wxJ5NL0MzH2U9pEKBeMlNU/KAKos1kUNXAeob6kY63luct+8ywXhKpkc1wXiCpmc0QZ9Qc816BlWedPGKi6YOtiejleOT7CL25E84K++7zqjMLnxpipTr9c0ufEHNiFm5jaZy31C5C02h5Dd7i1exB39KIvNymI28q4Zjz1qqHSxz19hXvUM56E/2ydQXVGJZatiYX+YLSs4kXNxhaTj4VOJwkni3bsHBpxrXnbfpktd6ysFtWFWsS0aFGmmbT+ZTU6XDviqfUEM9uPnqs54adJJ4S5Z9mt9xIPNLzmUTY+PT/NIxfmRsqGwMvz2XKb05O5/CmUnYwh2gAlSAClABKkC5Wd8LUIOIqydsuGkqO3efGlTwxiufT2TfOPzfpZNdnWNDtTcECnG8Es15aR/+j8KB7KKObaKOZDMqlNjVshhbU3Nw3jtHfadczK+ILP9RgGvu14zwO82YUBcieK0GzABaoJ3Dh82M8l+AAQCFhh/xKWEI+wAAAABJRU5ErkJggg=='); }
.map-pu-header .butt-switch .butt-wein::before { content:'Sonderabfüllungen'; display:block; padding:0px 12px 0px 32px; line-height:31px; }

.map-wein-pu-data { position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,.7); z-index:20; overflow:auto; }
.map-wein-pu-data .data-content { width:100%; min-height:100%; display: flex; justify-content: center; align-items: center; padding:10px; }
.map-wein-pu-data .data-content .data-window { max-width:1000px; width:100%; margin:0 auto; background:#fff; border-radius:4px; position:relative; }
.map-wein-pu-data .close { position:absolute; right:10px; font-size:40px; line-height:44px; color:#c2c2c2; top:0px; padding:0px 10px 8px 10px; cursor:pointer; z-index:1; }
.map-wein-pu-data .close:hover { color:#777; }
.map-wein-pu-data .map-wein-pu-body { padding:40px; }
.map-wein-pu-data .map-wein-pu-body .wein-item { position:relative; }
.map-wein-pu-data .map-wein-pu-body .wein-item::after { content:''; display:table; width:100%; height:0px; }
.map-wein-pu-data .map-wein-pu-body .tit { margin-left:37%; font-size:40px; color:#621D25; line-height:47px; }
.map-wein-pu-data .map-wein-pu-body .img { width:34%; float:left; margin-top:-47px; text-align:center; }
.map-wein-pu-data .map-wein-pu-body .img img { max-width:100%; }
.map-wein-pu-data .map-wein-pu-body .img img.no-img { opacity:.4; }
.map-wein-pu-data .map-wein-pu-body .desc { margin-left:37%; }
.map-wein-pu-data .map-wein-pu-body .desc .ort { font-size:16px; color:#621D25; padding:20px 0px 0px 0px; }
.map-wein-pu-data .map-wein-pu-body .desc .traube { font-size:16px; color:#621D25; padding:20px 0px 0px 0px; }
.map-wein-pu-data .map-wein-pu-body .desc .beschreibung { font-size:16px; color:#621D25; padding:20px 0px 0px 0px; }
.map-wein-pu-data .map-wein-pu-body .desc .txt { font-size:16px; line-height:26px; color:#000; padding:30px 0px 0px 0px; }
.map-wein-pu-data .map-wein-pu-body .desc .icos { padding:10px 0px 0px 0px; }
.map-wein-pu-data .map-wein-pu-body .desc .icos::after { content:''; display:table; width:100%; height:0px; }
.map-wein-pu-data .map-wein-pu-body .desc .icos span { display:block; float:left; margin:10px 10px 0px 0px; padding:5px; border-radius:4px; }
.map-wein-pu-data .map-wein-pu-body .desc .icos span:hover { background-color:#f9f9f9; }
.map-wein-pu-data .map-wein-pu-body .desc .icos span i { display:block; width:32px;  height:32px; background-position: center center; background-repeat:no-repeat; background-size:contain; }

@media only screen and (max-width : 840px) {
    #swissmap-data { margin-left:0px; margin:0px auto; }
    .main-div-inner .page-cont .page-entdecken-map h1 { position:static; text-align:center; }
    .page-entdecken-map .swissmap-info { position:static; width:auto; padding:0px 0px 10px 0px; margin-top:0px; }
    
    .map-pu-data .map-pu-body .items-list { float:none; height:110px; width:auto; margin:10px 42px 0px 42px; position:relative; overflow:visible; }
    .map-pu-data .map-pu-body .items-list .items-gastronom { padding:0px; width:100%; height:110px; overflow:hidden; position:relative; }
    .map-pu-data .map-pu-body .items-list .items-mobile-list { position:absolute; min-height:110px; width:100%; }
    .map-pu-data .map-pu-body .items-list .items-gastronom .item { position:absolute; width:100%; min-height:90px; margin-top:0px; padding:10px; }
    .map-pu-data .map-pu-body .kanton-img { margin:0; height:400px; }
    
    .map-pu-data .map-pu-body .items-list .arr-l { position:absolute; left:-37px; height:110px; width:32px; font-size: 21px; text-align: center; line-height: 103px; cursor:pointer; }
    .map-pu-data .map-pu-body .items-list .arr-r { position:absolute; right:-37px; height:110px; width:32px; font-size: 21px; text-align: center; line-height: 103px; cursor:pointer; }
    
    .map-pu-data .map-pu-body .kanton-img .img .img-data .items .item-hover, .map-pu-data .map-pu-body .kanton-img .img .img-data .items .item:hover { opacity:.7; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGRjE0QkJFMjI3ODExRTlCMkE2RUQyMzI1MzcyNjlGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGRjE0QkJGMjI3ODExRTlCMkE2RUQyMzI1MzcyNjlGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEZGMTRCQkMyMjc4MTFFOUIyQTZFRDIzMjUzNzI2OUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEZGMTRCQkQyMjc4MTFFOUIyQTZFRDIzMjUzNzI2OUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MMwecAAABbElEQVR42uyaoW4CQRCGOVLTChSiT0CQp8+AwyIQyMo+Uh+hggQeAczpc0fOk5yoQhS5/TcZ3bTszCy5/H/yKXIz+yWX3dsJRQhhNOSMRwMPBSlIQQpSkIIUpCAFKZgrT4a1J2AJKlCCGXiV33rQgQbU4AiuFosoDK5LU7AFG7D44zMnsAOf4Et1NVFQkRXYh/uzlxpqa9KUewNtSE8rtR5KMC7oEvRy0ZLUei3boJ9W43UdK2wo72BusAHOpfY05zkYd8u14VGzlh5ZBCdyFFhnI73cBZf/OOdSspBe7oKV4xdXlUOwdBQscwjOHAXv7pXyLfoNnp0Eb+CF1yVlwd5xnX0Owc5RsMsh2DgKNjkEa0fBOofgUW7i1jlJL3fBq4wZrLNLmdekHhNxhnIwlDtIj2zXpTgg+gBnA7mz1E4bQnFkwaHTY48NBz/4LQz/CDTY0f1gbhMUpCAFKUhBClKQghSkIAV/yY8AAwAKhFlgf76zeQAAAABJRU5ErkJggg=='); }
    .map-pu-data .map-pu-body .kanton-img .img .img-data .items .item-hover-mobile, .map-pu-data .map-pu-body .kanton-img .img .img-data .items .item-hover-mobile:hover { opacity:1; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFCOUYyRkNCMjI3ODExRTk5NjkxRTAwOUVEOUYwQjUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFCOUYyRkNDMjI3ODExRTk5NjkxRTAwOUVEOUYwQjUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUI5RjJGQzkyMjc4MTFFOTk2OTFFMDA5RUQ5RjBCNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUI5RjJGQ0EyMjc4MTFFOTk2OTFFMDA5RUQ5RjBCNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ucdIyAAAD8UlEQVR42tybz0sbQRTHN0ulPywexEIPhR4CEaQHLyJKCwXBggeRVrAUKYJKKZY2/gV6FBQCemnBg4eeijbXHhXFVqXooRiVYvEgWvTkr5RGuv1ueYGw7Myb3WwmzTz4XJLd9953ZzIz+2YScxzHithaQBtoBglwC1SDKhCja9ygOXAOjsAOWAEfwWaUycQiEtgOBkATuAOuhPRzCfbAPHgH1sotcBg8A/fAtYh7wi/wFbwF70N7cQWG4DlYBb+d0psbYxF0hMk1TAvOUZe8aem1M4rdV6oW7AHfnPLbOmhTzVtV3Cj4GSCJz2Ac1INacBXYIEbY9FktXTNO96jaARiKSuAkOFEIegZSIBHyd23RvSnyxZmb00ixAicVguXABIgXIcxLnHzmFB7qSFiBowotNwUaIhTmpYFicC05FFRgj8Jv7nUJhXlJKvwm24IIlI2Wl2BQo7g8gxRbNroqCZxjxPWXQVyefkbkDCfQXaGcShwMllFcYUuK7NS74vGuZFZpwexnb8BkgDVEDXgIWkEjvVncpu8O6Q1iAyzT4vokgO8kSAm+WwIP/FYyw5K15VSAJ1wHXoH5ABP3PN1TFyDOlGTt2uvXRdck85zqVPAIpItYhqXJh+oUIponl7wC20FWcPGEYsA+kIlgrZkhXyoxJwQ+XC1NhQI/SFYKcUVx+xEuqPcVRcYlK63pQoE/BBelFLtlxoneMordNSW4/3teYIukLycUBpS0UzpLKww8CdnYYVOByK+G8oWGcpk9BV0lfMntohgy26FcveZqemxT9Us0n3DzXLeGN/luiiUzUa7NbhNvC5q4nukanRrf4juZXOoF923bVLf0syPmqbVqrMdwsUS53rKpKOtn54zTRo0CuViiXKttqjj7WY5xmtAokIslyrXKXWyL6oY2ldhFdgGuaxKYBTdkBWzwRyTCaJO1Uoy591BjnlwsUa6OLeu/ChOsLuNiCccRWzYCMU43NArkYglnAls2hzBOlzUK5GIJ53Jb0vwDjFO3zLCgQdwCxZKZKNcdm3ZW/ew+49StocxqEDirUK8R5brCvfob8bq0SdvGfvaSeXLHtAO7VYKW2yLfx8x1ohz3/mmjpzBtesmiyfSik0WlNmPLhhYVS40u/Fp0mkFkyYB7CDX0Jj4GPoFdcEHs0mdjdE1NhNtpi7LNlw7TNl/8HMyYvH2WZ93kDVCLtoMPmIEh6VTwFrZFG/vGHkLIM2LyMZJCkcYeBCrsrgcBJu6KOspVOPCsV9phvDDHKWfAExOPU3pXPIuVcCC22NGul1bu2RIIy5Lv3mJyjOpQunu25gWdi7lr0qF0P2twd1at/+RvBX8FGAB5XxcO94ZAWAAAAABJRU5ErkJggg=='); }
    
    .map-pu-data .map-pu-body .items-list .items-gastronom .item .desc { height:90px; position:relative; overflow:hidden; }
    .map-pu-data .map-pu-body .items-list .items-gastronom .item .desc::after { content:''; position:absolute; display:block; width:100%; left:0; bottom:0; height:16px; background:linear-gradient(to top, rgba(250,250,250,1) 5%, rgba(250,250,250,0) 100%); }
    
    .map-pu-header .butt-switch .butt { min-width:32px; }
    .map-pu-header .butt-switch .butt-rest { background-position:11px 5px; }
    .map-pu-header .butt-switch .butt-rest::before { display:none; }
    .map-pu-header .butt-switch .butt-wein { background-position:10px 4px; }
    .map-pu-header .butt-switch .butt-wein::before { display:none; }
    
    #swissmap path.kanton-n-a { opacity:.1; }
    #swissmap path.kanton-n-a:hover { opacity:.1; }
    
    
}

@media only screen and (max-width : 640px) {
    
    .map-wein-pu-data .map-wein-pu-body .tit { margin-left:0; }
    .map-wein-pu-data .map-wein-pu-body .img { width:auto; float:none; margin:0 auto; max-width:300px; }
    .map-wein-pu-data .map-wein-pu-body .desc { margin-left:0; }
    
}

@media only screen and (max-width : 540px) {
    #swissmap { overflow-x:auto; overflow-y:hidden; }
    .main-div-inner .page-cont .page-entdecken-map h1 span { display:block; }
    
    
}