.app_error { display:none;font-weight:100;font-size:16px;position:fixed;bottom:10px;right:10px;left:10px;padding:15px;background-color:rgba(69,37,30,0.5);color:#fff;text-align:center; } .app_error.show { display:block; } body { background-color:#f5f9fa; } [premiumfeature="1"] { display:none !important; } .spinner { width: 40px;height: 40px;position: relative;margin: 100px auto;} .double-bounce1, .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #2d3f53;opacity: 0.2;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;} .spinner.white .double-bounce1, .spinner.white .double-bounce2 { background-color:#fff; } .double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;} @-webkit-keyframes sk-bounce {0%, 100% { -webkit-transform: scale(0.0) }50% { -webkit-transform: scale(1.0) }} @keyframes sk-bounce {0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0);-webkit-transform: scale(1.0);}} .maincontainer .maincontainer_subpages_blue, .maincontainer .maincontainer_subpages, .maincontainer .maincontainer_map, .maincontainer .maincontainer_map #map, .maincontainer .maincontainer_map .map_wrapper { height:100%;width:100%;position:relative;} .maincontainer .maincontainer_map .map_wrapper .contribution { position:absolute;bottom:0;padding:5px;z-index:2;font-family: "Signika";font-weight: 300;background-color:rgba(255,255,255,0.5);width:220px;margin-left:-110px;left:50%; } .maincontainer .maincontainer_subpages_blue { position:absolute; } .maincontainer .maincontainer_map { transition: transform 0.3s ease-in-out 0s; -webkit-transition: transform 0.3s ease-in-out 0s;transform:translateX(0%);  } .maincontainer .maincontainer_subpages { transition: transform 0.3s ease-in-out 0s; -webkit-transition: transform 0.3s ease-in-out 0s;transform:translateX(0%);  } .maincontainer .maincontainer_subpages.slideOut { transform:translateX(-100%); } .maincontainer .maincontainer_subpages_blue { position:absolute; } .maincontainer .maincontainer_map.slideOut { transform:translateX(-100%); } .maincontainer .maincontainer_map #map { background-color:#f2efe9; } .maincontainer .maincontainer_map #map::after { content:" ";position:absolute;height:100%;width:100%;background:url("../img/raster.svg") center center repeat transparent;opacity:0.2; } .maincontainer .maincontainer_map #map > div.map_msg { position:absolute;width:60%;margin-left:-30%;left:50%;top:50%;text-align:center;padding:10px;text-shadow:0px 0px 5px #f2efe9;border-radius:5px;font-size: 16px;font-family: "Signika";font-weight: 300;z-index:1;color:#c1736b; } .maincontainer .maincontainer_map #map > div.map_msg.hide { display:none; } .maincontainer .maincontainer_map #map { z-index:1; } .maincontainer .maincontainer_map { background-color:#333 } .maincontainer .maincontainer_map, .maincontainer .maincontainer_map .map_wrapper { z-index:1; position:relative;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;transform:translateX(0px); } .maincontainer .maincontainer_map .mapinfos { border-top-left-radius:0px;border-top-right-radius:0px; margin:0 0px;height:100%; transform:translateY(0px);top:0px;position:relative;z-index:1;box-sizing:border-box;padding:0px; } .maincontainer .maincontainer_map .mapinfos .spinner {width: 40px;height: 40px;position: absolute;margin: 0px auto;top: 15px;display:none;} .maincontainer .maincontainer_map .mapinfos.loading .spinner { display:block; } .maincontainer_map .map_wrapper { height:100%; } .maincontainer_map .mapinfos { transform:translateY(100%); } .maincontainer_map.showDetails .mapinfos { transform:translateY(0%); } .maincontainer .maincontainer_map .mapinfos .body { position:absolute;top:0px;left:0px;right:0px;bottom:0px; font-family:"Signika";z-index:1;border-top-left-radius:15px;border-top-right-radius:15px;} .maincontainer .maincontainer_map .mapinfos .body::after { position:absolute;left:0;top:0%;right:0;bottom:-500%;content:' ';display:block;z-index:0;opacity:1;background-color:#ebebea;border-top-left-radius:15px;border-top-right-radius:15px;} .maincontainer .maincontainer_map .mapinfos .body .inner { padding:0px; overflow:hidden;position:relative;height:100%;width:100%;box-sizing:border-box;position:relative;z-index:1;color:#333;} .maincontainer .maincontainer_map .mapinfos .body .innerpadding { font-size:14px; padding:0px;padding-bottom:0px;} .maincontainer .maincontainer_map .mapinfos .body .recieved_content { padding:20px;padding-top:20px;background-color:#ebebea; } .maincontainer .maincontainer_map .mapinfos .body.expanded { overflow:hidden; } .maincontainer .maincontainer_map .mapinfos .head { overflow:visible !important;position:relative;z-index:2;border-top-left-radius:15px;border-top-right-radius:15px; } .maincontainer .maincontainer_map .mapinfos .head .head_wrapper { border-top-left-radius:15px;border-top-right-radius:15px;background-color:#19547b;position:absolute;left:0px;bottom:1px;right:0px;min-height:68px;box-sizing:border-box;font-family:"Signika";font-weight:600;z-index:1;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;transform:translateY(300px); } .maincontainer .maincontainer_map .mapinfos .head .head_wrapper .head_wrapper_inner { padding-bottom:10px;in-height:68px;font-size:22px;padding:10px 20px;padding-top:20px;padding-bottom:0px;color:#fff;box-sizing:border-box;font-family:"Signika";font-weight:600; } .maincontainer .maincontainer_map .mapinfos .head .head_wrapper .head_wrapper_inner .like { width:45px;height:45px;background-color:#fff;border-radius:50%;position:absolute;right:50px;top:28px; background:url(../img/svg/heart.svg) no-repeat center center transparent;opacity:0.4;background-size:50% auto !important } .maincontainer .maincontainer_map .mapinfos .head .head_wrapper .head_wrapper_inner .like.liked { opacity:1; } .maincontainer .maincontainer_map .mapinfos .head .head_wrapper .head_wrapper_inner .close { width:45px;height:45px;background-color:#fff;border-radius:50%;position:absolute;right:11px;top:28px; background:url(../img/svg/schliessen-01.svg) no-repeat center center transparent;opacity:0.4;background-size:50% auto !important } .maincontainer .maincontainer_map .mapinfos .head .head_wrapper .head_wrapper_inner .close.active-helper { opacity:1; } .maincontainer_map.showDetails .mapinfos .head .head_wrapper { transform:translateY(0%); } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper { max-height:0px;position:relative;overflow:hidden;bottom:1px; } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .picturebox { } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .picturebox .placeholder::after { content:" ";position:absolute;background:none center center no-repeat #19547b;background-size:cover;position:absolute;top:0px;left:0px;bottom:0px;right:0px; } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .picturebox .placeholder.haspics::after { background-color:#333; } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper[data-ignoreteaser=true]::after { display:block;z-index:1;background-color:#19547b; content:" ";position:absolute;display:block;left:0;right:0;height:15px;bottom:0; } .maincontainer .maincontainer_map .mapinfos .head font.name { display:block;padding-right:85px; } .maincontainer .maincontainer_map .mapinfos .head font.gewaesserid { display:block;font-size:14px;} .maincontainer .maincontainer_map .mapinfos .head font.subtile { display:none;font-size:14px;} .maincontainer .maincontainer_map .mapinfos .head .interactive_list_mainwrapper { position:relative;width:100%;transition: all 1s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: all 1s cubic-bezier(0,1.03,.14,1.01) 0s;transform:translateY(0px);height:0px;overflow: hidden;} .maincontainer .maincontainer_map .mapinfos .head .interactive_list_wrapper { box-sizing:border-box;padding:0px;margin:0px;list-style:none;width:100%;position:relative;padding:0 20px;overflow:hidden;} .maincontainer .maincontainer_map .mapinfos .head .interactive_list_wrapper .interActiveList { padding:0px;margin:0px;list-style:none;width:100%; } .maincontainer .maincontainer_map .mapinfos .head .interactive_list_wrapper .hidden_wrapper { display:none; } .maincontainer .maincontainer_map .mapinfos .head .interactive_list_wrapper span.read_more { color:#d39429; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer { position:relative;width:100%; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderContainer { padding-bottom:30px;padding-top:15px;position:relative;z-index:1;} .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderMainSliderdots { bottom:0px; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderMainSliderdots a { width:5px;height:5px;display:inline-block;margin-right:5px;background-color:#fff;border-radius:50%; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderMainSliderdots a.aktiv { background-color:#c0d34d; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .simpleSliderNavigationNEOCMS { display:block; } .interactive_list_wrapper .neoCMSSliderMainContainer .simpleSliderNavigationNEOCMS { display:none !important; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderSlide [kind=all] { background: none right 48px center no-repeat transparent;background-size: auto 62%; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderMainContainerInner { position:relative; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderSlide { color:#c0d34d;box-sizing: border-box; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderSlide:nth-child(1) { padding-right:60px;background:url(../img/svg/swipe.svg) no-repeat center right 10px transparent;background-size:25px auto !important; } .maincontainer .maincontainer_map .mapinfos .head .neoCMSSliderMainContainer .neoCMSSliderSlide .navigate_to { background-color:#c0d34d;border-radius:2px;color:#19547b;padding:2px 10px;margin-top:5px;display:inline-block;margin-bottom:15px; } .maincontainer .maincontainer_map .mapinfos .head .borduere { height:30px;background:url(../img/wave.svg) center bottom repeat-x transparent;background-size:auto 45%;position:relative;top:1px;} .maincontainer .maincontainer_map .mapinfos .head .dekor { border-radius: 2px; height: 6px; background-color: #36a8df; margin: 0 auto; margin: 0 auto; width: 70px; margin-bottom: 5px; position: relative; top: -5px; } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer .neoCMSSliderSlide:nth-child(1) { padding-right:0px;background:none; } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer .neoCMSSliderContainer { padding-bottom:0px;padding-top:0px;position:relative;z-index:1;} .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer , .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer .neoCMSSliderMainContainerInner { position:absolute;width:100%;height:100%; } .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer .neoCMSSliderContainer, .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer .neoCMSSliderContainer .neoCMSSliderSlide { height:100%;max-height:unset;max-height:none;} .maincontainer .maincontainer_map .mapinfos .head .picture_wrapper .neoCMSSliderMainContainer .neoCMSSliderContainer .neoCMSSliderSlide .innerSlide { height:100%; } .maincontainer .maincontainer_map .mapinfos .status_holder { position:relative;height:1px;width:100%; } .maincontainer .maincontainer_map .mapinfos .status_holder .status { transform:translateX(0px);transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;transform:translateY(0px);line-height:15px;padding:10px;text-align:center;position:absolute;font-size:12px;color:#fff;left:85px;border-radius:3px;right:85px;bottom:20px;min-height:0px;background-color:rgba(0,0,0,0); } .maincontainer .maincontainer_map .mapinfos .status_holder .status span { display:block;font-weight:bold;font-size:13px; } .maincontainer .maincontainer_map .mapinfos .status_holder .status.green { background-color:rgba(0,143,0,0.7); } .maincontainer .maincontainer_map .mapinfos .status_holder .status.red { background-color:rgba(130,26,29,0.7); } .maincontainer .maincontainer_map .mapinfos .status_holder .status.orange { background-color:rgba(143,76,0,0.7); } .hauptcontent.search_expand:not(.showDetails) .status_holder .status { bottom:75px !important; } .maincontainer .maincontainer_map .mapinfos .body .innerpadding .head { opacity:0;} .maincontainer .maincontainer_map .mapinfos.isMarket font.gewaesserid { display:none; } .maincontainer .maincontainer_map .mapinfos.loading font.gewaesserid { display:none; } .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile { display:block; } .maincontainer .maincontainer_map .mapinfos.isMarket .like , .maincontainer .maincontainer_map .mapinfos.isMarket .vereins_info_box , .maincontainer .maincontainer_map .mapinfos.isMarket .report_gewaesser { display:none; } .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile .open { padding-right:7px;color:#c0d34d;position:relative; } .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile .closed { padding-right:7px;color:#E8443C;position:relative; } .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile .closed::after, .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile .open::after { display:none;opacity:0.8;content: " ";position: absolute;right: 8px;height: 3px;width: 3px;top: 7px;border-radius: 50%;background-color: #fff; } .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile .distance { opacity:0.8; } .maincontainer .maincontainer_map .mapinfos.isMarket font.subtile .short_location { margin-bottom:-5px;padding-top:10px;opacity:0.8; } .maincontainer .maincontainer_map .mapinfos .opening_hours { border-bottom:0px solid #19547b;background-color:rgba(0,0,0,0.05);margin:0 -20px;padding:20px;margin-bottom:20px; } .maincontainer .maincontainer_map .mapinfos .merket_head { margin:0 -20px;padding:0 20px;margin-bottom:0px; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big { max-width:370px;list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;margin:0 auto;flex-wrap:wrap; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li:not([kind="logo"]) { background-color:#fff;position:relative;width:45px;display:block;border-radius:50%;margin:0 5px;margin-bottom:10px;position:relative; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li:not([kind="logo"])::after { content:" ";position:relative;display:block;padding-bottom:100%;border-radius:50%; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li a { position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;border:0px;z-index:2; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small { list-style:none;padding:0;margin:0;padding-bottom:20px;padding-top:10px; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li { position:relative;padding:3px;padding-left:40px; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li:after { content:" ";display:block;position:absolute;width:25px;height:25px;left:0px;top:0px;margin-top:-12.5px;top:50%; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="tel"]:after { background:url(../img/laeden/laeden_call.svg) no-repeat center center transparent;background-size:70% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="mail"]:after { background:url(../img/laeden/laeden_mail.svg) no-repeat center center transparent;background-size:71% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="place"]:after { background:url(../img/laeden/laeden_place.svg) no-repeat center center transparent;background-size:65% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="web"]:after { background:url(../img/laeden/laeden_web.svg) no-repeat center center transparent;background-size:73% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="facebook"]:after { background:url(../img/laeden/laeden_facebook.svg) no-repeat center center transparent;background-size:40% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="twitter"]:after { background:url(../img/laeden/laeden_twitter.svg) no-repeat center center transparent;background-size:65% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="youtube"]:after { background:url(../img/laeden/laeden_youtube.svg) no-repeat center center transparent;background-size:70% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.small li[kind="instagram"]:after { background:url(../img/laeden/laeden_instagram.svg) no-repeat center center transparent;background-size:70% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="tel"]:after { background:url(../img/laeden/laeden_call.svg) no-repeat center center transparent;background-size:50% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="mail"]:after { background:url(../img/laeden/laeden_mail.svg) no-repeat center center transparent;background-size:55% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="place"]:after { background:url(../img/laeden/laeden_place.svg) no-repeat center center transparent;background-size:45% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="web"]:after { background:url(../img/laeden/laeden_web.svg) no-repeat center center transparent;background-size:57% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="facebook"]:after { background:url(../img/laeden/laeden_facebook.svg) no-repeat center center transparent;background-size:28% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="twitter"]:after { background:url(../img/laeden/laeden_twitter.svg) no-repeat center center transparent;background-size:51% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="youtube"]:after { background:url(../img/laeden/laeden_youtube.svg) no-repeat center center transparent;background-size:53% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="instagram"]:after { background:url(../img/laeden/laeden_instagram.svg) no-repeat center center transparent;background-size:53% auto ; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="logo"] { border-radius:50%;margin:0 5px;margin-bottom:10px;} .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="logo"][kart="seen"] { background:url(../img/angeln_in_icons/forellenseen_closed.svg) no-repeat center center transparent;background-size:100%; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="logo"][kart="laeden"] { background:url(../img/angeln_in_icons/shop_closed.svg) no-repeat center center transparent;background-size:100%; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="logo"].hot { padding:5px;margin-left:-5px;margin-top:-5px; background: #F93527; /* Old browsers */ background: -moz-linear-gradient(-45deg, #F93527 0%, #e4df00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #F93527 0%,#e4df00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #F93527 0%,#e4df00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7725', endColorstr='#e4df00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="logo"] .logo_inner { position:relative;width:45px;display:block;border-radius:50%;margin:0 0px;position:relative; } .maincontainer .maincontainer_map .mapinfos .merket_head ul.big li[kind="logo"] .logo_inner::after { content:" ";position:relative;display:block;padding-bottom:100%;border-radius:50%; } .maincontainer .maincontainer_map .mapinfos .market_title { font-family: "Signika";color: #19547b;font-weight: bold;font-size: 18px;padding-bottom: 10px;} .maincontainer .maincontainer_map .mapinfos .gotomarket, .maincontainer .maincontainer_map .mapinfos .quickjoin { position:relative;background-color: #fff; margin-bottom: 15px; box-sizing: border-box; padding: 0px; border-radius: 5px; width: 100%; font-family: "Signika"; font-size: 16px; cursor: pointer; position: relative; box-shadow: 0 4px 3px -5px; } .maincontainer .maincontainer_map .mapinfos .quickjoin .qj { margin-right:10px;border-radius:0px;position:relative;} .maincontainer .maincontainer_map .mapinfos .quickjoin .qj img { display:none;width:100% !important;} .maincontainer .maincontainer_map .mapinfos .quickjoin div.name { padding:10px;padding-right:70px; } .maincontainer .maincontainer_map .mapinfos .quickjoin div.name font { font-size: 14px; line-height: 20px; margin-top: 7px; display: block; } .maincontainer .maincontainer_map .mapinfos .quickjoin .switch { position: absolute;display: inline-block; width: 60px;height: 34px;right: 0px;top: 5px;} .maincontainer .maincontainer_map .mapinfos .quickjoin .slider { background-color: #ccc ; position: absolute;border-radius:34px;cursor: pointer;top: 0;left: 0;right: 5px;bottom: 0; } .maincontainer .maincontainer_map .mapinfos .quickjoin .slider:after { position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s; border-radius: 50%;transform: translateX(0px); } .maincontainer .maincontainer_map .mapinfos .quickjoin.joined .slider { background-color: #36a8df ; } .maincontainer .maincontainer_map .mapinfos .quickjoin.joined .slider:after { transform: translateX(20px); } .maincontainer .maincontainer_map .mapinfos .gotomarket .logo { position: absolute; left: 10px; top: 50%; width: 60px; margin-top: -30px; top: 50%; height: 60px; border-radius: 50%; background-color: #f2f2f2; } .maincontainer .maincontainer_map .mapinfos .gotomarket .logo[kart="seen"] { background:url(../img/angeln_in_icons/forellenseen_closed.svg) no-repeat center center transparent;background-size:100%; } .maincontainer .maincontainer_map .mapinfos .gotomarket { min-height:80px;display:flex;align-items:center;padding:20px;padding-left:80px;padding-right:40px;background: url(../img/right-arrow.svg) center right 10px no-repeat #fff;background-size: 20px auto; } .maincontainer .maincontainer_map .mapinfos .gotomarket .name { font-weight:bold; } .maincontainer .maincontainer_map .mapinfos .gotomarket .name font {display:block;font-weight:100;font-size:14px;margin-top:-5px; } .maincontainer .maincontainer_map .mapinfos .vereins_info_box { border:3px solid #fff;padding:5px;text-align:center;margin-top:20px; } .maincontainer .maincontainer_map .mapinfos .report_gewaesser { text-align:center; } .maincontainer .maincontainer_map .mapinfos .report_gewaesser div { padding:10px 20px;color:#fff;border-radius:3px;text-align:center;margin-top:20px;margin-top:10px;background-color: #19547b;position:relative; } .maincontainer .maincontainer_map .mapinfos .report_gewaesser div.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:3px; } .maincontainer .maincontainer_map .mapinfos .multipleusebox { padding:10px;text-align:center;margin-bottom:20px;background-color:#f28e45;text-align:left;color:#fff; } .maincontainer .maincontainer_map .mapinfos .multipleusebox ul { list-style:none;margin:0;padding:0; } .maincontainer .maincontainer_map .mapinfos .multipleusebox ul li { padding:5px;padding-left:10px;padding-right:30px;cursor:pointer;margin-top:10px;border-radius:3px;background:url(../img/svg/placementmarker.svg) no-repeat center right 10px rgba(0,0,0,0.1);background-size:15px auto ; } .maincontainer .maincontainer_map .mapinfos .multipleusebox ul li.active-helper { background:url(../img/svg/placementmarker.svg) no-repeat center right 10px rgba(0,0,0,0.2);background-size:15px auto ; } .maincontainer .maincontainer_map .mapinfos span.multipleuseicon { background-color:#f28e45;width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px;} .maincontainer .maincontainer_map .mapinfos .logobar { position:relative;display:flex;margin-top:10px; } .maincontainer .maincontainer_map .mapinfos .logobar > div { max-width:150px;width:50%;position:relative; } .maincontainer .maincontainer_map .mapinfos .logobar > div::after { position:relative;display:block;content:" ";padding-bottom:100%;} .maincontainer .maincontainer_map .mapinfos .logobar > div .in { background-color:#fff;position:absolute;left:0px;top:0;bottom:0;right:0; } .maincontainer .maincontainer_map .mapinfos .logobar .in span { position:absolute;left:0;top:0;right:0;height:30px;text-align:center;color:#cccc;line-height:30px;border-bottom:2px solid #ebebea; } .maincontainer .maincontainer_map .mapinfos .logobar .in .img { position:absolute;left:0;top:30px;right:0;bottom:0px; } .maincontainer .maincontainer_map .mapinfos .logobar > div:nth-child(odd) .in { right:5px; } .maincontainer .maincontainer_map .mapinfos .logobar > div:nth-child(even) .in { left:5px; } .searchbox.main { display:none;box-sizing:border-box;padding:5px 0px;position:absolute;left:20px;bottom:20px;right:20px;z-index:9994;height:45px;transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;will-change:transform;} .searchbox.main .search_button { z-index:999;position:absolute;left:0px;top:0px;border-radius:22.5px;width:45px;height:45px;transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;} .searchbox.main .search_button:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/search_white.svg) no-repeat center center transparent;background-size:50% 50% !important; } .searchbox.main .search_button.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .search_expand .searchbox.main .search_button { box-shadow:0px 1px 3px rgba(0,0,0,0);border-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px; } .searchbox.main .bar { position:absolute;left:22px;right:-3px;top:0px;bottom:-3px;overflow:hidden; transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;} .search_expand .searchbox.main .bar { left:0px; } .hauptcontent.showDetails .searchbox.main { transform:translateY(100px) } .searchbox.main .bar .bar_inner { transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;transform: translateX(-100%);position:absolute;right:3px;bottom:3px;top:0px;left:0px;border-radius:5px; } .searchbox.main .bar .bar_inner input { background-color:transparent;padding:0px;color:#fff;width:0px;line-height:45px;box-sizing:border-box;border:0px;height:45px; padding:0px;padding-left:60px;font-size:16px;width:100%;padding-right:65px;} .searchbox.main .bar .bar_inner input::placeholder { color:rgba(255,255,255,0.7); } .searchbox.main .bar .bar_inner input:-ms-input-placeholder { color:rgba(255,255,255,0.7); } .searchbox.main .bar .bar_inner input:-ms-input-placeholder { color:rgba(255,255,255,0.7); } .searchbox.main .bar .bar_inner input:focus { outline-width: 0;} .search_expand .searchbox.main .bar .bar_inner { transform: translateX(0%); } .searchbox.main { padding:5px;padding-left:50px;padding-right:57px;right:20px; border-radius:5px; } .searchbox.main .bar_inner .search_button { border-radius:3px;box-shadow:0px 1px 3px rgba(0,0,0,0);background-color:transparent !important; } .searchbox.main .bar_inner .search_submit { background:url("../img/svg/send.svg") center center no-repeat #2d3f53 !important;background-size:50% 50% !important;position:absolute;right:0px;top:0px;bottom:0px;border-top-right-radius:5px;width:50px;border-bottom-right-radius:5px; } .searchbox.main .bar_inner .search_submit.active-helper { background-color:#1b2532 !important; } .searchbox.main .bar_inner .search_submit .spinner { margin:0px;position:absolute;width:20px;height:20px;left:-31px;top:13px;display:none; } .searchbox.main.load .search_submit .spinner { display:block; } .hauptcontent[current-page='main'] .searchbox.main { display:block; } .save_tiles .searchbox.main { display:none !important } .center_button { display:none;z-index:9995;position:absolute;right:20px;bottom:20px;border-radius:50%;width:45px;height:45px;transform:translateX(0px);transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;transform:translateY(0px);} .center_button:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/tracker_white.svg) no-repeat center center transparent;background-size:50% 50% !important; } .center_button.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .legende { display:none;z-index:9997 !important;position:absolute;right:20px;top:20px;border-radius:50%;width:45px;height:45px;} .legende:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/info.svg) no-repeat center center transparent;background-size:50% 50% !important; } .legende.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .hauptcontent[current-page='main'] .legende { display:block; } .legende_overlay .legende:after { background:url(../img/svg/info_blue.svg) no-repeat center center transparent;background-size:50% 50% !important; } .legende_overlay .legende { background-color:#fff; } .legende_overlay { overflow:hidden;padding:20px;box-sizing:border-box;position:absolute;width:45px;height:45px;right:20px;top:20px;z-index:9997; font-family: "Signika";color:#2d3f53; font-size: 14px;line-height:20px; } .legende_overlay.ready { width:100%;height:100%;right:0px;top:0px; } .legende_overlay .legende_margin { opacity:0;transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; } .legende_overlay.aktiv1 .legende_margin { opacity:1; } .legende_overlay::before { transform-origin: 50% 50%;transform:scale(0);background-color:#ebebea;content:" ";position:absolute;top:20px;right:20px;width:45px;height:45px;border-radius:50%;transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; } .legende_overlay.aktiv::before { transform:scale(100);right:20px;top:20px; } .legende_overlay ul { list-style:none;padding:0;margin:0;} .legende_overlay ul li { position:relative;min-height:16px;padding-left:60px;margin-bottom:10px; } .legende_overlay ul li .lgnItm { position:absolute;width:40px;height:16px;top:50%;margin-top:-8px;left:0px; } .legende_overlay ul li .lgnItm::after { content:" ";display:block;position:absolute;width:100%;height:4px;margin-top:-2px;top:25%;background-color:#fff;border-radius:3px;} .legende_overlay ul li .lgnItm.single::after { top:50%; } .legende_overlay ul li .lgnItm:not(.single)::before { content:" ";display:block;position:absolute;width:100%;height:4px;margin-top:-2px;top:75%;background-color:#fff;border-radius:3px; } .legende_overlay ul li .lgnItm.normal::after { background-color:#225b7a; } .legende_overlay ul li .lgnItm.member::after { background-color:#36a8df; } .legende_overlay ul li .lgnItm.verbot::after { background-color:#e82f36; } .legende_overlay ul li .lgnItm.erlaubt::after { background-color:#00dc00; } .legende_overlay ul li > .icon { z-index:1;position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;left:0px;background:url(../img/angeln_in_icons/anfuetern.svg) no-repeat center center transparent;background-size:100% auto !important; } .legende_overlay ul li .icon::after { display:none;z-index:0;content:" ";position:absolute;width:40px;height:40px;top:0px;left:-10px;background:url(../img/angeln_in_icons/anfuetern.svg) no-repeat center center transparent;background-size:100% auto !important; } .legende_overlay ul li .icon.anfuetern { background:url(../img/angeln_in_icons/anfuetern.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.nachtangeln { left:6px;background:url(../img/angeln_in_icons/nachtangeln_gruen.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.nachtangeln::after { background:url(../img/angeln_in_icons/nachtangeln.svg) no-repeat center center transparent;display:block; } .legende_overlay ul li .icon.nsg { background:url(../img/angeln_in_icons/nsg.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.betretenverboten { background:url(../img/angeln_in_icons/nicht_betreten.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.routenlimit { background:url(../img/angeln_in_icons/routenlimit.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.schonzeiten { left:6px;background:url(../img/angeln_in_icons/schonzeiten_gruen.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.schonzeiten::after { background:url(../img/angeln_in_icons/schonzeiten.svg) no-repeat center center transparent;display:block; } .legende_overlay ul li .icon.sonderbestimmung { background:url(../img/angeln_in_icons/sonderbestimmung.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.verbot_alle_boote { background:url(../img/angeln_in_icons/verbot_alle_boote.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.verbot_fremde_boote { background:url(../img/angeln_in_icons/verbot_fremde_boote.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.verbot_gk { left:6px;background:url(../img/angeln_in_icons/verbot_gk_gruen.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.verbot_gk::after { background:url(../img/angeln_in_icons/verbot_gk.svg) no-repeat center center transparent;display:block; } .legende_overlay ul li .icon.verbot_komplett { background:url(../img/angeln_in_icons/verbot_komplett.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.verbot_temporaer { background:url(../img/angeln_in_icons/verbot_temporaer.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.parken { background:url(../img/angeln_in_icons/parken.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.slipeinlage { background:url(../img/angeln_in_icons/slipeinlage.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.behindert { background:url(../img/angeln_in_icons/behindert.svg) no-repeat center center transparent; } .legende_overlay ul li .icon_wrap { z-index:1;position:absolute;width:40px;height:90px;top:50%;margin-top:-45px;left:0px; } .legende_overlay ul li .icon.shops { position:relative;width:40px;height:40px;left:6px;background:url(../img/angeln_in_icons/shop_closed.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.shops::after { background:url(../img/angeln_in_icons/shop_opened.svg) no-repeat center center transparent;display:block; } .legende_overlay ul li .icon.shopshot { margin-top:10px;position:relative;width:45px;height:45px;left:4px;background:url(../img/angeln_in_icons/shop_closed_hot.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.shopshot::after { width:45px;height:45px;background:url(../img/angeln_in_icons/shop_opened_hot.svg) no-repeat center center transparent;display:block; } .legende_overlay ul li .icon.forellenseen { position:relative;width:40px;height:40px;left:6px;background:url(../img/angeln_in_icons/forellenseen_closed.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.forellenseen::after { background:url(../img/angeln_in_icons/forellenseen_opened.svg) no-repeat center center transparent;display:block; } .legende_overlay ul li .icon.forellenseenhot { margin-top:10px;position:relative;width:45px;height:45px;left:4px;background:url(../img/angeln_in_icons/forellenseen_closed_hot.svg) no-repeat center center transparent; } .legende_overlay ul li .icon.forellenseenhot::after { width:45px;height:45px;background:url(../img/angeln_in_icons/forellenseen_opened_hot.svg) no-repeat center center transparent;display:block; } .legende_overlay h1 { height: 65px;line-height: 65px;font-weight: 400;padding-left: 0px;padding-right: 0px;font-size: 25px;color: #1a1e1f;text-align: left; } .legende_overlay .legende_margin { max-width:450px;margin:0 auto;padding:0 20px;box-sizing:border-box;padding-bottom:100px; } .hauptcontent:not([current-page="main"]) .legende_overlay { display:none; } .hauptcontent:not([current-page="main"]) .legende { display:none; } .search_expand .center_button { bottom:75px !important; } .hauptcontent.showDetails .center_button { transform:translateY(170px) !important;} .hauptcontent[current-page='main'] .center_button { display:none; } .hauptcontent[current-page='main'] .center_button.show { display:block; } .search_results { color:#2d3f53;font-family:"Signika";padding:10px;border-radius:5px;box-shadow:0px 1px 3px rgba(0,0,0,0.5);transform:translateY(200%);z-index:9998;background-color:#f5f9fa;position:absolute;left:10px;right:10px;bottom:140px;top:10px;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .search_results.show { transform:translateY(0px); } .search_results.movedown { transform:translateY(120%) !important;bottom:66px !important; } .search_results .close { background:url("../img/svg/cancel.svg") center center no-repeat #2d3f53 !important;background-size:40% 40% !important;position:absolute;right:0px;top:0px;height:50px;border-top-right-radius:5px;width:50px;border-bottom-left-radius:5px; } .search_results.movedown .close { background:url("../img/svg/up-arrow-white.svg") center center no-repeat #2d3f53 !important;background-size:40% 40% !important; } .search_results .close.active-helper { background-color:#1b2532 !important; } .search_results h1 { margin-top:0px;margin-bottom:3px;} .search_results .keyword font { color:#f28e45; } .search_results ul { list-style:none;padding:0;margin:0;margin-top:10px; } .search_results ul li { padding:10px;border-bottom:1px solid #ccc;font-family:"Signika";font-size:16px;cursor:pointer;position:relative;padding-right:40px;} .search_results ul li.active-helper { background-color:rgba(0,0,0,0.2); } .search_results ul li:nth-child(1) { border-top:1px solid #ccc; } .search_results ul li div.dist { position:absolute;right:0px;top: 10px;font-style: italic; } .search_results ul li.subscribed span { padding-right:30px;background:url("../img/svg/checked.svg") center right no-repeat transparent;background-size: 15px auto !important; } .search_results ul li.none { font-style:italic; } .search_results ul li.loading { border:0px;padding:10px; } .search_results ul li .like { display:none; } .search_results ul li span { position:relative; } .search_results ul li[data-liked='1'] span::after { content:" ";position:relative;width:15px;height:15px;position:absolute;right:0px;right: -24px;margin-top: 5px;background:url(../img/svg/heart_blue.svg) no-repeat center center transparent;background-size:100% auto; } .search_results[data-kind='fanglisten'] ul li div.dist { display:none; } .search_results #search_inner { position: absolute;top: 66px;left: 10px;right: 10px;bottom: 60px;overflow: hidden; } .search_results .more { background-color:#2d3f53;font-size:16px;color:#fff;cursor:pointer;position:absolute;bottom:10px;right:10px;left:10px; text-align:center;height:40px;line-height:40px;} .search_results[data-kind='fanglisten'] .more { display:none; } .search_results .more.active-helper { background-color:#1b2532 !important; } .weather_popup_button { transform:translateY(0px);z-index:999;position:absolute;left:20px;bottom:130px;border-radius:22.5px;width:45px;height:45px;transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;display:none; } .weather_popup_button:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/weather_icons/partly-cloudy-day.svg) no-repeat center center transparent;background-size:70% 70% !important; } .weather_popup_button.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .hauptcontent[current-page='main'] .weather_popup_button { display:block; } .hauptcontent.showDetails .weather_popup_button {transform:translateY(210px) !important; } .navigator_popup_button { transform:translateY(0px);z-index:999;position:absolute;left:20px;bottom:188px;border-radius:22.5px;width:45px;height:45px;transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;display:none; } .navigator_popup_button:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/car.svg) no-repeat center center transparent;background-size:56% auto !important; } .navigator_popup_button.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .hauptcontent[current-page='main'] .navigator_popup_button { display:block; } .hauptcontent.showDetails .navigator_popup_button {transform:translateY(290px) !important; } .weather_crosshair { display:none; } .weather_crosshair::after, .weather_crosshair::before, .weather_crosshair .line::after, .weather_crosshair .line::before { opacity:0; transform:translateY(-100px);content:" ";display:block;z-index:2;position:absolute;background-color:#19547b; transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;} .weather_crosshair > .center { opacity:0; transform:translateY(-100px);transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; } .weather_crosshair.aim::after, .weather_crosshair.aim::before, .weather_crosshair.aim .line::after, .weather_crosshair.aim .line::before, .weather_crosshair.aim > .center { transform:translateY(0px);opacity:1; } .weather_crosshair::after { bottom:-15px;height:50%;width:2px;margin-left:-1px;left:50%; } .weather_crosshair::before { right:-15px;width:50%;height:2px;margin-top:-1px;top:50%; } .weather_crosshair .line::after { top:-15px;height:50%;width:2px;margin-left:-1px;left:50%; } .weather_crosshair .line::before { left:-15px;width:50%;height:2px;margin-top:-1px;top:50%; } .weather_crosshair > .center { box-sizing:border-box;position:absolute;z-index:2;width:40px;height:40px;border-radius:50%;border:2px solid #19547b;margin-left:-20px;margin-top:-20px;left:50%;top:50%; } .weather_crosshair .descr { border-radius:5px;opacity:0;transform:translateY(200px);background-color:rgba(25, 84, 123,0.85);position:absolute;bottom:20px;left:20px;right:20px;z-index:3;color:#fff;padding:20px;padding-bottom:10px;font-family: "Signika";font-weight: 600;box-sizing:border-box;text-align:center;transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; } .weather_crosshair .descr font {display: block;font-size: 18px;padding-bottom: 20px; } .weather_crosshair .submit { cursor: pointer;padding: 10px 20px;position: relative;box-sizing: border-box;color: #fff;text-align: center;font-family: "Signika";font-weight: bold;font-size: 16px;border: 3px solid #fff;margin:0 5px;margin-bottom:10px;display:inline-block;} .weather_crosshair .submit.hidden { display:none; } .weather_crosshair .submit.active-helper { background-color:rgba(0,0,0,0.3) !important; } .weather_crosshair .close { cursor: pointer;padding: 10px 20px;position: relative;box-sizing: border-box;color: #fff;text-align: center;font-family: "Signika";font-weight: bold;font-size: 16px;border: 3px solid #fff;margin:0 5px;margin-bottom:10px;display:inline-block;} .weather_crosshair .close.active-helper { background-color:rgba(0,0,0,0.3) !important; } .weather_crosshair .marker { z-index:9;opacity:0;position:absolute;width:40px;height:40px;background:url("../img/svg/weather_marker.svg") center center no-repeat transparent !important;background-size:100% auto; margin-left:-20px;margin-top:-40px;top:50%;left:50%;transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; transform:translateY(-1000%); } .weather_crosshair.getMarker .marker { opacity:1;transform:translateY(0%); } body.show_crosshair .hauptcontent[current-page='main'] .weather_crosshair { display:block; } body.show_crosshair .weather_crosshair.aim .descr { opacity:1;transform:translateY(0px); } body.show_crosshair .center_button { transform:translateY(100px) !important; } body.show_crosshair .searchbox.main { transform:translateY(100px) !important; } body.show_crosshair .change_layers_button { transform:translateY(155px) !important; } body.show_crosshair .weather_popup_button { transform:translateY(210px) !important; } body.show_crosshair .navigator_popup_button { transform:translateY(290px) !important; } .change_layers_button { transform:translateY(0px);z-index:999;position:absolute;left:20px;bottom:75px;border-radius:22.5px;width:45px;height:45px;transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: transform 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;display:none; } .change_layers_button:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/layers.svg) no-repeat center center transparent;background-size:50% 50% !important; } .change_layers_button.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .hauptcontent[current-page='main'] .change_layers_button { display:block; } .hauptcontent.showDetails .change_layers_button { transform:translateY(155px) !important; } .change_layers { opacity:0;color:#2d3f53;font-family:"Signika";padding:10px;border-radius:0px;transform:translateY(0px) scale(2);z-index:9998;background-color:rgba(25, 84, 123,0.85);position:absolute;left:0px;right:0px;bottom:0px;top:0px;transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; } .change_layers.hidden { display:none; } .change_layers.show { transform:translateY(0px) scale(1);opacity:1; } .change_layers .close { background:url("../img/svg/cancel.svg") center center no-repeat transparent !important;border:1px solid #fff;border-radius:50%;background-size:40% 40% !important;position:absolute;right:20px;box-sizing: border-box;top:20px;height:45px;width:45px; } .change_layers .close.active-helper { background-color:rgba(0,0,0,0.3) !important; } .change_layers .inner { padding:20px 10px; } .change_layers h1 { margin-top:0px;margin-bottom:20px;color:#fff;} .change_layers .keyword font { color:#f28e45; } .change_layers ul { list-style:none;margin:0;padding:0;display:block;display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;} .change_layers ul li { display:inline-block;width:33%;text-align:center;box-sizing:border-box; } .change_layers ul li .wrp { padding-left:5px;padding-right:5px; } .change_layers ul li font { color:#fff; display: block;padding-top: 10px;padding-bottom: 10px;font-size: 15px;font-weight: 600;position:relative; } .change_layers ul li.aktiv font::after { content:" ";height:15px;width:15px;position:relative;display:inline-block;background:url("../img/svg/checked.svg") center right no-repeat transparent;margin-left:10px;top:2px; } .change_layers ul li[kind="org"] .in { background:url("../img/mapstile/org.png") center right no-repeat transparent; } .change_layers ul li[kind="de"] .in { background:url("../img/mapstile/de.png") center right no-repeat transparent; } .change_layers ul li[kind="fr"] .in { background:url("../img/mapstile/fr.png") center right no-repeat transparent; } .change_layers ul li .in { position:relative;border-radius:3px;background-color:#ccc;border: 3px solid #fff; } .change_layers ul li .in::after { content:" ";display:block;padding-bottom:100%;position:relative; } .maincontainer[current-page="main"] .maincontainer_subpages { display:none; } .maincontainer:not([current-page="main"]) .maincontainer_map { display:none; } .margincontainer { max-width:900px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box;position:} .margincontainer textarea { padding:5px;border:1px solid #ccc;display:block;width:100%;margin:5px auto;box-sizing:border-box;} .iscrollContainer { position:absolute;top:0px;right:0px;left:0px;bottom:0px;z-index:1; } .app_loader {width: 40px;height: 40px; position: absolute;left:50%;top:50%;margin-top:-20px;margin-left:-20px;} .app_loader .double-bounce1, .app_loader .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #333;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;} .app_loader .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .contentcontainer { height:100%;overflow:hidden;width:100%;position:absolute;} .contentcontainer .leftbar { background-color:#fff;width:240px;position:absolute;z-index:12;bottom:0;top:0;left:0px; } .contentcontainer .leftbar .leftbarinner { overflow:hidden;width:240px;position:absolute;top:0px;bottom:100px;left:0px;right:0px;} .contentcontainer .leftbar .leftbarinner .bottompadding { height:0px; } .contentcontainer .leftbar { transform:translate3d( -240px,0, 0); translateZ(0); transition: transform 200ms cubic-bezier(0,1,.1,1) 0s; -webkit-transition: transform 200ms cubic-bezier(0,1,.1,1) 0s;will-change: transform; } .contentcontainer.showleftbar .leftbar { transform:translate3d(0, 0, 0); } .contentcontainer .hauptcontent { width:100%;position:absolute;height:100%;background:none center center no-repeat transparent;background-size:cover;background-position: 50% bottom;} .contentcontainer .hauptcontent .expander{transform:translateX(0px);position:absolute;top:10px;left:10px;width:45px;height:45px;background-size:60% auto;z-index:9991 !important;border-radius:50%;box-sizing:border-box;transform:translateX(0px);transition:transform 0.2s ease-in-out 0s;-webkit-transition:transform 0.2s ease-in-out 0s;} .contentcontainer .hauptcontent .expander:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/sidebar.svg) no-repeat center center transparent; } .contentcontainer .hauptcontent .expander[current-page='main']:after { background:url(../img/svg/sidebar_white.svg) no-repeat center center transparent; } .contentcontainer .hauptcontent .expander[current-page='main'] { left:20px;top:20px; } .contentcontainer .hauptcontent .expander.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .contentcontainer .hauptcontent .expander_swiper { position:absolute;top:0;bottom:0;left:0;width:20px;background-color:transparent;z-index:9995; } .contentcontainer .hauptcontent .expander.slideAway { transform:translateX(-100px) !important; } .maincontainer_subpages_blue .close_subsite { transform:translateX(0px); position:absolute;top:10px;left:10px;width:45px;height:45px;background-size:60% auto;border-radius:50%;box-sizing:border-box;} .maincontainer_subpages_blue .close_subsite:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/svg/slimarrows_left_white.svg) no-repeat center center transparent;background-size:40%; } .contentcontainer .hauptcontent { transform:translate3d(0, 0, 0); transition: transform 200ms cubic-bezier(0,1,.1,1) 0s; -webkit-transition:transform 200ms cubic-bezier(0,1,.1,1) 0s;will-change: transform; } .contentcontainer .hauptcontent .close_overlay { transform:translate3d(-100%, 0, 0); transition: transform 200ms cubic-bezier(0,1,.1,1) 0s; -webkit-transition:transform 200ms cubic-bezier(0,1,.1,1) 0s;will-change: transform; width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:rgba(0,0,0,0); } .contentcontainer.showleftbar .hauptcontent { transform:translate3d(240px,0, 0); } .contentcontainer.showleftbar .hauptcontent .close_overlay { transform:translate3d(0%,0, 0); } .contentcontainer .leftbar .version { color:#fff;opacity:0.2;padding-left:15px;font-family: "Signika";font-weight: 300;top:-30px;position:relative;top:-30px; } .contentcontainer .leftbar ul.navi { margin:0px;padding:0;list-style:none;padding-top:15px;} .contentcontainer .leftbar ul.navi li { padding:15px;color:#fff;font-size:16px;font-family:"Signika";font-weight:300;} .contentcontainer .leftbar ul.navi li span { line-height:24px; } .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(1) { background:url(../img/svg/sidebar/map.svg) no-repeat center left 17px transparent;background-size:auto 74%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(2) { background:url(../img/svg/sidebar/map_list.svg) no-repeat center left 20px transparent;background-size:auto 74%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(3) { background:url(../img/svg/sidebar/map_fangliste.svg) no-repeat center left 20px transparent;background-size:auto 74%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(4) { background:url(../img/svg/sidebar/map_vereine.svg) no-repeat center left 16px transparent;background-size:auto 63%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(5) { background:url(../img/svg/sidebar/stores_icon.svg) no-repeat center left 18px transparent;background-size:auto 62%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(6) { background:url(../img/svg/sidebar/putandtake.svg) no-repeat center left 17px transparent;background-size:auto 70%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li:not(.verein):nth-child(7) { background:url(../img/svg/sidebar/feedback.svg) no-repeat center left 13px transparent;background-size:auto 74%; padding-left:70px;} .contentcontainer .leftbar ul.navi > li.mainhead { font-weight:900;text-transform:uppercase;padding-top:30px;color:#36a8df; } .contentcontainer .leftbar ul.navi li.active-helper { background-color:rgba(0,0,0,0.1) !important; } .contentcontainer .leftbar ul.navi .verein { overflow:hidden;width:240px;box-sizing:border-box; } .contentcontainer .leftbar ul.navi > li.verein { background:url(../img/svg/down-arrow.svg) no-repeat center right 20px transparent;background-size: 7% auto ; padding:10px;padding-right:50px;padding-left:15px; } .contentcontainer .leftbar ul.navi > li.verein.active-helper { background-color:rgba(0,0,0,0.0.05) !important; } .contentcontainer .leftbar ul.navi > ul.verein { padding:0px;margin:0px;list-style:none;max-height:0px;overflow:hidden;transition: all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s;} .contentcontainer .leftbar ul.navi > ul.verein li { font-size:14px;padding:10px 20px;background-color:rgba(0,0,0,0.15);} .contentcontainer .leftbar ul.navi > ul.verein li.active-helper { background-color:rgba(0,0,0,0.3) !important; } .contentcontainer .leftbar ul.navi > ul.verein.expand { max-height:300px; } .contentcontainer .leftbar ul.navi > li.verein.expand { background:url(../img/svg/up-arrow.svg) no-repeat center right 20px transparent;background-size: 7% auto ;} .contentcontainer .leftbar .subnavi li.mainhead { font-weight:900;text-transform:uppercase;padding-top:30px;color:#36a8df; } .contentcontainer .leftbar .subnavi { margin:0px;padding:0;list-style:none;padding-top:10px;text-align:left;width:100%;padding-bottom:30px;} .contentcontainer .leftbar .subnavi li { padding:7px;padding-left:20px;padding-left:15px;color:#fff;display:block;font-size:12px;opacity:1;font-family:"Signika";font-weight:300;} .contentcontainer .leftbar .subnavi li.active-helper { background-color:rgba(0,0,0,0.1) !important; } .mainScrollBarV {position:absolute;z-index:100;width:6px;bottom:7px;top:2px;right:1px} .mainScrollBarV > div {position:absolute;z-index:100;width:100%;background-color:rgba(0,0,0,0.6);-webkit-background-clip:padding-box;-webkit-box-sizing:border-box;-webkit-border-radius:3px;} .leaflet-bar { box-shadow:none !important;border:0px !important; } .leaflet-bar a { display:none; border-radius:50% !important;margin-bottom:10px;line-height:45px !important;box-shadow:0px 1px 3px rgba(0,0,0,0.5);width:45px !important;height:45px !important;color:transparent !important;} .leaflet-bar a.leaflet-control-zoom-in { background:url("../img/svg/zoom-in.svg") center center no-repeat #fff !important;background-size:53% 50% !important; } .leaflet-bar a.leaflet-control-zoom-out {background:url("../img/svg/zoom-out.svg") center center no-repeat #fff !important;background-size:50% 50% !important; } .navitop { height:100px;position:absolute;bottom:0px;right:0px;left:0px;} .navitop .inner { display:flex;height:100px;position:absolute;bottom:0px;left:0px;right:0px;border-top:1px solid rgba(255,255,255,0.1); } .navitop .inner .left { width:100%;height:100%;background:url("../img/svg/Angeln-in_LOGO_APP-SIGN.svg") center center no-repeat transparent;background-size:auto 70%; } .navitop:not(.withCoops) .right { display:none; } .navitop.withCoops .left { width:50%; } .navitop.withCoops .right { width:50%;height:100%;display:flex; } .navitop.withCoops .right ul {margin:0;padding:0;list-style:none;width:100%;height:100%;display:flex;align-items:flex-end; } .navitop.withCoops .right ul li { display:none; } .navitop.withCoops .right ul li:nth-child(1) { display:block;width:100%; } .navitop.withCoops .right ul li:nth-child(1) > div { display:block;margin-bottom:14px;margin-right:20px; } .navitop.withCoops .right ul li:before { position:relative;content:"In Kooperation mit";color:#fff;font-size:12px;opacity:0.7;display:block;font-family: "Signika";padding-bottom:5px; } .subpage .head { height:64px;font-family:"Signika";background-color:#ebebea;border-bottom:1px solid #ccc;} .subpage .head .name { height:65px;line-height:65px;font-weight:400;padding-left:65px;padding-right:65px;font-size:25px;color:#1a1e1f;text-align:center; } .subpage .body { color:#2d3f53;font-size:14px;position:absolute;top:65px;left:0px;right:0px;bottom:0px;font-family:"Signika";background-color:#ebebea;} .subpage .body > .inner { padding:0px; overflow:hidden;position:relative;height:100%;width:100%;box-sizing:border-box; } .subpage .body > .inner > div {backface-visibility: hidden !important; } .subpage .body .innerpadding { padding:10px;padding-top:20px; } .subpage .body .innerpadding:before { content:' ';display:none;position:absolute;top:0px;left:10px;right:10px;border-top:1px solid #ccc; } .subpage .body .innerpadding:after { content:' ';display:none;position:absolute;width:70px;height:30px;margin-left:-35px;border:0px solid red;left:50%;top:-3px;background:url("../img/svg/wind.svg") center center no-repeat #ebebea !important;background-size:100% auto;} .subpageblue .head { height:64px;font-family:"Signika";background-color:#19547b;border-bottom:1px solid #2d3f53;} .subpageblue .head .name { height:65px;line-height:65px;font-weight:400;padding-left:65px;padding-right:65px;font-size:25px;color:#fff;text-align:center; } .subpageblue .body { color:#fff;font-size:14px;position:absolute;top:65px;left:0px;right:0px;bottom:0px;font-family:"Signika";background-color:#19547b;} .subpageblue .body > .inner { padding:0px; overflow:hidden;position:relative;height:100%;width:100%;box-sizing:border-box; } .subpageblue .body > .inner > div {backface-visibility: hidden !important; } .subpageblue .body .innerpadding { padding:0px;padding-top:0px; } .subpageblue .body .innerpadding:before { content:' ';display:none;position:absolute;top:0px;left:10px;right:10px;border-top:1px solid #ccc; } .subpageblue .body .innerpadding:after { content:' ';display:none;position:absolute;width:70px;height:30px;margin-left:-35px;border:0px solid red;left:50%;top:-3px;background:url("../img/svg/wind.svg") center center no-repeat #ebebea !important;background-size:100% auto;} #subpage.classic_scroll { overflow:auto;-webkit-overflow-scrolling:auto;overflow-scrolling:auto;-webkit-overflow-scrolling: auto;-webkit-overflow-scrolling: touch; } #subpage.classic_scroll::-webkit-scrollbar { display: none; } #subpageblue.classic_scroll { overflow:auto;-webkit-overflow-scrolling:auto;overflow-scrolling:auto;-webkit-overflow-scrolling: auto;-webkit-overflow-scrolling: touch; } #subpageblue.classic_scroll::-webkit-scrollbar { display: none; } .gewaesserliste ul { list-style:none;padding:0;margin:0; } .gewaesserliste ul li { padding:10px;border-bottom:1px solid #ccc;font-family:"Signika";font-size:16px;cursor:pointer;position:relative;padding-right:90px;} .gewaesserliste ul li.active-helper { background-color:rgba(0,0,0,0.1); } .gewaesserliste ul li:nth-child(1) { border-top:1px solid #ccc; } .gewaesserliste ul li div.dist { position:absolute;right:0px;top: 10px;font-style: italic; } .gewaesserliste ul li.subscribed span { position:relative;padding-right:30px;background:url("../img/svg/checked.svg") center right no-repeat transparent;background-size: 15px auto !important; } .gewaesserliste ul li.loading { padding:10px;border:0px; } .gewaesserliste ul li.none { font-style:italic; } .gewaesserliste .searchbox { padding-right:50px;position:relative;margin-bottom:10px;} .gewaesserliste input[name='searchkey'] { height:40px;line-height:40px;background-color:#fff;border-radius:5px;padding:5px 10px;border:0px;font-size:16px;margin-bottom:0px;width:100%;box-sizing:border-box; padding-right:40px;} .gewaesserliste .searchbox .search_submit { background:url("../img/svg/send.svg") center center no-repeat #2d3f53 !important;background-size:50% 50% !important;position:absolute;right:0px;top:0px;bottom:0px;border-top-right-radius:5px;width:50px;border-bottom-right-radius:5px;opacity:1; transform:translateX(0px);} .gewaesserliste .searchbox .search_submit.active-helper { background-color:#1b2532 !important; } .gewaesserliste .searchbox .search_submit .spinner { margin:0px;position:absolute;width:20px;height:20px;left:-31px;top:10px;display:none; } .gewaesserliste .searchbox.load .search_submit .spinner { display:block; } .gewaesserliste ul.filter { margin-bottom:10px;list-style:none;} .gewaesserliste ul.filter li[data-sortorder] { min-width:30px;background:url(../img/svg/descendant.svg) no-repeat center center transparent;background-size: 50% auto ; } .gewaesserliste ul.filter li { display:inline-block;padding:0px 5px;border:0px;height:30px;line-height:30px; background-color:transparent;} .gewaesserliste ul.filter li.hidden { display:none; } .gewaesserliste ul.filter li.aktiv { background-color:#2d3f53;color:#fff;border-radius:5px;} .gewaesserliste ul.filter li[data-sortorder].aktiv { background:url(../img/svg/descendant_white.svg) no-repeat center center #2d3f53;background-size: 50% auto ;} .gewaesserliste ul.filter li:not([data-sortorder]) { padding:0px 10px; } .gewaesserliste ul.filter li[data-sortby='like'] { background:url(../img/svg/heart_darkblue.svg) no-repeat center center transparent;padding: 0px 15px; background-size: 50% auto; } .gewaesserliste ul.filter li[data-sortby='like'].aktiv { background:url(../img/svg/heart.svg) no-repeat center center #2d3f53;padding: 0px 15px; background-size: 50% } .gewaesserliste .like { display:none; } .gewaesserliste ul li span { position:relative; } .gewaesserliste ul li[data-liked='1'] span::after { content:" ";position:relative;width:15px;height:15px;position:absolute;right:0px;right: -24px;margin-top: 5px;background:url(../img/svg/heart_darkblue.svg) no-repeat center center transparent;background-size:100% auto; } .vereinsliste { width:100%;position:relative;color:#2d3f53;} .vereinsliste ul:not(.filter) { list-style:none;padding:0;display:block;width:100%;margin:0px; } .vereinsliste ul:not(.filter) li { box-sizing:border-box;padding:0px;width:100%;font-family:"Signika";font-size:16px;cursor:pointer;position:relative;border-bottom:1px solid rgba(0,0,0,0.2); } .vereinsliste ul:not(.filter) li:last-child { border-bottom:0px; } .vereinsliste ul:not(.filter) li .inner { margin-right:10px;border-radius:0px;position:relative;} .vereinsliste ul:not(.filter) li .inner img { display:none;width:100% !important;} .vereinsliste ul:not(.filter) li:nth-child(1) { border-top:1px solid rgba(0,0,0,0.2); } .vereinsliste ul:not(.filter) .sublist li:nth-child(1) { border-top:0px; } .vereinsliste ul:not(.filter) li div.name { padding:10px;padding-right:70px; } .vereinsliste ul:not(.filter) li .switch { position: absolute;display: inline-block; width: 60px;height: 34px;right: 0px;top: 5px;} .vereinsliste ul:not(.filter) li .slider { background-color: #ccc ; position: absolute;border-radius:34px;cursor: pointer;top: 0;left: 0;right: 5px;bottom: 0; } .vereinsliste ul:not(.filter) li .slider:after { position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s; border-radius: 50%;transform: translateX(0px); } .vereinsliste ul:not(.filter) li .bottom { overflow:hidden;-webkit-transition: .4s;transition: .4s;will-change:max-height;position:relative;max-height: 0px; } .vereinsliste ul:not(.filter) li .bottom .txt { padding:10px;padding-top:0px;padding-right:70px; } .vereinsliste ul:not(.filter) li.subscribed .bottom { max-height:250px; } .vereinsliste ul:not(.filter) li.subscribed .switch.main .slider { background-color: #36a8df ; } .vereinsliste ul:not(.filter) li.subscribed .switch.main .slider:after { transform: translateX(20px); } .vereinsliste ul:not(.filter) li.subscribed.guestcard .switch.gk .slider { background-color: #36a8df ; } .vereinsliste ul:not(.filter) li.subscribed.guestcard .switch.gk .slider:after { transform: translateX(20px); } .vereinsliste ul:not(.filter) li.subscribed.guestcard font.mem { display:none; } .vereinsliste ul:not(.filter) li.subscribed:not(.guestcard) font.gk { display:none; } .vereinsliste ul:not(.filter) li:not(.guestcard):not(.subscribed) font.gk, .vereinsliste ul:not(.filter) li:not(.guestcard):not(.subscribed) font.mem { display:none; } .vereinsliste ul:not(.filter) li font { color:#f28e45; } .vereinsliste ul:not(.filter) li.loading { padding:20px;border:0px;} .vereinsliste ul:not(.filter) li.loading .spinner { margin:0 auto; } .vereinsliste ul:not(.filter) li.verbaende { border:0px;background-color:#fff;padding:0px;border-radius:5px;margin-bottom:3px;} .vereinsliste ul:not(.filter) li.verbaende .toprow { padding:10px;font-weight:bold;padding-right:60px;position:relative;} .vereinsliste ul:not(.filter) li.verbaende .toprow .expand {width:50px;display:block;position:absolute;right:0px;top:0px;bottom:0px;background:url(../img/svg/slimarrow_up.svg) no-repeat center center transparent;background-size:36%; } .vereinsliste ul:not(.filter) li.verbaende.collapsed .toprow .expand { background:url(../img/svg/slimarrow_down.svg) no-repeat center center transparent;background-size:36%; } .vereinsliste ul:not(.filter) li.verbaende .toprow.active-helper {background-color:#f2f2f2 !important;} .vereinsliste ul:not(.filter) li.verbaende .bottomrow { position: relative;border-top: 2px solid #ebebea; } .vereinsliste ul:not(.filter) li.verbaende .footerrow { padding:10px; border-top: 2px solid #ebebea;padding-right:60px;position:relative; } .vereinsliste ul:not(.filter) li.verbaende .footerrow .expand {width:50px;display:block;position:absolute;right:0;top:0;bottom:0px;background:url(../img/svg/slimarrows_right.svg) no-repeat center center transparent;background-size:25%;} .vereinsliste ul:not(.filter) li.verbaende .footerrow.active-helper {background-color:#f2f2f2 !important;} .vereinsliste ul:not(.filter) li.verbaende .footerrow .loader { position:absolute;top: 2px;bottom: 0;z-index: 1;right: 5px;transform: scale(0.6); } .vereinsliste ul:not(.filter) li.verbaende .footerrow .loader .spinner { margin:0; } .vereinsliste ul:not(.filter) li.verbaende .footerrow:not(.load) .loader { display:none; } .vereinsliste ul:not(.filter) li.verbaende .footerrow.load .expand { display:none; } .vereinsliste ul:not(.filter) li.verbaende.other { padding:10px;font-weight:bold;padding-right:45px;} .vereinsliste ul:not(.filter) li.verbaende.other .expand { width:50px;display:block;position:absolute;right:0px;top:0px;bottom:0px;background:url(../img/svg/slimarrow_up.svg) no-repeat center center transparent;background-size:36%;} .vereinsliste ul:not(.filter) li.verbaende.other.collapsed .expand {background:url(../img/svg/slimarrow_down.svg) no-repeat center center transparent;background-size:36%;} .vereinsliste ul:not(.filter) li.verbaende.other.active-helper { background-color:#f2f2f2 !important;} .vereinsliste ul:not(.filter) li.emty { padding:10px;border:0px; } .vereinsliste ul.filter { list-style:none;list-style:none;padding:0;margin:0;margin-bottom:10px;} .vereinsliste ul.filter li { display:inline-block;padding:0px 5px;border:0px;height:30px;line-height:30px; background-color:transparent;padding:0px 10px; } .vereinsliste ul.filter li.hidden { display:none; } .vereinsliste ul.filter li.aktiv { background-color:#2d3f53;color:#fff;border-radius:5px;} .vereinsliste ul.filter.noCords [data-sortby='dist'] { display:none; } .vereinsliste .searchbox { padding-right:50px;position:relative;margin-bottom:10px;} .vereinsliste input[name='searchkey'] { height:40px;line-height:40px;background-color:#fff;border-radius:5px;padding:5px 10px;border:0px;font-size:16px;margin-bottom:0px;width:100%;box-sizing:border-box; padding-right:40px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;} .vereinsliste .searchbox .search_submit { background:url("../img/svg/send.svg") center center no-repeat #2d3f53 !important;background-size:50% 50% !important;position:absolute;right:0px;top:0px;bottom:0px;border-top-right-radius:5px;width:50px;border-bottom-right-radius:5px;opacity:1; transform:translateX(0px);} .vereinsliste .searchbox .search_submit.active-helper { background-color:#1b2532 !important; } .vereinsliste .searchbox .search_submit .spinner { margin:0px;position:absolute;width:20px;height:20px;left:-31px;top:10px;display:none; } .vereinsliste .searchbox.load .search_submit .spinner { display:block; } .vereinsliste.blue ul.filter li { color:#fff; } .vereinsliste.blue ul:not(.filter) li div.name { color:#fff; } .vereinsliste.blue ul:not(.filter) li i { color:#fff; } .vereinsliste.blue ul:not(.filter) li .slider { background-color:#2d3f53; } .vereinsliste.blue ul:not(.filter) li.verbaende { background-color:rgba(255,255,255,0.1);color:#fff; } .vereinsliste.blue ul:not(.filter) li.verbaende .footerrow { border-top:2px solid #19547b; } .vereinsliste.blue ul:not(.filter) li.verbaende .bottomrow{ border-top:2px solid #19547b; } .vereinsliste.blue ul:not(.filter) li.emty { color:#fff; } .vereinsliste.blue ul:not(.filter) li.verbaende.other.active-helper { background-color:rgba(255,255,255,0.15) !important;} .vereinsliste.blue ul:not(.filter) li.verbaende .toprow.active-helper {background-color:rgba(255,255,255,0.15) !important;} .vereinsliste.blue ul:not(.filter) li.verbaende .footerrow { display:none; } .verbandspage .logobar { background-color:#fff;display:flex;justify-content:center;padding:20px; } .verbandspage .logobar .verbandslogo { max-width:350px;margin:0 20px;width:100% } .verbandspage .factsbar { position:relative;background-color:#36a8df;min-height:40px;color:#2d3f53; } .verbandspage .factsbar ul { list-style:none;margin:0;padding:0;display:flex;justify-content:center;padding:17px 0px;padding-bottom:35px; } .verbandspage .factsbar ul li span { display:block;font-size:22px;font-weight:bold; } .verbandspage .factsbar ul li { text-align:center;padding:0 20px; } .verbandspage .infobar { position:relative;border-top-left-radius:15px;border-top-right-radius:15px;background-color:#19547b;margin-top:-15px;padding:30px;} .verbandspage .factsbar .borduere {height: 30px;background: url(../img/wave_blue.svg) center bottom repeat-x transparent;background-size: auto 45%;position: absolute;top: -26px;left:0;right:0;} .verbandspage .infobar .merket_head { margin:0 -20px;padding:0 20px;margin-bottom:0px; } .verbandspage .infobar .merket_head ul.big { max-width:370px;list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;margin:0 auto;flex-wrap:wrap; } .verbandspage .infobar .merket_head ul.big li:not([kind="logo"]) { background-color:#fff;position:relative;width:45px;display:block;border-radius:50%;margin:0 5px;margin-bottom:10px;position:relative; } .verbandspage .infobar .merket_head ul.big li:not([kind="logo"])::after { content:" ";position:relative;display:block;padding-bottom:100%;border-radius:50%; } .verbandspage .infobar .merket_head ul.big li a { position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;border:0px;z-index:2; } .verbandspage .infobar .merket_head ul.small { list-style:none;padding:0;margin:0;padding-bottom:20px;padding-top:10px; } .verbandspage .infobar .merket_head ul.small li { position:relative;padding:3px;padding-left:40px; } .verbandspage .infobar .merket_head ul.small li:after { content:" ";display:block;position:absolute;width:25px;height:25px;left:0px;top:0px;margin-top:-12.5px;top:50%; } .verbandspage .infobar .merket_head ul.small li[kind="tel"]:after { background:url(../img/laeden/laeden_call.svg) no-repeat center center transparent;background-size:70% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="mail"]:after { background:url(../img/laeden/laeden_mail.svg) no-repeat center center transparent;background-size:71% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="place"]:after { background:url(../img/laeden/laeden_place.svg) no-repeat center center transparent;background-size:65% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="web"]:after { background:url(../img/laeden/laeden_web.svg) no-repeat center center transparent;background-size:73% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="facebook"]:after { background:url(../img/laeden/laeden_facebook.svg) no-repeat center center transparent;background-size:40% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="twitter"]:after { background:url(../img/laeden/laeden_twitter.svg) no-repeat center center transparent;background-size:65% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="youtube"]:after { background:url(../img/laeden/laeden_youtube.svg) no-repeat center center transparent;background-size:70% auto ; } .verbandspage .infobar .merket_head ul.small li[kind="instagram"]:after { background:url(../img/laeden/laeden_instagram.svg) no-repeat center center transparent;background-size:70% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="tel"]:after { background:url(../img/laeden/laeden_call.svg) no-repeat center center transparent;background-size:50% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="mail"]:after { background:url(../img/laeden/laeden_mail.svg) no-repeat center center transparent;background-size:55% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="place"]:after { background:url(../img/laeden/laeden_place.svg) no-repeat center center transparent;background-size:45% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="web"]:after { background:url(../img/laeden/laeden_web.svg) no-repeat center center transparent;background-size:57% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="facebook"]:after { background:url(../img/laeden/laeden_facebook.svg) no-repeat center center transparent;background-size:28% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="twitter"]:after { background:url(../img/laeden/laeden_twitter.svg) no-repeat center center transparent;background-size:51% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="youtube"]:after { background:url(../img/laeden/laeden_youtube.svg) no-repeat center center transparent;background-size:53% auto ; } .verbandspage .infobar .merket_head ul.big li[kind="instagram"]:after { background:url(../img/laeden/laeden_instagram.svg) no-repeat center center transparent;background-size:53% auto ; } .angellaeden { width:100%;position:relative;color:#2d3f53;} .angellaeden ul { list-style:none;padding:0;display:block;width:100%;margin:0px; } .angellaeden ul li { margin-bottom:15px;background-color:#fff;border:0px solid #ccc;border-radius:5px;padding:10px;padding-right:40px;background:url(../img/right-arrow.svg) center right 10px no-repeat #fff;background-size:20px auto;position:relative;padding-left:80px;min-height:85px;display:flex;align-items:center;} .angellaeden ul li .img { position:absolute;left:10px;top:50%;width:60px;margin-top:-30px;top:50%;height:60px;border-radius:50%;background-color:#f2f2f2;border:1px solid #ccc; } .angellaeden ul li .img[kart="seen"] { background:url(../img/angeln_in_icons/forellenseen_closed.svg) no-repeat center center transparent;background-size:100%; } .angellaeden ul li .img[kart="laeden"] { background:url(../img/angeln_in_icons/shop_closed.svg) no-repeat center center transparent;background-size:100%; } .angellaeden ul li span.name { font-family: "Signika";font-weight: 600;font-size:16px;color:#19547b; } .angellaeden ul li .dist { padding-left:0px; } .angellaeden ul li:not(.noDist) .open::after, .angellaeden ul li:not(.noDist) .closed::after { opacity:0.8;content: " ";position: absolute;right: 8px;height: 3px;width: 3px;top: 7px;border-radius: 50%;display: block;background-color: #2d3f53; } .angellaeden ul li .open { padding-right:20px;color:#c0d34d;position:relative; } .angellaeden ul li .closed { padding-right:20px;color:#E8443C;position:relative; } .angellaeden ul li.loading { background-color:transparent;border:0px;padding:0px;background-image:none; } .angellaeden ul li .short_location { margin-bottom:-5px; } .angeln_in_news { display:none;z-index:9991;position:absolute;left:20px;top:75px;border-radius:50%;transform:translateX(0px);transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s; -webkit-transition: all 0.3s cubic-bezier(0,1.03,.14,1.01) 0s;transform:translateY(0px);} .angeln_in_news .gardient { border-radius:50%;width:45px;height:45px;border-radius:50%; } .angeln_in_news .gardient:after { content:' ';position:absolute;left:0px;right:0;top:0;bottom:0;background:url(../img/status/megafone.svg) no-repeat center center transparent;background-size:58% auto !important; } .angeln_in_news.hot { padding:5px;margin-left:-5px;margin-top:-5px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee7725+0,e4df00+100 */ background: #F93527; /* Old browsers */ background: -moz-linear-gradient(-45deg, #F93527 0%, #e4df00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #F93527 0%,#e4df00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #F93527 0%,#e4df00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F93527', endColorstr='#e4df00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .angeln_in_news.show { display:block; } .angeln_in_news.active-helper .gardient:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.2);border-radius:50%; } .angeln_in_news_wrapper { position:absolute;top:0;right:0;bottom:0;left:0;z-index:9998;} .angeln_in_news_wrapper .mask { clip-path: circle(6% at 43px 98px);position:absolute;top:0;right:0;bottom:0;left:0; } .angeln_in_news_wrapper .wrap { background-color:#010712;position:absolute;top:0;right:0;bottom:0;left:0; } .angeln_in_news_wrapper.hidden { display:none; } .angeln_in_news_wrapper .hidden_controler { background-color:rgba(255,255,255,0);position:absolute;width:100%;height:100%;z-index:3;} .angeln_in_news_wrapper .caruselbox {} .angeln_in_news_wrapper .go_to_page {z-index:4;position:absolute;left:0;top:15;right:0;height:55px;border:0px solid red;} .angeln_in_news_wrapper .usercarusel { padding:0;margin:0px;list-style:none;position:relative;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);} .angeln_in_news_wrapper .usercarusel li { perspective: 1000px;width:100%;height:100%;position:absolute; } /** .angeln_in_news_wrapper .usercarusel li:nth-child(1) .cnt { border:1px solid red; } .angeln_in_news_wrapper .usercarusel li:nth-child(2) .cnt { border:1px solid green; } .angeln_in_news_wrapper .usercarusel li:nth-child(3) .cnt { border:1px solid yellow; } **/ .angeln_in_news_wrapper .usercarusel[front="1"] li:nth-child(1) { z-index:1; } .angeln_in_news_wrapper .usercarusel[front="1"] li:nth-child(2) { z-index:0; } .angeln_in_news_wrapper .usercarusel[front="1"] li:nth-child(3) { z-index:2; } .angeln_in_news_wrapper .usercarusel[front="2"] li:nth-child(1) { z-index:2; } .angeln_in_news_wrapper .usercarusel[front="2"] li:nth-child(2) { z-index:1; } .angeln_in_news_wrapper .usercarusel[front="2"] li:nth-child(3) { z-index:0; } .angeln_in_news_wrapper .usercarusel[front="3"] li:nth-child(1) { z-index:2; } .angeln_in_news_wrapper .usercarusel[front="3"] li:nth-child(2) { z-index:1; } .angeln_in_news_wrapper .usercarusel[front="3"] li:nth-child(3) { z-index:0; } .angeln_in_news_wrapper .caruselbox li .perspektive_wrap { width:100%;height:100%;position:relative;transform-style:preserve-3d; } .angeln_in_news_wrapper .caruselbox li .perspektive_wrap > .cnt { background-color:#333;overflow:hidden;transform:rotateY(0deg); width:100%;height:100%;position:absolute;transform-style:preserve-3d; backface-visibility: hidden;transform-origin: 50% 50%;} .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt::before { content:" ";display:block;position:relative;width:100%;height:150px;z-index:2; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .cnt_content { width: 100vw; height: 0vw; /* 100/56.25 = 1.778 */ background: rgba(0,0,0,0.4); max-height: 100vh; max-width: 177.78vh; /* 16/9 = 1.778 */ margin: auto; position: absolute; top:0;bottom:0; /* vertical center */ z-index:1; left:0;right:0; /* horizontal center */ } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .blur { position:absolute;left:0;right:0;top:0;bottom:0; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .cnt_content .c { position:absolute;left:0;right:0;top:0;bottom:0; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .cnt_content .paddinger { display:block;position:relative;padding-bottom:50%; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .nav { display: flex;width:100%; margin: 0; width: 100%; box-sizing: border-box; padding: 0; list-style: none; padding: 0px 5px; position: absolute; top: 10px; z-index: 2; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .nav div {width:100%;margin:0px 5px ;position:relative;background-color:rgba(255,255,255,0.4);overflow:hidden;height:4px;border-radius:2px; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .nav div span { width:0%;position:absolute;top:0;left:0;bottom:0;background-color:rgba(255,255,255,0.6);} .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head { z-index:2;position:absolute;top:0;left:0;right:0;padding:10px;padding-top:25px;display:flex;align-items:center; background:url(../img/status/arrow_righte.svg) bottom 20px right 13px no-repeat transparent;background-size:13px auto; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head .logo { flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,0);margin-right:15px; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head .logo[kart="seen"] { background:url(../img/angeln_in_icons/forellenseen_closed.svg) no-repeat center center transparent;background-size:100%; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head .logo[kart="laeden"] { background:url(../img/angeln_in_icons/shop_closed.svg) no-repeat center center transparent;background-size:100%; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head .name { font-weight:bold;font-size:16px;color:#fff;font-size: 16px;font-family: "Signika"; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head .name span { display:block; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .head .name font { font-size:14px;font-weight:100; } .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .descr { position:absolute;left:0;right:0;bottom:0;z-index:3;color:#fff;font-size:16px;color:#fff;text-align:left;font-family: "FiraSans-Regular",arial,san-serif;} .angeln_in_news_wrapper .caruselbox .perspektive_wrap > .cnt .descr > div { padding-top:50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.78+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 ); /* IE6-9 */ color:#fff;padding:20px; } .hauptcontent:not([current-page='main']) .angeln_in_news , .hauptcontent:not([current-page='main']) .angeln_in_news_wrapper { display:none; } .cutmap_top,.cutmap_bottom { display:none; } body.save_tiles .mapinfos { display:none; } body.save_tiles .cutmap_top { height:65px;background-color:#2d3f53;color:#fff;font-family:"Signika";left:0px;right:0px;top:0px;position:absolute;display:block;} body.save_tiles .cutmap_bottom { height:65px;border-top:1px solid #ccc;background-color:#fff;font-family:"Signika";left:0px;right:0px;bottom:0px;position:absolute;display:block;} body.save_tiles .cutmap_bottom div {width:50%;position:absolute;top:0px;bottom:0px;line-height:65px;text-align:center;font-size:16px;cursor:pointer;} body.save_tiles .cutmap_bottom div.abboard {left:0px;} body.save_tiles .cutmap_bottom div.goback {left:0px;border-right:1px solid #ccc;} body.save_tiles:not(.view_storrage) .cutmap_bottom div.goback { display:none; } body.save_tiles .cutmap_bottom div.save {right:0px;border-left:1px solid #ccc;} body.save_tiles.view_storrage .cutmap_bottom div.abboard, body.save_tiles.view_storrage .cutmap_bottom div.save {display:none;} body.save_tiles .cutmap_top .name { display:none;height:65px;line-height:65px;font-weight:400;padding:0px 65px; text-align:center;font-size:19px;color:#fff; } body.save_tiles:not(.view_storrage) .cutmap_top .name.dl { display:block; } body.save_tiles.view_storrage .cutmap_top .name.stored { display:block; } body.save_tiles .cutmap { position:relative;z-index:999;pointer-events: none; } body.save_tiles .cutmap .inner { opacity:0.4; } body.save_tiles .cutmap .left { position:fixed;width:20%;left:0px;top:0px;bottom:0px;background-color:#000;z-index:1;} body.save_tiles .cutmap:after { box-sizing:border-box;content:' ';display:block;width:60%;height:60%;left:20%;top:20%;position:fixed;border:3px solid #73c4ef; } body.save_tiles .cutmap .right { position:fixed;width:20%;right:0px;top:0px;bottom:0px;background-color:#000;z-index:1; } body.save_tiles .cutmap .top { position:fixed;height:20%;left:0px;right:0px;top:0px;background-color:#000;z-index:1; } body.save_tiles .cutmap .bottom { position:fixed;height:20%;left:0px;right:0px;bottom:0px;background-color:#000;z-index:1; } body.save_tiles.view_storrage .cutmap { display:none; } body.save_tiles .searchbox { display:none; } body.save_tiles .map_wrapper { position:absolute !important;top:65px;bottom:65px;left:0px;right:0px;height:unset !important;height:auto !important;} body.save_tiles .expander { display:none; } body.save_tiles.view_storrage .leaflet-top, .savetiles > a { display:none; } .offline_storrage .save_progress, .offline_storrage .save , .offline_storrage .clear_storrage { display:none; } .offline_storrage .save.show, .offline_storrage .clear_storrage.show , .offline_storrage .save_progress.show { display:block; } .offline_storrage .clear_storrage { margin-top:10px; } .offline_storrage .save_progress.show { background-color:#ebeff0;margin-top:10px;padding:10px; } .offline_storrage .save_progress .pogressbar { border:0px solid #fff; margin:5px 0px;} .offline_storrage .save_progress .progress_inner { position:relative;background-color:#d3cca0;height:5px; } .offline_storrage .save_progress .progress_inner .bar { position:absolute;left:0px;top:0px;bottom:0px;background-color:#95b531;} .offline_storrage .save_progress .info { opacity:0.4;font-style:italic;margin-top:10px;padding-left:25px; position:relative;} .offline_storrage .save_progress .info::after { content:" ";position:absolute;width:16px;height:16px;top:2px;left:0px;background:url(../img/svg/info-button.svg) center center no-repeat transparent;background-size:100% auto; } .offline_storrage .saved_map { display:none; } .offline_storrage .saved_map.show { display:block; border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;margin-top:10px;padding-left:40px;position:relative;} .offline_storrage .saved_map::after { content:" ";position:absolute;width:30px;height:30px;top:50%;left:0px;background:url(../img/svg/map.svg) center center no-repeat transparent;background-size:100% auto;margin-top:-15px; } .offline_storrage .saved_map span { color:#73c4ef; } .offline_storrage .storage .err_msg { display:none; } .offline_storrage .storage.err .err_msg { display:block;padding:10px;padding-left:32px;margin-top:10px;margin-bottom:10px;color:#fff;background-color:#f28e45;position:relative;} .offline_storrage .storage.err .err_msg::after { content:" ";position:absolute;width:16px;height:16px;top:50%;margin-top:-8px;left:7px;background:url(../img/svg/warning.svg) center center no-repeat transparent;background-size:100% auto; } .news_box { overflow:hidden;position:absolute;top:20px;bottom:20px;left:20px;right:20px;z-index:999;border-radius:5px;z-index:9999;transform:translate3d( 0%, 130%, 0); translateZ(0); transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;will-change: transform; } .news_box .close { cursor:pointer;padding:10px 20px;position:absolute;width:140px;margin-left:-70px;left:50%;bottom:20px;box-sizing:border-box;color:#fff;text-align:center;font-family:"Signika";font-weight:bold;font-size:16px;border:3px solid #fff; } .news_box .close.active-helper { background-color:rgba(0,0,0,0.2); } .news_box.show { transform:translate3d( 0,0%, 0); } .news_box .inner { position:absolute;left:0;right:0;top:0;bottom:85px;overflow:hidden; } .news_box .content_reciever { color:#fff;padding:20px; } .news_box .img { display:none;position:relative;background:url("../img/news_bg.jpg") center center no-repeat transparent;background-size:cover;z-index:1; } .news_box .img:after { content:" ";position:relative;display:block;padding-bottom:44%;background: url(../img/svg/logo.svg) center bottom 20px no-repeat transparent;background-size: auto 65%; } @media screen and (orientation: landscape) { .news_box .img:after { padding-bottom:35%; } } .choose_vereins_box { overflow:hidden;position:absolute;top:20px;bottom:20px;left:20px;right:20px;z-index:999;border-radius:5px;z-index:9999;transform:translate3d( 0%, 130%, 0); translateZ(0); transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;will-change: transform; } .choose_vereins_box .close { cursor:pointer;padding:10px 20px;position:absolute;width:140px;margin-left:-70px;left:50%;bottom:20px;box-sizing:border-box;color:#fff;text-align:center;font-family:"Signika";font-weight:bold;font-size:16px;border:3px solid #fff; } .choose_vereins_box .close.active-helper { background-color:rgba(0,0,0,0.2); } .choose_vereins_box.show { transform:translate3d( 0,0%, 0); } .choose_vereins_box .inner { position:absolute;left:0;right:0;top:0;bottom:85px;overflow:hidden; } .choose_vereins_box .content_reciever { color:#fff;padding:20px; } .choose_vereins_box .img { display:none;position:relative;background:url("../img/news_bg.jpg") center center no-repeat transparent;background-size:cover;z-index:1; } .choose_vereins_box .img:after { content:" ";position:relative;display:block;padding-bottom:44%;background: url(../img/svg/logo.svg) center bottom 20px no-repeat transparent;background-size: auto 65%; } .choose_vereins_box .no_verein { text-align:center;margin-top:10px;padding:10px;color:#96dcff; } @media screen and (orientation: landscape) { .choose_vereins_box .img:after { padding-bottom:35%; } } .app_info_popup { background-color:#ebebea;border:0px solid #fff;box-sizing:border-box;overflow:hidden;position:absolute;top:20px;bottom:20px;left:20px;right:20px;z-index:999;border-radius:5px;border:3px solid #2d3f53;z-index:9999;transform:translate3d( 0%, 130%, 0); translateZ(0); transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;will-change: transform; } .app_info_popup .close { cursor:pointer;padding:10px 20px;position:absolute;width:140px;margin-left:-70px;left:50%;bottom:20px;box-sizing:border-box;color:#19547b;text-align:center;font-family:"Signika";font-weight:bold;font-size:16px;border:3px solid #19547b; } .app_info_popup .close.active-helper { background-color:rgba(0,0,0,0.2); } .app_info_popup.show { transform:translate3d( 0,0%, 0); } .app_info_popup .inner { position:absolute;left:0;right:0;top:0;bottom:85px;overflow:hidden;} .app_info_popup[kind='sonderbestimmung'] .content_reciever { background:url(../img/angeln_in_icons/sonderbestimungen_title_blue.svg) center top 30px no-repeat transparent;background-size:65% auto;padding-top:30%; } .app_info_popup[kind='error'] .content_reciever { background:url(../img/angeln_in_icons/error_title_blue.svg) center top 30px no-repeat transparent;background-size:52% auto;padding-top:30%; } .app_info_popup .content_reciever { color:#2d3f53;padding:20px; } .app_info_popup .img { display:none;position:relative;background:url("../img/news_bg.jpg") center center no-repeat transparent;background-size:cover;z-index:1; } .app_info_popup .img:after { content:" ";position:relative;display:block;padding-bottom:44%;background: url(../img/svg/logo.svg) center bottom 20px no-repeat transparent;background-size: auto 65%; } .app_info_popup , .app_info_popup h1 { color:#2d3f53; } @media screen and (orientation: landscape) { .app_info_popup .img:after { padding-bottom:35%; } } .update_box { overflow:hidden;position:absolute;top:20px;bottom:20px;left:20px;right:20px;z-index:999;border-radius:5px;z-index:9999;transform:translate3d( 0%, 130%, 0); translateZ(0); transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 0s;will-change: transform; } .update_box.show { transform:translate3d( 0,0%, 0); } .update_box .inner { position:absolute;left:0;right:0;top:0;bottom:85px;overflow:hidden; } .update_box .content_reciever { color:#fff;padding:20px; } .update_box .img { display:none;position:relative;background:none center center no-repeat transparent;background-size:cover;z-index:1; } .update_box .img:after { content:" ";position:relative;display:block;padding-bottom:0%; } .update_box .img:after { background: none center bottom 20px no-repeat transparent;background-size: auto 65%;} .update_box .appStore { cursor:pointer;padding:10px 20px;position:absolute;width:170px;margin-left:-85px;left:50%;bottom:20px;box-sizing:border-box;color:#fff;text-align:center;font-family:"Signika";font-weight:bold;font-size:16px;border:3px solid #fff; } .update_box .appStore.active-helper { background-color:rgba(0,0,0,0.2); } body.save_tiles:not(.view_storrage) .cutmap_top .name.dl, body.save_tiles.view_storrage .cutmap_top .name.stored, .contentcontainer .hauptcontent .expander[current-page='main'], .news_box, .update_box, .choose_vereins_box, .change_layers_button, .weather_popup_button, .navigator_popup_button, .searchbox.main .search_button, .searchbox.main .bar .bar_inner , .legende, .angeln_in_news .gardient, .center_button { background-color:#19547b;} .contentcontainer .leftbar.darkgrey { background-color:#2d3f53; } .button, .fanglisten .fl_detail .back, .fanglisten .fl_submit .back, .fanglisten .fl_submit .submit, .fanglisten .add_new_fl , .fanglisten .fl_submit_btn { display:inline-block;padding:10px;background-color:orange;color:white;border-radius:3px;margin-bottom:10px;text-align:center;} .no-connection { transform:translateY(200%);position:fixed;left:0px;height:100%;top:0px;right:0px;bottom:0px;background-color:rgba(25, 84, 123,0.85);transition: transform 0.5s ease-in-out 0s; -webkit-transition: transform 0.5s ease-in-out 0s;will-change:transform;z-index:9998;} .no-connection.show { transform:translateY(0%);} .no-connection div.txt { position:absolute;left:0px;right:0px;bottom:0px;padding:20px;padding-top:52px;color:#fff;text-align:center;transition: top 0.3s ease-in-out 0s; -webkit-transition: top 0.3s ease-in-out 0s;font-family:"Signika";font-size:16px; } .no-connection div.txt .subtext span { padding-top:20px;padding-bottom:20px;display:block; } .no-connection div.txt .btn { padding:10px 15px;border:2px solid #fff;margin-top:20px;display:inline-block;} .no-connection div.txt .outpn { word-wrap:break-word;font-size:10px; } .no-connection div.txt .btn.active-helper { background-color:rgba(0,0,0,0.2); } .no-connection.details div.txt .btn { display:none; } .no-connection:not(.details) div.txt .outpn { display:none; } .no-connection div.icon div { opacity:0;content:" ";display:block;position:absolute;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-30px;width:60px;z-index:0;} .no-connection div.icon div:nth-child(1) { background:url("../img/no-connection-0.svg") center center no-repeat transparent;background-size:100% auto ;-webkit-background-size:100% auto ; } .no-connection div.icon div:nth-child(2) { background:url("../img/no-connection-1.svg") center center no-repeat transparent;background-size:100% auto ;-webkit-background-size:100% auto ; } .no-connection div.icon div:nth-child(3) { background:url("../img/no-connection-2.svg") center center no-repeat transparent;background-size:100% auto ;-webkit-background-size:100% auto ; } .no-connection div.icon div:nth-child(4) { background:url("../img/no-connection-3.svg") center center no-repeat transparent;background-size:100% auto ;-webkit-background-size:100% auto ; } .no-connection div.icon div:nth-child(5) { background:url("../img/no-connection-4.svg") center center no-repeat transparent;background-size:100% auto ;-webkit-background-size:100% auto ; } .no-connection div.icon[data-show="0"] div:nth-child(1) { opacity:1; } .no-connection div.icon[data-show="1"] div:nth-child(2) { opacity:1; } .no-connection div.icon[data-show="2"] div:nth-child(3) { opacity:1; } .no-connection div.icon[data-show="3"] div:nth-child(4) { opacity:1; } .no-connection div.icon[data-show="4"] div:nth-child(5) { opacity:1; } .no-connection.show div.icon { opacity:1; } .no-connection::after { content: " ";position:absolute;top:0px;display:block;position:absolute;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-30px;width:60px;background:url("../img/no-connection-x.svg") center center no-repeat transparent;background-size:100% auto ;-webkit-background-size:100% auto ; } .no-connection.connect::after { display:none; } .no-connection::before { content:" ";display:block;position:absolute;left:0;right:0;height:140px;width:140px;top:50%;left:50%;margin-left:-67px;margin-top:-67px;background:url("../img/no-connection-rotate.svg") center center no-repeat rgba(0,0,0,0);background-size:100% auto ;-webkit-background-size:100% auto ;z-index:1;} .no-connection.connect::before { animation-name: no-connection-animation-rotate; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes no-connection-animation-rotate { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes no-connection-animation-rotate { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes placeHolderShimmer{ 0%{ background-position: -468px 0 } 100%{ background-position: 468px 0 } } .no-csstransition { transform:translateY(200%);position:fixed;left:0px;height:100%;top:0px;right:0px;bottom:0px;background-color:rgba(0,106,106,0.85);z-index:9999;} .no-csstransition div.txt { position:absolute;left:0px;right:0px;bottom:0px;padding:20px;padding-top:52px;color:#fff;text-align:center;transition: top 0.3s ease-in-out 0s; -webkit-transition: top 0.3s ease-in-out 0s;font-family:"Signika";font-size:16px; } /** Scnner **/ .hauptcontent[current-page='publishstatus.html'] .expander { display:none; } .publishstatus { background-color:#333;padding:10px;border-radius:0px;text-align:center;position:absolute;top:0;bottom:0;right:0;left:0;} .publishstatus::before { content:" ";display:block;position:absolute;left:-10px;top:-10px;right:-10px;height:150px;z-index:2; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .publishstatus .close { z-index: 1; background: url(../img/svg/cancel.svg) center center no-repeat transparent !important; border: 1px solid #fff; border-radius: 50%; background-size: 40% 40% !important; position: absolute; right: 20px; box-sizing: border-box; top: 20px; height: 45px; width: 45px;z-index:3; } .publishstatus .close.active-helper { background-color:rgba(0,0,0,0.3) !important; } .publishstatus .publishstatus_previewpic {position:absolute;top:0;bottom:0;right:0;left:0;z-index:1;} .publishstatus .head { position:absolute;top:0;left:0;right:0;padding:10px;padding-top:25px;display:flex;align-items:center;z-index:2;padding-right:85px; } .publishstatus .logo { box-shadow: 0px 0px 10px #000;flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,0.8);margin-right:15px; } .publishstatus .name { line-height:20px;text-align:left;font-weight:bold;font-size:16px;color:#fff;font-size: 16px;font-family: "Signika";text-shadow:0px 0px 10px #000; } .publishstatus .name span { display:block; } .publishstatus .name font { font-size:14px;font-weight:100; } .publishstatus .pw, .publishstatus .picbtn { margin:0 auto;max-width:400px;padding-top:20px; padding-top:20px;padding-left:20px;padding-right:20px;position:absolute;top:25%;margin-top:-50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;z-index:3;left:0;right:0;z-index:2;color:#fff; } .publishstatus .picbtn .in, .publishstatus .pw .in { max-width:300px;border-radius:5px;padding:10px;margin:0 auto;} .publishstatus .pw .in span { padding-bottom:15px;display:block;padding-top:5px; } .publishstatus .pw .in { background-color:#19547b;box-shadow:-1px 2px 1px #000; } .cameramodewrap.ps, .fl_picfromgallerie.ps .picholder { width:100%;height:100%;max-width:100%;max-height:100%; } .fl_picfromgallerie.ps .picholder::after { content:" ";display:block;position:absolute;bottom:0;left:0;right:0;height:60px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51,000000+87,000000+87&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 51%, rgba(0,0,0,0.57) 87%, rgba(0,0,0,0.65) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 51%,rgba(0,0,0,0.57) 87%,rgba(0,0,0,0.65) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 51%,rgba(0,0,0,0.57) 87%,rgba(0,0,0,0.65) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .fl_picfromgallerie.ps .descr { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+13,000000+13,000000+49,000000+100&0.65+1,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0.57) 13%, rgba(0,0,0,0.33) 49%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 1%,rgba(0,0,0,0.57) 13%,rgba(0,0,0,0.33) 49%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.65) 1%,rgba(0,0,0,0.57) 13%,rgba(0,0,0,0.33) 49%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .publishstatus [type="button"], .publishstatus [type='submit'] { -webkit-appearance: none; outline: 0px; border: 0px; outline-style: none; background-color:#19547b; color: #fff; padding: 10px 20px; border-radius: 5px; font-size: 14px; font-weight:bold; margin: 5px; box-shadow:-1px 2px 1px #000; cursor:pointer; } .publishstatus [type="button"].active-helper, .publishstatus [type="submit"].active-helper { background-color:#2d3f53;} .publishstatus .pw .in [type="button"], .publishstatus .pw .in [type='submit'] { background-color:#fff;color:#19547b;box-shadow:none; } .publishstatus input[type="password"], .publishstatus textarea { overflow: hidden; resize: none; font-size: 16px;line-height:19px; font-family: "FiraSans-Regular",arial,san-serif; box-sizing: border-box; padding: 0px; background-color:transparent; color:#fff; width:100%; border-radius: 3px; border: 0px solid #ccc; } .publishstatus .descr_fin { font-size: 16px; color:#fff;text-align:left; font-family: "FiraSans-Regular",arial,san-serif; } .publishstatus .pw { display:none; } .publishstatus input[type="password"] { background:url(../img/key.svg) no-repeat center right 10px rgba(0,0,0,0.4);padding:10px;background-size:25px auto;color:#fff;font-size:23px;text-align:left;max-width:200px;margin-bottom:10px;padding-right:50px; } .publishstatus .descr, .publishstatus .descr_fin { position:absolute;bottom:0px;right:0px;left:0px;z-index:2;padding:20px;line-height:19px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+51,000000+87,000000+87&0+0,0.65+99 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 51%, rgba(0,0,0,0.57) 87%, rgba(0,0,0,0.65) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 51%,rgba(0,0,0,0.57) 87%,rgba(0,0,0,0.65) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 51%,rgba(0,0,0,0.57) 87%,rgba(0,0,0,0.65) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .publishstatus .pw .double-bounce1, .publishstatus .pw .double-bounce2 { background-color: #fff; } .publishstatus .pw .spinner { margin:0px;position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px; } .publishstatus .pw:not([pwstate="load"]) .spinner { display:none; } .publishstatus .pw[pwstate="load"]::after { content:" ";display:block;position:relative;top:0px;bottom:0px;left:0px;right:0px; } .publishstatus .pw[pwstate="load"] input, .publishstatus .pw[pwstate="load"] .in div, .publishstatus .pw[pwstate="load"] .in input { opacity:0.3; } .publishstatus .pw .done { color:rgba(195,232,73,1); } .publishstatus .pw .err { color:#E8443C;padding-bottom:0px; } .publishstatus .pw .err div, .publishstatus .pw .done div { margin-top:0px;margin-bottom:10px;padding:10px;font-weight:bold; } .publishstatus .pw .done div { background-color:rgba(195,232,73,1);color:rgba(36,44,49,1) !important;border-radius:3px; } .publishstatus .pw .err div { background-color:#f28e45;color:#fff !important;border-radius:3px; } .publishstatus .pw:not([pwstate="error"]) .err { display:none; } .publishstatus .pw:not([pwstate="done"]) .done { display:none; } .publishstatus .pw:not([pwstate="enter"]):not([pwstate="load"]) .enter { display:none; } .publishstatus[status="pw"] .picbtn, .publishstatus[status="pw"] .descr {display:none;} .publishstatus[status="pw"] .pw {display:block;} .publishstatus[status="preview"] .preview_overlay { position:absolute;top:0;right:0;bottom:0;left:0;z-index:5; } .publishstatus[status="preview"] .pw, .publishstatus[status="preview"] .picbtn, .publishstatus[status="preview"] .descr, .publishstatus[status="preview"] .close { display:none; } .publishstatus[status="preview"] .head { padding-right:20px; } .publishstatus[status="enter"] .descr_fin {display:none; } /** Reset **/ div.resetbox { } div.resetbox .conf { border-radius:5px;background-color:#2d3f53;color: #fff;text-align:center;padding: 20px; } div.resetbox .conf .title { padding-bottom:10px; } div.resetbox .conf .btn { display:inline-block; background-color: #fff; color: #2d3f53; font-size: 16px; font-weight: bold; margin-top: 20px; -webkit-appearance: none; outline: 0px; border: 0px; outline-style: none; padding: 10px 20px; border-radius: 5px; margin: 5px; margin-top: 0px; } /** Kontakt **/ div.kontaktform div.form { position:relative; } div.kontaktform form { margin:0px; } div.kontaktform p { margin-bottom:0px;} div.kontaktform .hideCaptcha { display:none; } div.kontaktform div.form { font-size:14px;} div.kontaktform div.form input[type="text"], div.kontaktform div.form textarea { overflow:hidden;resize:none;font-size:inherit;font-family:arial,san-serif;margin-bottom:10px;box-sizing:border-box;width:100%;padding:10px;background-color:#f2f2f2;border-radius:3px;border:0px solid #ccc;} div.kontaktform img { height:40px;width:140px;margin-bottom:0px;} div.kontaktform div.form_clearflow { float:clear;clear:both;} div.kontaktform div.form { position:relative;border-radius:3px;background:url(../img/bg_mail.jpg) repeat-x 0px 0px #fff ;box-shadow: 0 4px 3px -5px; box-sizing:border-box;float:left;padding:20px;padding-top:30px;} div.kontaktform div.form input[type="submit"] { position:relative;margin:0 auto;right:0px;bottom:0px;} div.kontaktform div.faq_kontaktcontainer { padding-left:15px;box-sizing:border-box;float:left;} div.kontaktform div.faq_kontakt { border:0px solid #ccc;padding:0px;cursor:pointer;margin-bottom:15px; } div.kontaktform div.faq_kontakt div.title { border-left:5px solid #ccc; padding:10px;background-color:#fff;} div.kontaktform div.faq_kontakt div.title:hover { background-color:#f2f2f2; } div.kontaktform div.faq_kontakt.expand div.help { padding-top:10px;border:px solid #ccc;display:block !important;} div.kontaktform div.faq_kontakt.expand div.title { background-color:#f2f2f2; } div.kontaktform div.faq_kontakt.expand div.title:hover { background-color:#e9e9e9; } div.kontaktform .squaredThree {width: 20px;position: relative;margin-bottom:0px;position:absolute;top:5px; } div.kontaktform .squaredThree label {width: 20px;height: 20px;cursor: pointer;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);background: linear-gradient(to bottom, #222222 0%, #45484d 100%);border-radius: 4px;box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);} div.kontaktform .squaredThree label:after {content: '';width: 9px;height: 5px;position: absolute;top: 4px;left: 4px;border: 3px solid #fcfff4;border-top: none;border-right: none;background: transparent;opacity: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} div.kontaktform .squaredThree label:hover::after { opacity: 0.3;} div.kontaktform .squaredThree input[type=checkbox] { visibility: hidden;} div.kontaktform .squaredThree input[type=checkbox]:checked + label:after { opacity: 1;} div.kontaktform .register_disclaimer { padding-left:30px;margin-bottom:10px; } div.kontaktform .register_disclaimer.hideCaptcha { margin-bottom:32px;display:block; } div.kontaktform .reg_td_group { position:relative; } div.kontaktform .error_outer { background-color:rgba(255,150,30,1);color:#fff;padding:10px;margin-bottom:20px; } div.kontaktform .done_outer { background-color:rgba(195,232,73,1);color:rgba(36,44,49,1) !important;padding:10px;margin-bottom:20px; } div.kontaktform .submitbutton_one { -webkit-appearance: none;outline:0px;border:0px;outline-style:none;background-color:#2d3f53;color:#fff;background-color: #2d3f53;color: #fff;padding: 10px 20px;border-radius: 5px;font-size: 14px; } div.kontaktform .submitbutton_one.active-helper { background-color:#1b2532 !important; } div.kontaktform .hidden_form { height:1px;opacity:0;overflow:hidden; } div.kontaktform .betreff { position:relative;padding-right:40px; } div.kontaktform .betreff span { display:block;margin-bottom:10px; } div.kontaktform .betreff .active-helper { background-color:#1b2532 !important; } div.kontaktform .betreff .delete_report { background:url(../img/svg/delete.svg) center center no-repeat transparent;background-size:100% auto;width:30px;height:40px;margin-top:-20px;position:absolute;right:0px;top:50%;} ul.faq { list-style:none;margin:0;padding:0; } ul.faq li { position:relative;margin-bottom:10px;background-color: #fff;border-radius: 5px;box-sizing: border-box;cursor: pointer; box-shadow: 0 4px 3px -5px; } ul.faq li div.faq_head { position:relative;font-weight:bold;padding:10px;font-size: 16px; } ul.faq li div.faq_body { -webkit-transition: .4s;transition: .4s;will-change:max-height;overflow:hidden;max-height:0px; } ul.faq li div.faq_body .txt { padding:10px;padding-top:0px; } ul.faq li div.faq_head.active-helper:before { content:" ";bottom:0px;position:absolute;left:0px;right:0px;top:0px;background-color:rgba(0,0,0,0.1);border-radius:5px; } ul.faq li.expand div.faq_body { max-height:300px; } @media screen and (max-width: 800px) { div.kontaktform div.form { width:100%; } div.kontaktform div.faq_kontaktcontainer { width:100%;padding-left:0px;padding-top:15px; } } div.kontaktform div.form.loading::after { content:' ';position:absolute;left:0px;top:0px;bottom:0px;right:0px;background-color:rgba(255,255,255,0.6);} div.kontaktform div.form:not(.loading) .kontaktformspinner { display:none; } .kontaktformspinner { width: 40px; height: 40px; position: absolute; margin-left:-20px;left:50%;top:50%;margin-top:-20px; } .kontaktformspinner .double-bounce1, .kontaktformspinner .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: kontakt-sk-bounce 2.0s infinite ease-in-out; animation: kontakt-sk-bounce 2.0s infinite ease-in-out; } .kontaktformspinner .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes kontakt-sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes kontakt-sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /** BBC CODE **/ .mapinfos.bbcodesfield h1, #update_box_inner .bbcodesfield h1, #news_box_inner .bbcodesfield h1, #choose_vereins_box_inner .bbcodesfield h1 { color:#fff !important; } .mapinfos.bbcodesfield .pic_contentpic { border:1px solid #fff; } .bbcodesfield b { color:inherit !important; } .bbcodesfield a { color:#36a8df !important; } .bbcodesfield { font-size:14px;line-height:20px; } .bbcodesfield.small { font-size:12px;line-height:20px; } .hinweis { background-color:rgba(195,232,73,1);color:rgba(36,44,49,1) !important;padding:10px;margin-bottom:20px !important; } /*** not in web demo ***/ .contentcontainer .leftbar ul.navi > li.notInWebdemo { opacity:0.2;position:relative; } .contentcontainer .leftbar ul.navi > li.notInWebdemo::after { content:"Nur in der App verfügbar";margin-left:-65px;background-color:#CC0000;color:#fff;padding:3px 5px; position:absolute;left:50%;left:50%;display:inline-block;font-size:10px;width:130px;transform: rotate(-2deg);top:29px; } .weather_popup_button.notInWebDemo::after, .change_layers_button.notInWebDemo::after, .contentcontainer .hauptcontent .expander.notInWebDemo::after { z-index:1;background-color:#19547b !important;border-radius:50%;} .weather_popup_button.notInWebDemo::before, .change_layers_button.notInWebDemo::before, .contentcontainer .hauptcontent .expander.notInWebDemo::before { content:"Nur in der App verfügbar";margin-left:0px;background-color:#CC0000;color:#fff;padding:3px 5px;font-family: "Signika"; position:absolute;left:50%;display:inline-block;font-size:10px;width:130px;transform: rotate(-2deg);top:5px;width:80px;padding-left:29px;border-radius:0px !important;bottom:unset !important;bottom:auto !important; }