:root{--base-color: #dedee5;--base-color-alt: #f5f5f7;--brand-color: #3e4349;--brand-color-alt: #6d7680;--accent-color: #3ba9d2;--accent-color-alt: #79c4e0}.wpbf-navigation-transparent{position:absolute;background:transparent}.wpbf-navigation-transparent .wpbf-menu-stacked-advanced-wrapper{background:transparent}.wpbf-navigation-transparent .wpbf-mobile-nav-wrapper{background:transparent}.wpbf-navigation-active{background-color:var(--base-color-alt)}.wpbf-navigation-active .wpbf-menu-stacked-advanced-wrapper{background:#fff}.wpbf-navigation-active .wpbf-nav-wrapper{padding-top:20px;padding-bottom:20px}.wpbf-navigation-animate{-webkit-transition:all .3s;transition:all .3s}.wpbf-navigation-shrink .wpbf-nav-wrapper{-webkit-transition:all .5s;transition:all .5s}.wpbf-menu-stacked-advanced-wrapper{padding-top:20px;padding-bottom:20px;background:#fff}.wpbf-menu-stacked-advanced-wrapper .wpbf-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.wpbf-menu-stacked-advanced-wrapper .wpbf-3-4{text-align:right}.wpbf-menu-stacked-advanced-wrapper .wpbf-3-4 *:last-child{margin-bottom:0}.wpbf-menu-stacked-advanced.menu-align-center .wpbf-1-4{text-align:center;width:100%}.wpbf-menu-stacked-advanced.menu-align-center .wpbf-3-4{display:none}.wpbf-menu-stacked-advanced.menu-align-center .wpbf-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wpbf-menu-stacked-advanced.menu-align-right .wpbf-1-4{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:right}.wpbf-menu-stacked-advanced.menu-align-right .wpbf-3-4{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:left}.wpbf-menu-stacked-advanced.menu-align-right .wpbf-menu{float:right}.wpbf-sub-menu-animation-down>.menu-item-has-children>.sub-menu{margin-top:-10px;opacity:0}.wpbf-sub-menu-animation-up>.menu-item-has-children>.sub-menu{margin-top:10px;opacity:0}.wpbf-sub-menu-animation-zoom-in>.menu-item-has-children>.sub-menu{opacity:0;-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95)}.wpbf-sub-menu-animation-zoom-out>.menu-item-has-children>.sub-menu{opacity:0;-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05)}.wpbf-mega-menu>.sub-menu{padding:20px 0}.wpbf-mega-menu>.sub-menu>.menu-item{position:relative;padding:0 20px;float:left}.wpbf-mega-menu>.sub-menu>.menu-item a{padding:0;margin-bottom:10px}.wpbf-mega-menu>.sub-menu>.menu-item a[href="#"]{color:var(--brand-color);font-weight:700;margin-bottom:20px;cursor:default;display:inline-block}.wpbf-mega-menu>.sub-menu>.menu-item a .wpbf-icon,.wpbf-mega-menu>.sub-menu>.menu-item a .wpbff{display:none}.wpbf-mega-menu>.sub-menu>.menu-item>.sub-menu>.menu-item:last-child *:last-child{margin-bottom:0}.wpbf-mega-menu .wpbf-menu-description{margin-bottom:10px}.wpbf-mega-menu .wpbf-menu-description p{margin-bottom:10px;font-weight:400;font-size:14px}.wpbf-mega-menu .wpbf-menu-description img{width:100%;height:auto;margin-bottom:10px}.wpbf-mega-menu.wpbf-mega-menu-6>.sub-menu>.menu-item{width:16.6666%}.wpbf-mega-menu.wpbf-mega-menu-5>.sub-menu>.menu-item{width:20%}.wpbf-mega-menu.wpbf-mega-menu-4>.sub-menu>.menu-item{width:25%}.wpbf-mega-menu.wpbf-mega-menu-3>.sub-menu>.menu-item{width:33.3333%}.wpbf-mega-menu.wpbf-mega-menu-2>.sub-menu>.menu-item{width:50%}.wpbf-mega-menu.wpbf-mega-menu-1>.sub-menu>.menu-item{width:100%}.wpbf-mega-menu-container-width>.sub-menu{left:0;width:100%}.wpbf-mega-menu-full-width>.sub-menu{left:0;width:100%}.wpbf-mega-menu-full-width>.sub-menu::before{content:"";position:absolute;top:0;right:0;bottom:0;left:50%;margin-left:-50vw;width:100vw;background-color:inherit;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);z-index:0}.wpbf-sub-menu>.menu-item-has-children.wpbf-mega-menu-full-width>.sub-menu{-webkit-box-shadow:none;box-shadow:none}.wpbf-mega-menu-custom-width{position:relative}.wpbf-sub-menu-align-center .wpbf-mega-menu-custom-width>.sub-menu{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.wpbf-sub-menu-align-right .wpbf-mega-menu-custom-width>.sub-menu{right:0}.wpbf-menu-off-canvas .wpbf-mega-menu{display:none}.wpbf-mobile-mega-menu .sub-menu .sub-menu{display:block}.wpbf-mobile-mega-menu .menu-item{border-width:0}.wpbf-mobile-mega-menu .sub-menu .menu-item .wpbf-submenu-toggle{display:none}.wpbf-mobile-mega-menu .sub-menu .menu-item a[href="#"]{color:var(--brand-color);font-weight:700;cursor:default}.wpbf-mobile-mega-menu .sub-menu .menu-item a[href="#"]:after{display:none}.wpbf-mobile-menu-off-canvas .wpbf-mobile-menu-container{display:block;position:fixed;top:0;z-index:777;width:320px;right:-320px;height:100%;padding-top:60px;-webkit-transition:right .6s cubic-bezier(0, 0.085, 0, 0.99);transition:right .6s cubic-bezier(0, 0.085, 0, 0.99)}.wpbf-mobile-menu-off-canvas .wpbf-mobile-menu-container.active{right:0}.wpbf-mobile-menu-off-canvas .wpbf-close{position:absolute;left:0;top:0;padding:20px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.wpbf-mobile-menu-off-canvas .wpbf-close:hover{opacity:.5}.wpbf-mobile-menu-overlay{position:fixed;width:100%;width:100%;height:100%;top:0;opacity:0;background:rgba(0,0,0,.5);display:none}.wpbf-menu-toggle{font-size:18px}.wpbf-menu-off-canvas{background:#fff;z-index:777;width:400px;height:100%;position:fixed;top:0;padding:20px}.wpbf-menu-off-canvas .wpbf-menu a{padding:10px 0}.wpbf-menu-off-canvas .wpbf-menu .menu-item-has-children{position:relative}.wpbf-menu-off-canvas .wpbf-menu .menu-item-has-children .wpbf-submenu-toggle{position:absolute;top:0;right:0;padding:10px 0;cursor:pointer}.wpbf-menu-off-canvas .wpbf-menu .menu-item-has-children .sub-menu{display:none}.wpbf-menu-off-canvas .wpbf-menu .menu-item-has-children .sub-menu a{padding:10px 0 10px 10px}.wpbf-menu-off-canvas .wpbf-close{position:absolute;right:0;top:0;padding:20px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.wpbf-menu-off-canvas .wpbf-close:hover{opacity:.5}.wpbf-menu-off-canvas-right{-webkit-transition:right .6s cubic-bezier(0, 0.085, 0, 0.99);transition:right .6s cubic-bezier(0, 0.085, 0, 0.99);right:-400px}.wpbf-menu-off-canvas-right.active{right:0}.wpbf-push-menu-right{left:0;position:relative;overflow-x:hidden;-webkit-transition:left .6s cubic-bezier(0, 0.085, 0, 0.99);transition:left .6s cubic-bezier(0, 0.085, 0, 0.99)}.wpbf-push-menu-right .wpbf-navigation-active{-webkit-transition:left .6s cubic-bezier(0, 0.085, 0, 0.99);transition:left .6s cubic-bezier(0, 0.085, 0, 0.99)}.wpbf-push-menu-right.active{left:-400px}.wpbf-push-menu-right.active .wpbf-navigation-active{left:-400px !important}.wpbf-menu-off-canvas-left{-webkit-transition:left .6s cubic-bezier(0, 0.085, 0, 0.99);transition:left .6s cubic-bezier(0, 0.085, 0, 0.99);left:-400px}.wpbf-menu-off-canvas-left.active{left:0}.wpbf-push-menu-left{left:0;position:relative;overflow-x:hidden;-webkit-transition:left .6s cubic-bezier(0, 0.085, 0, 0.99);transition:left .6s cubic-bezier(0, 0.085, 0, 0.99)}.wpbf-push-menu-left .wpbf-navigation-active{-webkit-transition:left .6s cubic-bezier(0, 0.085, 0, 0.99);transition:left .6s cubic-bezier(0, 0.085, 0, 0.99)}.wpbf-push-menu-left.active{left:400px}.wpbf-push-menu-left.active .wpbf-navigation-active{left:400px !important}.wpbf-menu-overlay{z-index:667;position:fixed;width:100%;width:100%;height:100%;top:0;opacity:0;background:rgba(0,0,0,.5);display:none}.wpbf-menu-full-screen{background:#fff;display:none;z-index:777;width:100%;height:100%;position:fixed;top:0;left:0;padding:20px}.wpbf-menu-full-screen .wpbf-menu{text-align:center;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.wpbf-menu-full-screen .wpbf-close{position:absolute;right:0;top:0;padding:20px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s}.wpbf-menu-full-screen .wpbf-close:hover{opacity:.5}.wpbf-menu-full-screen .wpbf-menu>.menu-item>a{padding-top:20px;padding-bottom:20px}.wpbf-menu-full-screen .wpbf-menu>.menu-item-has-children>a:after{display:none}ul[class*=wpbf-menu-effect-]>.menu-item>a{position:relative;z-index:1}.wpbf-menu-effect-underlined>.menu-item>a:after{content:"" !important;height:2px;display:block;background-color:var(--accent-color);-webkit-transition:all .3s;transition:all .3s}.wpbf-menu-effect-underlined.wpbf-menu-animation-fade>.menu-item>a:after{width:100%;margin:0;opacity:0}.wpbf-menu-effect-underlined.wpbf-menu-animation-fade .menu-item>a:hover:after{opacity:1}.wpbf-menu-effect-underlined.wpbf-menu-animation-slide>.menu-item>a:after{width:0;margin:0 auto}.wpbf-menu-effect-underlined.wpbf-menu-align-left>.menu-item>a:after{margin:0}.wpbf-menu-effect-underlined.wpbf-menu-align-right>.menu-item>a:after{margin:0;float:right}.wpbf-menu-effect-underlined.wpbf-menu-animation-slide>.menu-item>a:hover:after{width:100%}.wpbf-menu-effect-underlined.wpbf-menu-animation-grow>.menu-item>a:after{-moz-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);-webkit-transform:scale(0.85);width:100%;margin:0;opacity:0}.wpbf-menu-effect-underlined.wpbf-menu-animation-grow .menu-item>a:hover:after{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);opacity:1}.wpbf-menu-effect-underlined>.current-menu-item>a:after{width:100% !important;opacity:1 !important;-moz-transform:scale(1) !important;-ms-transform:scale(1) !important;-o-transform:scale(1) !important;-webkit-transform:scale(1) !important}.wpbf-menu-effect-boxed>.menu-item>a{margin:0 3px}.wpbf-menu-effect-boxed>.menu-item>a:before{content:"" !important;z-index:-1;-webkit-transition:all .3s;transition:all .3s;background-color:var(--base-color);height:100%;top:0;position:absolute}.wpbf-menu-effect-boxed.wpbf-menu-animation-fade>.menu-item>a:before{left:0;opacity:0;width:100%}.wpbf-menu-effect-boxed.wpbf-menu-animation-fade .menu-item>a:hover:before{opacity:1}.wpbf-menu-effect-boxed.wpbf-menu-animation-slide>.menu-item>a:before{left:50%;width:0}.wpbf-menu-effect-boxed.wpbf-menu-align-left>.menu-item>a:before{left:0}.wpbf-menu-effect-boxed.wpbf-menu-align-right>.menu-item>a:before{right:0;left:auto}.wpbf-menu-effect-boxed.wpbf-menu-align-center .menu-item>a:hover:before{left:0}.wpbf-menu-effect-boxed.wpbf-menu-animation-slide .menu-item>a:hover:before{width:100%}.wpbf-menu-effect-boxed.wpbf-menu-animation-grow>.menu-item>a:before{width:100%;left:0;opacity:0;-moz-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);-webkit-transform:scale(0.85)}.wpbf-menu-effect-boxed.wpbf-menu-animation-grow .menu-item>a:hover:before{opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1)}.wpbf-menu-effect-boxed>.current-menu-item>a:before{opacity:1 !important;width:100% !important;left:0 !important;-moz-transform:scale(1) !important;-ms-transform:scale(1) !important;-o-transform:scale(1) !important;-webkit-transform:scale(1) !important}.wpbf-menu-effect-modern>.menu-item>a:after{content:"" !important;z-index:-1;-webkit-transition:all .3s;transition:all .3s;height:15px;position:absolute;margin-left:-5px;bottom:10px;width:0;display:block;background:var(--base-color)}.wpbf-menu-effect-modern>.menu-item>a:hover:after{width:-o-calc(100% - 30px);width:calc(100% - 30px)}.wpbf-menu-effect-modern>.current-menu-item>a:after{width:-o-calc(100% - 30px);width:calc(100% - 30px)}div.wpbf-woo-menu-item{display:inline-block}.wpbf-sub-menu-focus>.wpbf-woo-sub-menu{display:block !important;opacity:1 !important}.wpbf-woo-menu-item{position:relative}.wpbf-woo-menu-item a:after{display:none}.wpbf-woo-menu-item .wpbf-woo-menu-item-label{margin-right:5px}.wpbf-woo-menu-item .wpbf-woo-menu-item-separator{margin:0 5px}.wpbf-woo-menu-item .wpbf-woo-sub-menu{position:absolute;display:none;z-index:999;background:#fff;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);box-shadow:0px 0px 10px 0px rgba(0,0,0,.15);font-size:14px;padding:0;left:auto;right:0;width:340px;text-align:right}.wpbf-woo-menu-item .wpbf-woo-sub-menu li{list-style:none}.wpbf-woo-menu-item .wpbf-woo-sub-menu-table-wrap{padding:10px 20px 0 20px}.wpbf-woo-menu-item .wpbf-table{text-align:left;border:none;margin-bottom:0}.wpbf-woo-menu-item .wpbf-table th{background:transparent}.wpbf-woo-menu-item .wpbf-table td,.wpbf-woo-menu-item .wpbf-table th{padding:8px 0;border:none}.wpbf-woo-menu-item .wpbf-table tr{border-bottom:1px solid var(--base-color-alt)}.wpbf-woo-menu-item .wpbf-table th:nth-child(2),.wpbf-woo-menu-item .wpbf-table td:nth-child(2){text-align:right}.wpbf-woo-menu-item .wpbf-table a{padding:0 !important}.wpbf-woo-menu-item .wpbf-woo-sub-menu-product-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wpbf-woo-menu-item .wpbf-woo-sub-menu-remove{margin-right:10px}.wpbf-woo-menu-item .wpbf-woo-sub-menu-image-wrap{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:54px;flex-basis:54px;margin-right:10px}.wpbf-woo-menu-item .wpbf-woo-sub-menu-button-wrap,.wpbf-woo-menu-item .wpbf-woo-sub-menu-summary-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wpbf-woo-menu-item .wpbf-woo-sub-menu-summary-wrap{padding:10px 20px}.wpbf-woo-menu-item .wpbf-woo-sub-menu-summary-wrap>div:first-child{font-weight:700}.wpbf-woo-menu-item .wpbf-button{padding:20px !important;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;color:var(--brand-color-alt);border:none;border-radius:0}.wpbf-woo-menu-item .wpbf-button-primary{color:#fff}.wpbf-woo-menu-item .wpbf-button-primary:hover{color:#fff}.wpbf-navigation .wpbf-menu .wpbf-cta-menu-item a,.wpbf-mobile-menu .wpbf-cta-menu-item a{background:var(--accent-color);color:#fff}.wpbf-navigation .wpbf-menu .wpbf-cta-menu-item a:hover,.wpbf-mobile-menu .wpbf-cta-menu-item a:hover{color:#fff;background:var(--accent-color-alt)}.wpbf-navigation .wpbf-menu .wpbf-cta-menu-item.current-menu-item a{color:#fff !important}.wpbf-menu .wpbf-cta-menu-item a:after,.wpbf-menu .wpbf-cta-menu-item a:before{display:none !important}.admin-bar .wpbf-menu-off-canvas,.admin-bar .wpbf-menu-full-screen{margin-top:32px}.wpbf-video-opt-in{padding:40px;background:var(--base-color-alt)}.wpbf-video-opt-in img{width:800px;display:block;margin-right:auto;margin-left:auto}.wpbf-video-opt-in p:last-child{margin-bottom:0}.wpbf-responsive-embed.opt-in{display:none}.wpbf-post-grid{padding-left:0}.wpbf-post-grid .wpbf-article-wrapper{margin-bottom:20px}.wpbf-post-grid .wpbf-article-wrapper article{height:100%;margin-bottom:0}.wpbf-post-grid-masonry .wpbf-article-wrapper article{height:auto}.wpbf-social-icons{display:inline-block}.wpbf-social-icons a{display:inline-block;margin:3px}.wpbf-social-icons.wpbf-social-shape-plain a{margin:6px}.wpbf-social-shape-rounded a{width:30px;height:30px;line-height:30px;text-align:center;background:var(--base-color-alt);border-radius:100%}.wpbf-social-shape-rounded.wpbf-social-size-large a{width:40px;height:40px;line-height:40px}.wpbf-social-shape-boxed a{-webkit-transition:all .2s;transition:all .2s;width:30px;height:30px;line-height:30px;text-align:center;background:var(--base-color-alt)}.wpbf-social-shape-boxed.wpbf-social-size-large a{width:40px;height:40px;line-height:40px}.wpbf-social-style-brand .wpbf-social-facebook{color:#3b5998}.wpbf-social-style-brand .wpbf-social-facebook:hover{color:rgba(59,89,152,.7)}.wpbf-social-style-brand .wpbf-social-twitter{color:#1da1f2}.wpbf-social-style-brand .wpbf-social-twitter:hover{color:rgba(29,161,242,.7)}.wpbf-social-style-brand .wpbf-social-google{color:#dd4b39}.wpbf-social-style-brand .wpbf-social-google:hover{color:rgba(221,75,57,.7)}.wpbf-social-style-brand .wpbf-social-pinterest{color:#bd081c}.wpbf-social-style-brand .wpbf-social-pinterest:hover{color:rgba(189,8,28,.7)}.wpbf-social-style-brand .wpbf-social-youtube{color:#cd201f}.wpbf-social-style-brand .wpbf-social-youtube:hover{color:rgba(205,32,31,.7)}.wpbf-social-style-brand .wpbf-social-instagram{color:#405de6}.wpbf-social-style-brand .wpbf-social-instagram:hover{color:rgba(64,93,230,.7)}.wpbf-social-style-brand .wpbf-social-vimeo{color:#1ab7ea}.wpbf-social-style-brand .wpbf-social-vimeo:hover{color:rgba(26,183,234,.7)}.wpbf-social-style-brand .wpbf-social-soundcloud{color:#f80}.wpbf-social-style-brand .wpbf-social-soundcloud:hover{color:rgba(255,136,0,.7)}.wpbf-social-style-brand .wpbf-social-linkedin{color:#0077b5}.wpbf-social-style-brand .wpbf-social-linkedin:hover{color:rgba(0,119,181,.7)}.wpbf-social-style-brand .wpbf-social-yelp{color:#d32323}.wpbf-social-style-brand .wpbf-social-yelp:hover{color:rgba(211,35,35,.7)}.wpbf-social-style-brand .wpbf-social-behance{color:#1769ff}.wpbf-social-style-brand .wpbf-social-behance:hover{color:rgba(23,105,255,.7)}.wpbf-social-style-brand .wpbf-social-spotify{color:#1db954}.wpbf-social-style-brand .wpbf-social-spotify:hover{color:rgba(29,185,84,.7)}.wpbf-social-style-brand .wpbf-social-reddit{color:#ff4500}.wpbf-social-style-brand .wpbf-social-reddit:hover{color:rgba(255,69,0,.7)}.wpbf-social-style-brand .wpbf-social-rss{color:#f26522}.wpbf-social-style-brand .wpbf-social-rss:hover{color:rgba(242,101,34,.7)}.wpbf-social-style-brand .wpbf-social-github{color:#333}.wpbf-social-style-brand .wpbf-social-github:hover{color:rgba(51,51,51,.7)}.wpbf-social-style-brand .wpbf-social-messenger{color:#0084ff}.wpbf-social-style-brand .wpbf-social-messenger:hover{color:rgba(0,132,255,.7)}.wpbf-social-style-brand .wpbf-social-whatsapp{color:#25d366}.wpbf-social-style-brand .wpbf-social-whatsapp:hover{color:rgba(37,211,102,.7)}.wpbf-social-style-brand .wpbf-social-snapchat{color:#fffc00}.wpbf-social-style-brand .wpbf-social-snapchat:hover{color:rgba(255,252,0,.7)}.wpbf-social-style-brand .wpbf-social-xing{color:#026466}.wpbf-social-style-brand .wpbf-social-xing:hover{color:rgba(2,100,102,.7)}.wpbf-social-style-brand .wpbf-social-tiktok{color:#000}.wpbf-social-style-brand .wpbf-social-tiktok:hover{color:rgba(0,0,0,.7)}.wpbf-social-style-brand .wpbf-social-patreon{color:#f96854}.wpbf-social-style-brand .wpbf-social-patreon:hover{color:rgba(249,104,84,.7)}.wpbf-social-style-brand .wpbf-social-dribbble{color:#ea4c89}.wpbf-social-style-brand .wpbf-social-dribbble:hover{color:rgba(234,76,137,.7)}.wpbf-social-style-brand .wpbf-social-dribbble{color:#35465c}.wpbf-social-style-brand .wpbf-social-dribbble:hover{color:rgba(53,70,92,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) a{color:#fff}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-facebook{background:#3b5998}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-facebook:hover{background:rgba(59,89,152,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-twitter{background:#1da1f2}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-twitter:hover{background:rgba(29,161,242,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-google{background:#dd4b39}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-google:hover{background:rgba(221,75,57,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-pinterest{background:#bd081c}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-pinterest:hover{background:rgba(189,8,28,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-youtube{background:#cd201f}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-youtube:hover{background:rgba(205,32,31,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-instagram{background:#405de6}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-instagram:hover{background:rgba(64,93,230,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-vimeo{background:#1ab7ea}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-vimeo:hover{background:rgba(26,183,234,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-soundcloud{background:#f80}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-soundcloud:hover{background:rgba(255,136,0,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-linkedin{background:#0077b5}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-linkedin:hover{background:rgba(0,119,181,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-yelp{background:#d32323}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-yelp:hover{background:rgba(211,35,35,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-behance{background:#1769ff}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-behance:hover{background:rgba(23,105,255,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-spotify{background:#1db954}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-spotify:hover{background:rgba(29,185,84,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-reddit{background:#ff4500}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-reddit:hover{background:rgba(255,69,0,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-rss{background:#f26522}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-rss:hover{background:rgba(242,101,34,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-github{background:#333}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-github:hover{background:rgba(51,51,51,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-messenger{background:#0084ff}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-messenger:hover{background:rgba(0,132,255,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-whatsapp{background:#25d366}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-whatsapp:hover{background:rgba(37,211,102,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-snapchat{background:#fffc00}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-snapchat:hover{background:rgba(255,252,0,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-xing{background:#026466}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-xing:hover{background:rgba(2,100,102,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-tiktok{background:#000}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-tiktok:hover{background:rgba(0,0,0,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-patreon{background:#f96854}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-patreon:hover{background:rgba(249,104,84,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-dribbble{background:#ea4c89}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-dribbble:hover{background:rgba(234,76,137,.7)}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-tumblr{background:#35465c}.wpbf-social-style-filled:not(.wpbf-social-shape-plain) .wpbf-social-tumblr:hover{background:rgba(53,70,92,.7)}.wpbf-social-style-grey a{color:#aaa}.wpbf-social-style-grey a:hover{color:rgba(170,170,170,.7)}.wpbf-widget-footer{background:var(--base-color-alt)}.wpbf-widget-footer .wpbf-footer-widget{margin-bottom:20px}.wpbf-woo-quick-view-modal{display:none}.wpbf-related-posts-grid{padding:0}.wpbf-related-posts-grid li{list-style:none}.wpbf-related-posts-grid .wp-post-image,.wpbf-related-posts-grid .article-meta{margin-bottom:10px}h2{text-transform:none;}h3{text-transform:none;}h2{font-family:"Ropa Sans";font-weight:400;font-style:normal;}h3{font-family:"Ropa Sans";font-weight:400;font-style:normal;}#inner-content{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wpbf-container{padding-right:0px;padding-left:0px;}.wpbf-container{max-width:100%;}@media screen and (max-width:768px){.scrolltop{right:10px;bottom:10px;}}.scrolltop{background-color:#c90c10;}.wp-block-cover .wp-block-cover__inner-container,.wp-block-group .wp-block-group__inner-container{max-width:100%;}.wpbf-archive-content .wpbf-post{text-align:left;}@font-face {
font-display: swap;
font-family: 'Ropa Sans';
font-style: normal;
font-weight: 400;
src: url(//tv-welle.de/wp-content/themes/tv-welle/fonts/ropa-sans-v15-latin-regular.woff2) format('woff2'),
url(//tv-welle.de/wp-content/themes/tv-welle/fonts/ropa-sans-v15-latin-regular.ttf) format('truetype');
} @font-face {
font-display: swap; 
font-family: 'Alex Brush';
font-style: normal;
font-weight: 400;
src: url(//tv-welle.de/wp-content/themes/tv-welle/fonts/alex-brush-v22-latin-regular.woff2) format('woff2'), 
url(//tv-welle.de/wp-content/themes/tv-welle/fonts/alex-brush-v22-latin-regular.ttf) format('truetype'); 
}
body {
font-family: sans-serif;
}
.nopad {padding:0; margin:0 }
.elementor-posts .elementor-post__excerpt p {color:#000;font-size: 16px;}
.fas {color:#c90c0f} :root {
--accent-color: #000; }
.lefti {background-color:#c90c0f;}
.elementor-location-footer h3 {font-family: "Ropa Sans", sans-serif}
.alex-brush p{font-family: "Alex Brush", Sans-serif;
transform: rotate(-5deg);
margin-bottom: -45px;}
.elementor a {text-decoration: underline;font-weight:bold}
.elementor a.sportstaette-block {text-decoration: none;}
h1 {
font-size: 55px;
margin-top: 30px;
text-align: center;
display: inline-block;
position: relative;
color: #000;
padding-bottom: 10px;
font-weight:500;
}
h1.headline-slider 
{margin-top:20px;margin-bottom:0;padding-bottom:0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);}
.redtext {color:#c90c0f} 
h2 {
font-size: 42px;
color: #000;
padding-bottom: 10px;
font-weight:500;
}
h3 {color:#000;}
h2.termintitel {margin-bottom:0;padding-bottom:10px}
.entry-content h1,h2,h3,h4,h5,h6 {
font-family: "Ropa Sans", sans-serif !important
}
.whity {color:#fff !important}
@media (max-width: 768px) {
h1 { font-size: 32px;}
.wirsind p {margin-top:10px;margin-bottom:10px;}
}
h1::after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 60%;
height: 6px;
background: linear-gradient(to right, #b3100b, #c90c10);
border-radius: 3px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.headlineline::after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 60%;
height: 6px;
background: linear-gradient(to right, #b3100b, #c90c10);
border-radius: 3px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.headline::after  {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -10px; width: 60%;
height: 6px;
background: linear-gradient(to right, #b3100b, #c90c10);
border-radius: 3px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
display: block;
}
.headline {
position: relative;
display: inline-block;
padding-bottom: 15px;
width:100%;
}
.red {background:#c90c0f}
.redfont {color:#c90c0f;text-transform: uppercase}
.timetable-wrapper {
overflow-x: auto;
width: 100%;
margin-bottom:50px;
}
.timetable-grid {
position: relative;
display: grid;
grid-template-columns: 150px repeat(auto-fill, minmax(150px, 1fr));
grid-auto-rows: 40px;
font-size: 12px;
min-width: 300px;
}
.timetable-grid .header {
padding: 0px;
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.3;
white-space: normal;
word-wrap: break-word;
background: #f8f8f8;
font-weight: bold;
border-bottom: 1px solid #ddd;
border: 1px solid #ccc;
box-sizing: border-box;
}
.time-label {
font-size: 1em;
line-height: 1;
display: grid !important;
align-items: center;
height: 100%; border: 1px solid #eee;
font-weight:bold
}
.timetable-cell {
border: 1px solid #eee;
background: #fff;
min-width: 140px;
}
.termin-block {
background: #ffffff;
border-left: 6px solid #c90c0f; border-radius: 12px;
padding: 2px 12px;
margin: 2px 0;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
transition: all 0.2s ease;
position: relative;
overflow: hidden;
}
.termin-block.shifted {
margin-left: 20%;
z-index:2;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
border-left: 4px solid #dc2626; background-color: #fff;
opacity:0.8;
}
.termin-block.shifted:hover {
opacity:1;
}
.trainer-card.sommer::after,
.trainer-card.winter::after,
.trainer-card.sommerundwinter::after,
.termin-block.sommer::after,
.termin-block.winter::after,
.termin-block.sommerundwinter::after, .tfd-block.sommer::after, .tfd-block.winter::after, .tfd-block.sommerundwinter::after {
position: absolute;
top: 6px;
right: 8px;
font-size: 1.2rem;
z-index: 10;
}
.termin-block.sommer::after,.tfd-block.sommer::after,.trainer-card.sommer::after{
content: "☀️";
}
.termin-block.winter::after, .tfd-block.winter::after, .trainer-card.winter::after{
content: "❄️";
}
.termin-block.sommerundwinter::after, .tfd-block.sommerundwinter::after, .trainer-card.sommerundwinter::after {
content: "";
}
.hideme {background:#eee;height:1px;font-size:0;color:#fff}
.termin-block:hover {
transform: scale(1.015);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
z-index: 10;
} .termin-block h3.sportart {
margin: 0;
color: #111827;
display: flex;
align-items: center;
padding-bottom:0;
} .termin-block .time {
font-size: 0.875rem;
color: #6b7280;
display: flex;
align-items: center;
gap: 0px;
}
.termin-block .time::before {
content: "🕒";
font-size: 0.9em;
} .termin-block strong {
font-weight: 700;
color: #1f2937;
}
span.time {font-weight:bold;}
span.time::before {
content: "🕒";
margin-right: 6px;
font-size: 1em;
}
h3.sportart {font-size: 11px;padding-bottom:0;margin-bottom:0;}
h3.headsport {margin-bottom:0;padding-bottom:0;color:#fffefa;}
.sportstaette-adresse {color:#fffefa}
h3.timetable {margin-bottom:0;padding-bottom:0;font-weight:bold} .team-grid, .news-grid, .trainer-grid, .trainer-termine-list   {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 10px;
margin-bottom: 2rem;
}
@media screen and (max-width: 764px) {
.team-grid,
.news-grid,
.trainer-grid,
.trainer-termine-list {
grid-template-columns: repeat(auto-fill, minmax(150px, 2fr));
gap: 5px;
}
} .team-image img,
.news-image img,
.trainer-image img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 8px;
object-position: center;
}
.trainer-card, .team-card {
position:relative;
display: inline-block;
padding: 10px;
background-color: #fff;
border: 1px solid #eee; border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
text-align: center;
margin: 5px;
border-left: 6px solid #c90c0f; }
.trainer-termine-grid {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin-top: 1rem;
}
.trainer-termine-grid .trainer-card {
background: #fff;
border: 1px solid #c90c0f; border-radius: 10px;
padding: 1rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease;
}
.trainer-termine-grid .trainer-card:hover {
transform: translateY(-4px);
}
.termin-title {
color: #c90c0f;
margin-top: 0;
}
.news-card {box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);padding:15px;border-radius:15px;margin: 5px;}  
.team-card:hover, .news-card:hover, .trainer-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
} .team-name, .news-title, .trainer-name {
font-size: 1.2rem;
margin: 10px 0;
}
.team-trainers, .news-date, .trainer-lizenz {
font-size: 0.9rem;
color: #666;
}
.news-excerpt, .trainer-info {
font-size: 1rem;
color: #444;
}
.trainer-info p {
margin: 5px 0;
}
.external-link {
display: inline-block;
margin-top: 10px;
font-weight: bold;
color: #0066cc;
text-decoration: underline;
} .team-image img, .news-image img, .trainer-image img {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 10px;
} .sportarten-list {
font-size: 1.2em;
list-style-type: none;
padding: 0;
}
.sportarten-list li {
margin-bottom: 10px;
}
.sportarten-list li a {
color: #0073e6;
text-decoration: none;
font-weight: bold;
}
.sportarten-list li a:hover {
text-decoration: underline;
} .timetable-grid_tw {
display: grid;
font-size: 11px;
min-width: 200px;
}
.timetable-grid_tw > .header {
min-height: 80px;
text-align: center;
font-weight: bold;
color: #fff;
padding: 5px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
background:#e4e4e2
}
div.timetable-grid_tw div.header.fixed-column {
background: #0073e6; } 
.timetable-filters-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 0px 20px;
margin-bottom: 20px;
align-items: end;
height:auto !important; 
}
.filter-group,
.filter-status-box {
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.filter-group,
.filter-status-box {
display: block;
flex-direction: column;
}
}
.filter-select {
width: 100%;
padding: 6px;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 4px;
}
#reset-filters {
padding:0;
background:#c90c0f;
color:#fff;
border: none;
border-radius: 0px;
cursor: pointer;
}
#reset-filters:hover {
background-color: #b3100b;
} input[type="checkbox"]#filter-sommer,
input[type="checkbox"]#filter-winter {
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
border: 2px solid #ccc;
border-radius: 6px;
background: #fff;
cursor: pointer;
position: relative;
transition: all 0.2s ease;
vertical-align: middle;
} input[type="checkbox"]#filter-sommer:checked {
background-color: #fde68a; border-color: #facc15;
}
input[type="checkbox"]#filter-winter:checked {
background-color: #bae6fd; border-color: #38bdf8;
} input#filter-sommer:checked::after {
content: '☀️';
position: absolute;
top: 2px;
left: 0px;
} input#filter-winter:checked::after {
content: '❄️';
position: absolute;
top: 2px;
left: 0px;
} #filter-sommer + label,
#filter-winter + label {
margin-right: 5px;
cursor: pointer;
user-select: none;
}
ul.termine-sportart li {color:#fff;}
.termine-sportart {
list-style: none;
padding-left: 0;
}
.termine-sportart li {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
}
.termine-sportart a {color:#fff !important}
h2.trainingszeiten {color:#fff;font-size:28px;font-weight: bold;}
.team-trainingszeiten a {color:#fff;}
.header-badge {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: 8px;
}
.header-tag-icon {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(145deg, #c90c0f, #b3100b);
color: #fff;
font-size: 0.75rem;
font-weight: bold;
width: 34px;
height: 34px;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
transition: transform 0.2s ease;55px
}
.header-tag-icon:hover {
transform: scale(1.1) rotate(5deg);
}
.header-venue-label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 0.7rem;
font-weight: 600;
padding: 2px;
border-radius: 2px;
text-align: center;
line-height: 1.2;
position: relative;
min-width: 60px;
box-sizing: border-box;
}
.header-venue-label::before {
font-family: 'Dashicons';
content: "\f230"; font-size: 2em;
margin-bottom: 4px;
color: #fff;
opacity: 0.8;
line-height: 1;
}   div.header span.header-venue-label {
background-color: #ccc;
color: #333;
border: 1px solid #ccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
} div.header.venue-turnhalle-handeloh span.header-venue-label {
background-color: #844a97;
color: #fff;
border: 1px solid #844a97;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-turnhalle-welle span.header-venue-label {
background-color: #c90c0f;
color: #fff;
border: 1px solid #a20a0c;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-turnhalle-otter span.header-venue-label {
background-color: #65d542;
color: #222;
border: 1px solid #65d542;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
} div.header.venue-online span.header-venue-label {
background-color: #666;
color: #fff;
border: 1px solid #555;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-sportplatz-welle span.header-venue-label {
background-color: #3d7c41;
color: #fff;
border: 1px solid #2e6232;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-tennisanlage-tv-welle span.header-venue-label {
background-color: #cc5c2b;
color: #fff;
border: 1px solid #cc5c2b;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-vereinsheim-tv-welle span.header-venue-label {
background-color: #666;
color: #fff;
border: 1px solid #555;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-yoga-raum span.header-venue-label {
background-color: #d9aa7a;
color: #fff;
border: 1px solid #d9aa7a;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
} div.header.venue-indoor-cycling-raum span.header-venue-label {
background-color: #d600a3;
color: #fff;
border: 1px solid #a1007d;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
div.header.venue-heidjerswohl-schneverdingen span.header-venue-label {
background-color: #00a7e2;
color: #fff;
border: 1px solid #00a7e2;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
div.header.day-montag div.header-badge span.header-tag-icon {
background: #d32f2f; }
div.header.day-dienstag div.header-badge span.header-tag-icon {
background: #f57c00; }
div.header.day-mittwoch div.header-badge span.header-tag-icon {
background: #fbc02d; }
div.header.day-donnerstag div.header-badge span.header-tag-icon {
background: #388e3c; }
div.header.day-freitag div.header-badge span.header-tag-icon {
background: #1976d2; }
div.header.day-samstag div.header-badge span.header-tag-icon {
background: #7b1fa2; }
div.header.day-sonntag div.header-badge span.header-tag-icon {
background: #c2185b; } .header.last-column {
border-right: 4px solid #000;
}
.tvw-timetable-grid {
display: grid;
grid-auto-rows: 30px;
min-width:200px;
border-collapse: collapse;
}
.tvw-header {
background: #f0f0f0;
font-weight: bold;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
line-height: 1.3;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
word-wrap: break-word;
}
.tvw-time-label {
background: #f9f9f9;
padding: 4px;
border: 1px solid #ddd;
text-align: right;
font-weight: bold;
}
.tvw-cell {
border: 1px solid #eee;
background-color: #fff;
}
.tvw-termin-block {
background-color: #def;
border: 1px solid #999;
padding: 6px;
overflow: hidden;
z-index: 10;
font-size: 12px;
}
.external-link {
color: #0073e6;
text-decoration: none;
position: relative;
padding-left: 20px;
}
.external-link::before {
content: "🔗";
position: absolute;
left: 0;
top: 0;
font-size: 0.9em;
}
.external-link:hover {
color: #005bb5;
text-decoration: underline;
}
.sportarten-item {
background-color: #fff; padding: 2rem 1.5rem;
text-align: center;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); transition: all 0.25s ease-in-out;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
border: 1px solid #e2e8f0; transition: all 0.3s ease;
transform: translateY(0);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
overflow: hidden;
border-radius:12px;
position: relative;
z-index: 1; }
.sportarten-item::after {
content: '';
position: absolute;
bottom: -10px; left: 10px;
right: 10px;
height: 8px;
background-color: #222; z-index: 0;
border-radius: 4px;
}
@media (min-width: 768px) {
.sportarten-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 20px;
margin-bottom: 2rem;
text-align: center;
}
}
@media (max-width: 768px) {
.sportarten-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.sportarten-item {
padding:1rem;
}
h1.sportart-bezeichnung {
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
}
.sportart-row {
display: flex;
align-items: center; margin-bottom:10px;
}
.sportart-icon, .sportart-icon-bigger {
object-fit: contain;
display: block; position: relative;
top: 1px;
}
.sportart-row .sportart {
margin: 0;
line-height: 1;
}
.sportart-row-vertical {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4rem;
}
.sportart-icon {
width: 36px;
height: 36px;
object-fit: contain;
display: block;
}
.sportart-icon-bigger {
width:100px;
height:100px;
}
.sportart-row-vertical .sportart {
margin: 0;
text-align: center;
font-size: 1rem;
line-height: 1.2;
}
.tfd-row-hidden {
pointer-events: none;
user-select: none;
}
img.sportart-icon {border-width:1px;
border-radius:100%;
border-color:#b91c1c;
padding:5px;  
background:#f9fafb;
box-shadow: 0 4px 8px rgba(185, 28, 28, 0.2); height:40px;width:40px;}
img.sportart-icon-bigger {border-width:1px;
border-radius:100%;
border-color:#b91c1c;
padding:5px;  
background:#f9fafb;
box-shadow: 0 4px 8px rgba(185, 28, 28, 0.2); height:100px;width:100px;}
.sportarten-item:hover {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
background-color: #fefefe;
} .sportarten-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 6px;
background: linear-gradient(to bottom, #b91c1c, #dc2626);
opacity: 0.9;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
} .sportarten-item img,
.sportarten-item svg {
width: 58px;
height: 58px;
color: #b91c1c;
margin-bottom: 0.5rem;
border-style: solid;
border-width:1px;
border-radius:100%;
border-color:#b91c1c;
padding:5px;  
background:#f9fafb;
box-shadow: 0 4px 8px rgba(185, 28, 28, 0.2); } .sportarten-item a {
font-weight: 600;
font-size: 1rem;
letter-spacing: 0.2px;
color: #111827;
text-decoration: none;
transition: color 0.2s ease, border-bottom 0.2s ease;
border-bottom: 2px solid transparent;
}
.sportarten-item a:hover {
color: #b91c1c;
border-bottom: 2px solid #b91c1c;
}
h3.oberkategorie-title {
font-weight: 600;
text-transform: uppercase;
color: #b91c1c;
margin-bottom: 0.75rem;
border-left: 4px solid #b91c1c;
padding-left: 0.75rem;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.headline-sportart .sportart-icon {
background: rgba(255, 255, 255, 1);
padding:5px;
border-radius:100%;
}
.headline-sportart h1 { color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); } .sponsoren-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 20px;
margin-bottom: 2rem;
text-align: center;
}
.sponsor-item {
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 1rem;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
.sponsor-item:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.sponsor-logo-wrapper {
margin-bottom: 10px;
}
.sponsor-logo {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
border-radius: 8px;
}
.sponsor-name {
font-size: 1rem;
font-weight: bold;
color: #222;
}
.no-sponsoren {
text-align: center;
color: #888;
} .filter-btn {
display: inline-block;
margin: 5px 5px 5px 0;
padding: 6px 12px;
border: 1px solid #ccc;
background-color: #f8f8f8;
color: #333;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
}
.filter-btn:hover {
background-color: #eaeaea;
border-color: #999;
}
.filter-btn.active {
background-color: #0073aa;
border-color: #0073aa;
color: #fff;
font-weight: bold;
} .timetable-filters strong {
display: inline-block;
margin-top: 10px;
margin-bottom: 5px;
font-size: 15px;
color: #333;
} .status-inner {
display: grid;
grid-template-columns: 1fr auto;
gap: 0px;
align-items: center;
}
#filter-status {
font-style: italic;
background-color: #f0f8ff;
padding: 2px 10px;
border-left: 4px solid #0073aa;
border-radius: 4px;
font-size: 10px;
color: #333;
min-height:25px;
}
.sticky {
position: fixed;
top: 30px;
right:0;
background:#fff;
border-style: none;
transition: all 0.3s ease;
}
.menu-item-type-post_type.menu-item-object-page.parent.uael-creative-menu a.uael-menu-item {
color:#000 !important;padding:10px;border-bottom:solid;border-width:0px 0px 1px 0px; border-color:#000
}
.uael-creative-menu a.uael-sub-menu-item {color:#000 !important;}
.sportstaetten-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 20px 0;
}
.sportstaette-block {
display: flex;
align-items: flex-start;
padding: 15px;
border: 1px solid #ccc;
border-radius: 8px;
gap: 12px; }
.headsport {
margin-top: 0;
font-size: 1.2em;
color: #333;
}
.sportstaette-adresse {
display: block;
margin-top: 8px;
color: #fff;
}
.sportstaette-icon::before {
font-family: 'Dashicons';
content: "\f230"; font-size: 2em;
color: #fff;
padding: 10px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
opacity: 0.8;
}
.galerie-uebersicht {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 20px;
}
@media (min-width: 768px) {
.galerie-uebersicht {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 767px) {
.galerie-uebersicht {
grid-template-columns: repeat(2, 1fr);
}
}
.galerie-card {
text-align: center;
}
.galerie-card img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 8px;
display: block;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.2s ease;
}
.galerie-card img:hover {
transform: scale(1.03);
}
.galerie-card h3 {
margin-top: 10px;
font-size: 1rem;
}
.sponsor-slide {
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.sponsor-logo {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: contain;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
max-width: 120px;
height: auto;
}
.typewriter-ticker {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
background: #f9f9f9;
border-top: 2px solid #c90c0f;
border-bottom: 2px solid #c90c0f;
font-family: monospace;
font-weight: bold;
font-size: 1.1rem;
color: #c90c0f;
overflow: hidden;
padding: 0 20px;
}
.typewriter-ticker .typewriter-link {
text-decoration: none;
color: inherit;
border-right: 2px solid #c90c0f;
white-space: nowrap;
overflow: hidden;
display: inline-block;
animation: blinkCursor 0.7s infinite;
} @keyframes blinkCursor {
0% { border-color: transparent; }
50% { border-color: #c90c0f; }
100% { border-color: transparent; }
}
@media (min-width: 768px) {
.logo-wrap {min-height:135px;}
}
.single-team-info.layout-2col {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.trainingszeitenbox {
position: relative;
background: #c90c0f; color:#fff !important;
border-radius: 0; overflow: hidden;
padding:15px;
}
.trainingszeitenbox em, .trainingszeitenbox strong {
color:#fff !important;
} .trainingszeitenbox::before {
content: '';
position: absolute;
top: 0;
left: 0px;
width: 50px; height: 50px;
background: #fff;
z-index: 1;
clip-path: polygon(0 0, 100% 0, 0 100%);
border-style:solid;
border: width 2px;
border-color:#c90c0f;
}
.team-info-left {
flex: 0 0 66.66%;
max-width: 66.66%;
}
.team-info-right {
flex: 0 0 30.33%;
max-width: 30.33%;
text-align: right;
}
.team-foto {
margin-top:30px;
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
padding: 10px;
background-color: #fff;
border: 4px solid #c90c0f; border-radius: 16px;
text-align: center;
}
@media (max-width: 768px) {
.single-team-info.layout-2col {
flex-direction: column;
}
.team-info-left,
.team-info-right {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
}
#righti {
position: relative;
overflow: hidden;
}
@media (min-width: 768px) { #righti::before {
content: '';
position: absolute;
top: 0;
left: -1px;
width: 100%;
height: 100%;
background: #c90c0f;
clip-path: polygon(0 100%, 12% 0, 0 0);
z-index: 2;
pointer-events: none;
box-shadow: 4px 0 10px rgba(0, 0, 0, 0.3); }
#righti::after {
content: '';
position: absolute;
top: 0;
right: -1px;
width: 100%;
height: 100%;
background: #c90c0f;
clip-path: polygon(100% 100%, 100% 0, 88% 100%); z-index: 2;
pointer-events: none;
box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3); }
}
.webling-birthday-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px;
margin-top: 30px;
}
.birthday-entry {
background: #fff;
border: 2px solid #c90c0f;
border-radius: 12px;
padding: 16px;
text-align: center;
font-size: 1rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.birthday-entry:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}
.birthday-entry .emoji {
font-size: 2.8rem;
display: block;
margin-bottom: 8px;
}
.birthday-entry strong {
display: block;
font-size: 1.1rem;
color: #c90c0f;
margin-bottom: 4px;
}
.birthday-entry span {
font-size: 0.95rem;
color: #333;
}
.timetable-loading {
text-align: center;
padding: 1rem;
font-weight: bold;
background: #eee;
border: 1px solid #ccc;
border-radius: 8px;
margin-bottom: 1rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.loader-spinner {
display: inline-block;
width: 1em;
height: 1em;
border: 3px solid #ccc;
border-top-color: #c00;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-right: 0.5em;
vertical-align: middle;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.hidden {
display: none !important;
}
.simple-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 1rem;
margin-bottom: 2rem;
}
.day-heading {
font-size: 1.5rem;
margin-top: 2rem;
border-bottom: 2px solid #ccc;
}
.timetable-grid.stacked-view {
display: grid;
grid-template-columns: 100px repeat(5, 1fr); gap: 4px;
}
.grid-row-hidden {
display: none !important;
}
.timetable-grid.stacked-view {
display: grid;
grid-template-columns: 100px repeat(10, 1fr);
grid-auto-rows: auto; gap: 4px;
}
.timetable-flexday-wrapper {
overflow-x: auto;
padding-bottom: 2rem;
}
.timetable-flexday-container {
display: flex;
gap: 0.2rem;
min-width: max-content;
}
.timetable-flexday-day {
flex: 0 0 auto;
}
.timetable-flexday-heading {
text-align: center;
font-weight: bold;
background: #f5f5f5;
padding: 6px;
border-bottom: 2px solid #ccc;
}
.timetable-flexday-row {
display: flex;
position: relative;
background:#f5f5f5;
}
.timetable-flexday-times {
display: flex;
flex-direction: column;
gap: 0;
}
.timetable-flexday-times .time-label {
height: 40px;
font-size: 0.85rem;
padding-right: 8px;
text-align: right;
color: #666;
line-height: 40px;
border-right: 1px solid #ddd;
min-width: 55px;
}
.timetable-flexday-termins {
position: relative;
min-height: calc(40px * 60); padding-left: 10px;
}
.tfd-block {
position: absolute;
width: 150px;
background: #fff;
border-left: 4px solid #c90c10;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
border-radius: 6px;
padding: 6px 8px;
font-size: 0.85rem;
box-sizing: border-box;
overflow: hidden;
z-index: 1; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.tfd-block:hover {
transform: scale(1.015);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
z-index: 10;
}
.tfd-corner-icon {
position: absolute;
bottom: 0;
right: 0;
width: 58px;
height: 58px;
overflow: hidden;
z-index: 10;
}
.tfd-corner-icon::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 58px solid #c90c10; border-left: 58px solid transparent;
z-index: 10;
}
.tfd-corner-icon::after {
content: '';
position: absolute;
bottom: 1px;
right: 1px;
width: 33px;
height: 33px;
background-image: var(--icon-url);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: brightness(0) invert(1);
pointer-events: none;
z-index: 20; }
.tfd-inner {
position: relative;
z-index: 2;
}
.tfd-inner {
display: flex;
flex-direction: column;
gap: 4px;
}
.tfd-block h3 {
margin: 0;
font-size: 0.95rem;
}
.tfd-block .zeit {
font-size: 0.85rem;
color: #666;
}
.uael-flyout-content {padding:15px !important;}
ul#menu-1-c0a72c6 ul.sub-menu ul.sub-menu {padding-left:15px;}
.custom-flyout-extra {padding-top:30px;text-align:center !important}
.custom-flyout-extra img {max-width:50%;text-align:center;height:auto;}
.elementor-element-123eb66.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image div.elementor-widget-container {text-align: center !important;}
.webling-form, .elementor-form-fields-wrapper {
margin: 0rem auto;
padding: 0rem 2rem;
background-color: #fff;
border: 1px solid #eee;
border-left: 6px solid #c90c0f; border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
font-family: sans-serif;
}
.webling-form__group,
.elementor-field-group {
margin-bottom: 1.5rem;
}
.webling-form__label,
.elementor-field-label {
display: block;
font-weight: bold;
margin-bottom: 0.5rem;
color: #333;
}
.webling-form__required {
color: #c90c0f;
}
.webling-form__input,
.webling-form__select,
.webling-form__field textarea,
.elementor-field {
width: 100%;
padding: 0.6rem 0.8rem;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 1rem;
background-color: #fafafa;
transition: border-color 0.2s ease-in-out;
}
.webling-form__input:focus,
.webling-form__select:focus,
.webling-form__field textarea:focus,
.elementor-field:focus {
border-color: #c90c0f;
outline: none;
background-color: #fff;
}
.webling-form__description {
font-size: 0.85rem;
color: #666;
margin-top: 0.25rem;
} .webling-form__submit,
.elementor-button {
background-color: #c90c0f;
color: #fff;
padding: 0.75rem 2rem;
border: none;
border-radius: 12px;
font-size: 1.1rem;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
text-align: center;
display: inline-block;
}
.webling-form__submit:hover,
.elementor-button:hover {
background-color: #a30b0c;
} @media screen and (max-width: 600px) {
.webling-form,
.elementor-form-fields-wrapper {
padding: 1rem;
}
.sportarten-name {
font-size: 75%; }
}
.elementor-lightbox .elementor-lightbox-navigation {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
.elementor-lightbox .elementor-lightbox-button {
display: block !important;
opacity: 1 !important;
z-index: 9999 !important;
}
.sportarten-name::first-letter {
text-transform: uppercase;
font-size: 150%; }
.commentlist,
.comment-respond,
.comments-area,
#comments {
max-width:1400px;
margin:0 auto;
} .testimonials-grid {
display: grid;
gap: 2rem;
margin: 2rem 0;
grid-template-columns: 1fr;
max-width:1400px; margin:0 auto;
} @media (min-width: 768px) {
.testimonials-grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (min-width: 1024px) {
.testimonials-grid {
grid-template-columns: repeat(3, 1fr);
}
} .testimonial-item {
background: #fafafa;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
padding: 1.5rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
} .testimonial-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
margin-bottom: 1rem;
object-fit: cover;
} .testimonial-content {
max-width: 280px;
}
.testimonial-text {
font-style: italic;
margin-bottom: 1rem;
line-height: 1.4;
}
.testimonial-author {
font-weight: bold;
color: #333;
}
h3#reply-title {margin-top:20px;}
.event-grid {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 1rem;
}
.event-item {
display: flex;
background: #f1f1f1;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.event-date {
background: #e0e0e0;
padding: 0.5rem 1rem;
text-align: center;
flex-shrink: 0;
min-width: 70px;
display: flex;
flex-direction: column;
justify-content: center;
}
.event-date .day {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
}
.event-date .weekday {
font-size: 0.9rem;
color: #666;
}
.event-date .month {
font-size: 0.9rem;
text-transform: uppercase;
color: #999;
}
.event-month {
padding-top:15px;
}
.event-content {
padding: 0.75rem 1rem;
flex-grow: 1;
}
.event-content strong {
margin-bottom: 0.25rem;
font-weight:bold;
}
.event-description {
font-size: 0.9rem;
color: #333;
margin-top: 0.25rem;
}
.event-description p {margin-bottom:0;padding-bottom:0;}
#pwa-install-btn {
display: none;
background: linear-gradient(135deg, #007bff, #00c6ff);
color: white;
border: none;
padding: 0.75em 1.5em;
font-size: 1.1em;
font-weight: bold;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
cursor: pointer;
transition: background 0.3s ease, transform 0.2s ease;
z-index: 9999;
}
#pwa-install-btn:hover {
background: linear-gradient(135deg, #0056b3, #0086d1);
transform: scale(1.05);
}
#pwa-install-btn:active {
transform: scale(0.97);
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
tr:nth-child(odd) {
background-color: #efefef;
}
tr:nth-child(even) {
background-color: #ffffff;
}
th {
background-color: #e0e0e0;
}.custom-nav li,
.flyoutnav-tv-welle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
text-align: center;
width: 105px;
height: 100px;
border: 3px solid #c90c0f;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
padding: 10px 3px;
box-sizing: border-box;
background: #fff;
transition: transform 0.2s ease;
}
.flyoutnav-tv-welle div.uael-nav-menu-icon {padding:0 !important;}
.flyoutnav-tv-welle .uael-nav-menu__toggle {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.flyoutnav-tv-welle {
transition: all 0.3s ease;
}
.custom-nav {
list-style: none;
display: flex;
gap: 15px;
padding: 0;
margin: 0;
position: relative;
}
.custom-nav li:hover {
transform: translateY(-4px);
}
.custom-nav > li::before {
content: "";
display: block;
width: 70px;
height: 70px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.nav-inner {font-weight:300;}
@media (max-width: 768px) {
.custom-nav li,
.flyoutnav-tv-welle {
width: 45px;
height: 45px;
padding: 2px;
}
.custom-nav > li::before {
width: 30px;
height: 30px;
}
.nav-inner {display:none;}
.custom-nav li a, .uael-flyout-trigger > span {display:none}
} .custom-nav li.trainingszeiten::before {
background-image: url(//tv-welle.de/wp-content/uploads/2025/04/icon-kurse.svg);
} .custom-nav li.sportangebot::before {
background-image: url(//tv-welle.de/wp-content/uploads/2025/04/icon-sportangebot.svg);
} .custom-nav li.verein::before {
background-image: url(//tv-welle.de/wp-content/uploads/2025/04/icon-verein.svg);
}
.custom-nav li a, .uael-flyout-trigger > span {
font-size: 15px;
font-family: "Ropa Sans";
font-weight: light;
text-decoration: none;
color: #c90c0f !important;
line-height: 1.2;
word-break: break-word;
white-space: normal;
width: 100%;
margin-top: auto;
} .custom-nav li a:hover {
background: transparent;
color: #b3100b;
} .custom-nav li .submenu {
display: none;
left: 0;
min-width: 160px;
background: #fff;
list-style: none;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
z-index: 999;
top: calc(100% - 15px); }
.custom-nav li .submenu li {
display: block;
padding: 0;
text-align: left;
border: none;
width: 100%;
height: auto;
line-height: 1.4;
background: none;
box-shadow: none;
}
.custom-nav li .submenu li a {
font-size: 15px;
color: #333;
font-weight: normal;
text-decoration: none;
display: block;
padding: 6px 12px;
line-height: 1.3;
}
.custom-nav li .submenu li a:hover {
color: #c90c0f;
background-color: #f5f5f5;
}  .custom-nav > li > .submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%; min-width: 800px;
max-width: 100vw;
background: #fff;
padding: 20px 30px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
z-index: 999;
border-radius: 0 0 12px 12px;
} .custom-nav > li > .submenu > li {
min-width: 200px;
margin-bottom: 0;
} .custom-nav > li > .submenu > li > a {
font-weight: bold;
font-size: 16px;
padding: 6px 12px;
display: block;
color: #222;
border-bottom: 1px solid #eee;
margin-bottom: 6px;
background: none;
} .custom-nav > li > .submenu > li > .submenu {
display: block;
position: static;
padding: 0;
list-style: none;
background: none;
box-shadow: none;
margin: 0;
} .custom-nav > li > .submenu > li > .submenu > li > a {
font-size: 14px;
padding: 4px 12px;
display: block;
color: #555;
text-decoration: none;
background: none;
}
.custom-nav > li > .submenu > li > .submenu > li > a:hover {
color: #c90c0f;
background-color: transparent;
}
.mega-float {
position: fixed !important;
top: 200px !important; left: 0px;
width: 100vw !important; max-width:1400px;
display: flex !important;
z-index: 99999 !important;
background:#fff;
border-style:solid;
border-color: #eee;
border-width: 0px 1px 1px 1px;
margin:0 auto;
}
.mega-float {
position: fixed !important;
z-index: 99999 !important;
display: flex !important;
flex-direction: row;
background: #fff !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
border-radius: 0 0 12px 12px !important;
border: 3px solid #c90c0f !important;
padding: 18px 10px 18px 15px !important; margin: 0 !important;
list-style: none !important;
box-sizing: border-box;
}
.mega-float > li {
min-width: 190px;
max-width: 230px;
padding: 0 8px;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.mega-float > li > a {
font-family: 'Ropa Sans';
font-weight: bold;
font-size: 20px;
padding: 4px 0 2px 8px; margin-bottom: 4px;
color: #000;
border-bottom: 1px solid #eee;
background: none;
display: block;
}
.mega-float > li > ul.submenu {
display: block;
position: static;
padding: 0 0 0 10px; margin: 0;
list-style: none;
background: none;
box-shadow: none;
}
.mega-float > li > ul.submenu > li {
padding: 0;
margin: 0;
list-style-type: none; }
.mega-float > li > ul.submenu > li {
padding: 0;
margin: 0;
}
.mega-float > li > ul.submenu > li > a {
font-size: 16px;
padding: 3px 0 3px 5px; color: #000;
text-decoration: none;
background: none;
border: none;
display: block;
}
.mega-float > li > ul.submenu > li > a:hover {
color: #c90c0f;
background-color: #f7f7f7;
}
a.Trainer, a.Vorstand, a.Sponsoren {
font-weight: bold;
color: #d4af37; position: relative;
text-decoration: none;
}
a.Trainer::before,
a.Trainer::after {
content: "❤️";
font-size: 1em;
margin: 0 0.1em;
vertical-align: middle;
}
a.Vorstand::before,
a.Vorstand::after {
content: "★";
color: #d4af37; font-size: 0.9em;
margin: 0;
opacity: 0.9;
vertical-align: middle;
}