::-moz-selection{background-color: #d63e2d;color: #0f0f0f;}::selection{background-color: #d63e2d;color: #0f0f0f;}html.html_boxed {background: #191919   center center  repeat scroll;}body, body .avia-tooltip {font-size: 20px; }.socket_color, .socket_color div, .socket_color header, .socket_color main, .socket_color aside, .socket_color footer, .socket_color article, .socket_color nav, .socket_color section, .socket_color  span, .socket_color  applet, .socket_color object, .socket_color iframe, .socket_color h1, .socket_color h2, .socket_color h3, .socket_color h4, .socket_color h5, .socket_color h6, .socket_color p, .socket_color blockquote, .socket_color pre, .socket_color a, .socket_color abbr, .socket_color acronym, .socket_color address, .socket_color big, .socket_color cite, .socket_color code, .socket_color del, .socket_color dfn, .socket_color em, .socket_color img, .socket_color ins, .socket_color kbd, .socket_color q, .socket_color s, .socket_color samp, .socket_color small, .socket_color strike, .socket_color strong, .socket_color sub, .socket_color sup, .socket_color tt, .socket_color var, .socket_color b, .socket_color u, .socket_color i, .socket_color center, .socket_color dl, .socket_color dt, .socket_color dd, .socket_color ol, .socket_color ul, .socket_color li, .socket_color fieldset, .socket_color form, .socket_color label, .socket_color legend, .socket_color table, .socket_color caption, .socket_color tbody, .socket_color tfoot, .socket_color thead, .socket_color tr, .socket_color th, .socket_color td, .socket_color article, .socket_color aside, .socket_color canvas, .socket_color details, .socket_color embed, .socket_color figure, .socket_color fieldset, .socket_color figcaption, .socket_color footer, .socket_color header, .socket_color hgroup, .socket_color menu, .socket_color nav, .socket_color output, .socket_color ruby, .socket_color section, .socket_color summary, .socket_color time, .socket_color mark, .socket_color audio, .socket_color video, #top .socket_color .pullquote_boxed, .responsive #top .socket_color .avia-testimonial, .responsive #top.avia-blank #main .socket_color.container_wrap:first-child, #top .socket_color.fullsize .template-blog .post_delimiter, .socket_color .related_posts.av-related-style-full a{border-color:#d63e2d;}.socket_color .rounded-container, #top .socket_color .pagination a:hover, .socket_color .small-preview, .socket_color .fallback-post-type-icon{background:#fdffff;color:#d63e2d;}.socket_color .av-default-color, #top .socket_color .av-force-default-color, .socket_color .av-catalogue-item, .socket_color .wp-playlist-item .wp-playlist-caption, .socket_color .wp-playlist{color: #fdffff;}.socket_color , .socket_color .site-background, .socket_color .first-quote,  .socket_color .related_image_wrap, .socket_color .gravatar img  .socket_color .hr_content, .socket_color .news-thumb, .socket_color .post-format-icon, .socket_color .ajax_controlls a, .socket_color .tweet-text.avatar_no, .socket_color .toggler, .socket_color .toggler.activeTitle:hover, .socket_color #js_sort_items, .socket_color.inner-entry, .socket_color .grid-entry-title, .socket_color .related-format-icon,  .grid-entry .socket_color .avia-arrow, .socket_color .avia-gallery-big, .socket_color .avia-gallery-big, .socket_color .avia-gallery img, .socket_color .grid-content, .socket_color .av-share-box ul, #top .socket_color .av-related-style-full .related-format-icon, .socket_color .related_posts.av-related-style-full a:hover, .socket_color.avia-fullwidth-portfolio .pagination .current,  .socket_color.avia-fullwidth-portfolio .pagination a, .socket_color .av-hotspot-fallback-tooltip-inner, .socket_color .av-hotspot-fallback-tooltip-count{background-color:#d63e2d;color: #fdffff;}.socket_color .heading-color, .socket_color a.iconbox_icon:hover, .socket_color h1, .socket_color h2, .socket_color h3, .socket_color h4, .socket_color h5, .socket_color h6, .socket_color .sidebar .current_page_item>a, .socket_color .sidebar .current-menu-item>a, .socket_color .pagination .current, .socket_color .pagination a:hover, .socket_color strong.avia-testimonial-name, .socket_color .heading, .socket_color .toggle_content strong, .socket_color .toggle_content strong a, .socket_color .tab_content strong, .socket_color .tab_content strong a , .socket_color .asc_count, .socket_color .avia-testimonial-content strong, .socket_color div .news-headline, #top .socket_color .av-related-style-full .av-related-title, .socket_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .socket_color .wp-playlist-item-meta.wp-playlist-item-title, #top .socket_color .av-no-image-slider h2 a, .socket_color .av-small-bar .avia-progress-bar .progressbar-title-wrap{    color:#fdffff;}.socket_color .meta-color, .socket_color .sidebar, .socket_color .sidebar a, .socket_color .minor-meta, .socket_color .minor-meta a, .socket_color .text-sep, .socket_color blockquote, .socket_color .post_nav a, .socket_color .comment-text, .socket_color .side-container-inner, .socket_color .news-time, .socket_color .pagination a, .socket_color .pagination span,  .socket_color .tweet-text.avatar_no .tweet-time, #top .socket_color .extra-mini-title, .socket_color .team-member-job-title, .socket_color .team-social a, .socket_color #js_sort_items a, .grid-entry-excerpt, .socket_color .avia-testimonial-subtitle, .socket_color .commentmetadata a,.socket_color .social_bookmarks a, .socket_color .meta-heading>*, .socket_color .slide-meta, .socket_color .slide-meta a, .socket_color .taglist, .socket_color .taglist a, .socket_color .phone-info, .socket_color .phone-info a, .socket_color .av-sort-by-term a, .socket_color .av-magazine-time, .socket_color .av-magazine .av-magazine-entry-icon, .socket_color .av-catalogue-content, .socket_color .wp-playlist-item-length, .html_modern-blog #top div .socket_color .blog-categories a, .html_modern-blog #top div .socket_color .blog-categories a:hover{color: #fdffff;}.socket_color .special-heading-inner-border{ border-color: #fdffff; }.socket_color .meta-heading .special-heading-inner-border{ border-color: #fdffff; }.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover{color:#fdffff;}.socket_color a:hover, .socket_color h1 a:hover, .socket_color h2 a:hover, .socket_color h3 a:hover, .socket_color h4 a:hover, .socket_color h5 a:hover, .socket_color h6 a:hover,  .socket_color .template-search  a.news-content:hover, .socket_color .wp-playlist-item .wp-playlist-caption:hover{color: #eeeeee;}.socket_color .primary-background, .socket_color .primary-background a, div .socket_color .button, .socket_color #submit, .socket_color input[type='submit'], .socket_color .small-preview:hover, .socket_color .avia-menu-fx, .socket_color .avia-menu-fx .avia-arrow, .socket_color.iconbox_top .iconbox_icon, .socket_color .iconbox_top a.iconbox_icon:hover, .socket_color .avia-data-table th.avia-highlight-col, .socket_color .avia-color-theme-color, .socket_color .avia-color-theme-color:hover, .socket_color .image-overlay .image-overlay-inside:before, .socket_color .comment-count, .socket_color .av_dropcap2, .socket_color .av-colored-style .av-countdown-cell-inner, .responsive #top .socket_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .socket_color .av-open-submenu.av-subnav-menu li > ul a:hover{background-color: #fdffff;color:#d63e2d;border-color:#dbdddd;}#top #wrap_all .socket_color .av-menu-button-colored > a .avia-menu-text{background-color: #fdffff;color:#d63e2d;border-color:#fdffff;}#top #wrap_all .socket_color .av-menu-button-colored > a .avia-menu-text:after{background-color:#dbdddd;}#top .socket_color .mobile_menu_toggle{color: #fdffff;background:#d63e2d;}#top .socket_color .av-menu-mobile-active .av-subnav-menu > li > a:before{color: #fdffff;}#top .socket_color .av-open-submenu.av-subnav-menu > li > a:hover:before{color: #d63e2d;}.socket_color .button:hover, .socket_color .ajax_controlls a:hover, .socket_color #submit:hover, .socket_color .big_button:hover, .socket_color .contentSlideControlls a:hover, .socket_color #submit:hover , .socket_color input[type='submit']:hover{background-color: #eeeeee;color:#d63e2d;border-color:#cccccc;}.socket_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after, .socket_color .avia-toc-style-elegant a:first-child:after, .socket_color .avia-toc-style-elegant a.avia-toc-level-0:after {background-color:#d63e2d; border-color: #eeeeee }.socket_color .avia-toc-style-elegant a:first-child span:after, .socket_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {background-color:#d63e2d;}.socket_color .avia-toc-style-elegant a:first-child:hover span:after, .socket_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {border-color: #eeeeee}.socket_color .avia-toc-style-elegant a:before{border-color: #d63e2d}.socket_color .avia-toc-style-elegant a:first-child:after, .socket_color .avia-toc-style-elegant a.avia-toc-level-0:after {border-color: #eeeeee; background-color: #d63e2d;}.socket_color .avia-toc-style-elegant a:last-child:after{ background-color:#d63e2d;}.socket_color .timeline-bullet{background-color:#d63e2d;border-color: #d63e2d;}.socket_color table, .socket_color .widget_nav_menu ul:first-child>.current-menu-item, .socket_color .widget_nav_menu ul:first-child>.current_page_item, .socket_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .socket_color .pagination .current, .socket_color .pagination a, .socket_color.iconbox_top .iconbox_content, .socket_color .av_promobox, .socket_color .toggle_content, .socket_color .toggler:hover, #top .socket_color .av-minimal-toggle .toggler, .socket_color .related_posts_default_image, .socket_color .search-result-counter, .socket_color .container_wrap_meta, .socket_color .avia-content-slider .slide-image, .socket_color .avia-slider-testimonials .avia-testimonial-content, .socket_color .avia-testimonial-arrow-wrap .avia-arrow, .socket_color .news-thumb, .socket_color .portfolio-preview-content, .socket_color .portfolio-preview-content .avia-arrow, .socket_color .av-magazine .av-magazine-entry-icon, .socket_color .related_posts.av-related-style-full a, .socket_color .aviaccordion-slide, .socket_color.avia-fullwidth-portfolio .pagination, .socket_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .socket_color .av-catalogue-list li:hover, .socket_color .wp-playlist, .socket_color .avia-slideshow-fixed-height > li, .socket_color .avia-form-success, .socket_color .avia-form-error, .socket_color .av-boxed-grid-style .avia-testimonial{background: #000000;}#top .socket_color .post_timeline li:hover .timeline-bullet{background-color:#eeeeee;}.socket_color blockquote, .socket_color .avia-bullet, .socket_color .av-no-color.av-icon-style-border a.av-icon-char{border-color:#fdffff;}.html_header_top .socket_color .main_menu ul:first-child >li > ul, .html_header_top #top .socket_color .avia_mega_div > .sub-menu{border-top-color:#fdffff;}.socket_color .breadcrumb, .socket_color .breadcrumb a, #top .socket_color.title_container .main-title, #top .socket_color.title_container .main-title a{color:#fdffff;}.socket_color .av-icon-display, #top .socket_color .av-related-style-full a:hover .related-format-icon, .socket_color .av-default-style .av-countdown-cell-inner{background-color:#000000;color:#fdffff;}.socket_color .av-masonry-entry:hover .av-icon-display{background-color: #fdffff;color:#d63e2d;border-color:#dbdddd;}#top .socket_color .av-masonry-entry.format-quote:hover .av-icon-display{color:#fdffff;}.socket_color ::-webkit-input-placeholder {color: #fdffff; }.socket_color ::-moz-placeholder {color: #fdffff; opacity:1; }.socket_color :-ms-input-placeholder {color: #fdffff;}.socket_color .header_bg, .socket_color .main_menu ul ul, .socket_color .main_menu .menu ul li a, .socket_color .pointer_arrow_wrap .pointer_arrow, .socket_color .avia_mega_div, .socket_color .av-subnav-menu > li ul, .socket_color .av-subnav-menu a{background-color:#d63e2d;color: #fdffff;}.socket_color .main_menu .menu ul li a:hover, .socket_color .av-subnav-menu ul a:hover{background-color:#000000;}.socket_color .sub_menu>ul>li>a, .socket_color .sub_menu>div>ul>li>a, .socket_color .main_menu ul:first-child > li > a, #top .socket_color .main_menu .menu ul .current_page_item > a, #top .socket_color .main_menu .menu ul .current-menu-item > a , #top .socket_color .sub_menu li ul a{color:#fdffff;}#top .socket_color .main_menu .menu ul li>a:hover{color:#fdffff;}.socket_color .av-subnav-menu a:hover,.socket_color .main_menu ul:first-child > li a:hover,.socket_color .main_menu ul:first-child > li.current-menu-item > a,.socket_color .main_menu ul:first-child > li.current_page_item > a,.socket_color .main_menu ul:first-child > li.active-parent-item > a{color:#fdffff;}#top .socket_color .main_menu .menu .avia_mega_div ul .current-menu-item > a{color:#fdffff;}.socket_color .sub_menu>ul>li>a:hover, .socket_color .sub_menu>div>ul>li>a:hover{color:#fdffff;}#top .socket_color .sub_menu ul li a:hover,.socket_color .sub_menu ul:first-child > li.current-menu-item > a,.socket_color .sub_menu ul:first-child > li.current_page_item > a,.socket_color .sub_menu ul:first-child > li.active-parent-item > a{color:#fdffff;}.socket_color .sub_menu li ul a, .socket_color #payment, .socket_color .sub_menu ul li, .socket_color .sub_menu ul, #top .socket_color .sub_menu li li a:hover{background-color: #d63e2d;}.socket_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{border-color:#d63e2d;}@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency{background-color:#d63e2d;color: #fdffff;border-color: #d63e2d;}}@media only screen and (max-width: 989px) { .html_mobile_menu_tablet #top #wrap_all .av_header_transparency{background-color:#d63e2d;color: #fdffff;border-color: #d63e2d;}}.socket_color .avia-tt, .socket_color .avia-tt .avia-arrow, .socket_color .avia-tt .avia-arrow{background-color: #d63e2d;color: #fdffff;}.socket_color .av_ajax_search_image{background-color: #fdffff;color:#d63e2d;}.socket_color .ajax_search_excerpt{color: #fdffff;}.socket_color .av_ajax_search_title{color: #fdffff;}.socket_color .ajax_load{background-color:#fdffff;}.socket_color .av_searchsubmit_wrapper{background-color:#fdffff;}#top .socket_color .avia-color-theme-color{color: #d63e2d;border-color: #dbdddd;}.socket_color .avia-color-theme-color-subtle{background-color:#000000;color: #fdffff;}.socket_color .avia-color-theme-color-subtle:hover{background-color:#d63e2d;color: #fdffff;}#top .socket_color .avia-color-theme-color-highlight{color: #d63e2d;border-color: #eeeeee;background-color: #eeeeee;}#top .socket_color .avia-font-color-theme-color,#top .socket_color .avia-font-color-theme-color-hover:hover{color: #d63e2d;}.socket_color .avia-font-color-theme-color-subtle{color: #fdffff;}.socket_color .avia-font-color-theme-color-subtle-hover:hover{color: #fdffff;}#top .socket_color .avia-font-color-theme-color-highlight,#top .socket_color .avia-font-color-theme-color-highlight-hover:hover{color: #d63e2d;}.socket_color .avia-icon-list .iconlist_icon{background-color:#c52d1c;}.socket_color .avia-icon-list .iconlist-timeline{border-color:#d63e2d;}.socket_color .iconlist_content{color:#fdffff;}.socket_color .avia-timeline .milestone_icon{background-color:#c52d1c;}.socket_color .avia-timeline .milestone_inner{background-color:#c52d1c;}.socket_color .avia-timeline{border-color:#c52d1c;}.socket_color .av-milestone-icon-wrap:after{border-color:#c52d1c;}.socket_color .avia-timeline .av-milestone-date {color:#920a09;}.socket_color .avia-timeline .av-milestone-date span{background-color:#c52d1c;}.socket_color .avia-timeline-horizontal .av-milestone-content-wrap footer{background-color:#c52d1c;}.socket_color .av-timeline-nav a span{background-color:#c52d1c;}#top .socket_color .input-text, #top .socket_color input[type='text'], #top .socket_color input[type='input'], #top .socket_color input[type='password'], #top .socket_color input[type='email'], #top .socket_color input[type='number'], #top .socket_color input[type='url'], #top .socket_color input[type='tel'], #top .socket_color input[type='search'], #top .socket_color textarea, #top .socket_color select{border-color:#d63e2d;background-color: #000000;color:#fdffff;}#top .socket_color .invers-color .input-text, #top .socket_color .invers-color input[type='text'], #top .socket_color .invers-color input[type='input'], #top .socket_color .invers-color input[type='password'], #top .socket_color .invers-color input[type='email'], #top .socket_color .invers-color input[type='number'], #top .socket_color .invers-color input[type='url'], #top .socket_color .invers-color input[type='tel'], #top .socket_color .invers-color input[type='search'], #top .socket_color .invers-color textarea, #top .socket_color .invers-color select{background-color: #d63e2d;}.socket_color .required{color:#fdffff;}.socket_color .av-masonry{background-color: #000000; }.socket_color .av-masonry-pagination, .socket_color .av-masonry-pagination:hover, .socket_color .av-masonry-outerimage-container{background-color: #d63e2d;}.socket_color .container .av-inner-masonry-content, #top .socket_color .container .av-masonry-load-more, #top .socket_color .container .av-masonry-sort, .socket_color .container .av-masonry-entry .avia-arrow{background-color: #000000;} .socket_color .hr-short .hr-inner-style,  .socket_color .hr-short .hr-inner{background-color: #d63e2d;}div  .socket_color .tabcontainer .active_tab_content, div .socket_color .tabcontainer  .active_tab{background-color: #000000;color:#fdffff;}.responsive.js_active #top .socket_color .avia_combo_widget .top_tab .tab{border-top-color:#d63e2d;}.socket_color .template-archives  .tabcontainer a, #top .socket_color .tabcontainer .tab:hover, #top .socket_color .tabcontainer .tab.active_tab{color:#fdffff;} .socket_color .template-archives .tabcontainer a:hover{color:#eeeeee;}.socket_color .sidebar_tab_icon {background-color: #d63e2d;}#top .socket_color .sidebar_active_tab .sidebar_tab_icon {background-color: #fdffff;}.socket_color .sidebar_tab:hover .sidebar_tab_icon {background-color: #eeeeee;}.socket_color .sidebar_tab, .socket_color .tabcontainer .tab{color: #fdffff;}.socket_color div .sidebar_active_tab , div  .socket_color .tabcontainer.noborder_tabs .active_tab_content, div .socket_color .tabcontainer.noborder_tabs  .active_tab{color: #fdffff;background-color: #d63e2d;}#top .avia-smallarrow-slider  .avia-slideshow-dots a{background-color: #000000;}#top .socket_color .avia-smallarrow-slider  .avia-slideshow-dots a.active, #top .socket_color .avia-smallarrow-slider  .avia-slideshow-dots a:hover{background-color: #fdffff;}@media only screen and (max-width: 767px) {.responsive #top .socket_color .tabcontainer .active_tab{ background-color: #eeeeee; color:#d63e2d; } /*hard coded white to match the icons beside which are also white*/.responsive #top .socket_color .tabcontainer{border-color:#d63e2d;}.responsive #top .socket_color .active_tab_content{background-color: #000000;}}.socket_color tr:nth-child(even), .socket_color .avia-data-table .avia-heading-row .avia-desc-col, .socket_color .avia-data-table .avia-highlight-col, .socket_color .pricing-table>li:nth-child(even), body .socket_color .pricing-table.avia-desc-col li, #top .socket_color  .avia-data-table.avia_pricing_minimal th{background-color:#d63e2d;color: #fdffff;}.socket_color table caption, .socket_color tr:nth-child(even), .socket_color .pricing-table>li:nth-child(even), #top .socket_color  .avia-data-table.avia_pricing_minimal td{color: #fdffff;}.socket_color tr:nth-child(odd), .socket_color .pricing-table>li:nth-child(odd), .socket_color .pricing-extra{background: #000000;}.socket_color .pricing-table li.avia-pricing-row, .socket_color .pricing-table li.avia-heading-row, .socket_color .pricing-table li.avia-pricing-row .pricing-extra{background-color: #fdffff;color:#d63e2d;border-color:#ffffff;}.socket_color .pricing-table li.avia-heading-row, .socket_color .pricing-table li.avia-heading-row .pricing-extra{background-color: #feffff;color:#d63e2d;border-color:#ffffff;}.socket_color  .pricing-table.avia-desc-col .avia-heading-row, .socket_color  .pricing-table.avia-desc-col .avia-pricing-row{border-color:#d63e2d;}.socket_color .theme-color-bar .bar{background: #fdffff;}.socket_color .mejs-controls .mejs-time-rail .mejs-time-current, .socket_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .socket_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .socket_color .button.av-sending-button, .socket_color .av-striped-bar .theme-color-bar .bar{background: #fdffff;}body .socket_color .mejs-controls .mejs-time-rail .mejs-time-float {background: #fdffff;color: #fff;}body .socket_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {border: solid 4px #fdffff;border-color: #fdffff transparent transparent transparent;}.socket_color .progress{background-color:#000000;}.socket_color .av_searchform_element_results .av_ajax_search_entry,.socket_color .av_searchform_element_results .av_ajax_search_title,.socket_color.av_searchform_element_results .av_ajax_search_entry,.socket_color.av_searchform_element_results .av_ajax_search_title{color: #fdffff;}.socket_color .av_searchform_element_results .ajax_search_excerpt,.socket_color.av_searchform_element_results .ajax_search_excerpt{color: #fdffff;}.socket_color .av_searchform_element_results .av_ajax_search_image,.socket_color.av_searchform_element_results .av_ajax_search_image{color: #fdffff;} .socket_color .button.av-sending-button{background: #eeeeee;background-image:-webkit-linear-gradient(-45deg, #eeeeee 25%, #ffffff 25%, #ffffff 50%, #eeeeee 50%, #eeeeee 75%, #ffffff 75%, #ffffff);background-image:      -moz-linear-gradient(-45deg, #eeeeee 25%, #ffffff 25%, #ffffff 50%, #eeeeee 50%, #eeeeee 75%, #ffffff 75%, #ffffff);background-image:           linear-gradient(-45deg, #eeeeee 25%, #ffffff 25%, #ffffff 50%, #eeeeee 50%, #eeeeee 75%, #ffffff 75%, #ffffff);border-color:#eeeeee;}.socket_color span.bbp-admin-links a{color: #fdffff;}.socket_color span.bbp-admin-links a:hover{color: #eeeeee;}#top .socket_color .bbp-reply-content, #top .socket_color .bbp-topic-content, #top .socket_color .bbp-body .super-sticky .page-numbers, #top .socket_color .bbp-body .sticky .page-numbers, #top .socket_color .bbp-pagination-links a:hover, #top .socket_color .bbp-pagination-links span.current{ background:#d63e2d; }#top .socket_color .bbp-topics .bbp-header, #top .socket_color .bbp-topics .bbp-header, #top .socket_color .bbp-forums .bbp-header, #top .socket_color .bbp-topics-front ul.super-sticky, #top .socket_color .bbp-topics ul.super-sticky, #top .socket_color .bbp-topics ul.sticky, #top .socket_color .bbp-forum-content ul.sticky, #top .socket_color .bbp-body .page-numbers{background-color:#000000;}#top .socket_color .bbp-meta, #top .socket_color .bbp-author-role, #top .socket_color .bbp-author-ip, #top .socket_color .bbp-pagination-count, #top .socket_color .bbp-topics .bbp-body .bbp-topic-title:before{color: #fdffff;}#top .socket_color .bbp-admin-links{color:#d63e2d;}.socket_color #bbpress-forums li.bbp-body ul.forum, .socket_color #bbpress-forums li.bbp-body ul.topic,.avia_transform .socket_color .bbp-replies .bbp-reply-author:before, .avia_transform .forum-search .socket_color .bbp-reply-author:before,.avia_transform .forum-search .socket_color .bbp-topic-author:before{background-color:#d63e2d;border-color:#d63e2d;}#top .socket_color .bbp-author-name{color:#fdffff;}.socket_color .widget_display_stats dt, .socket_color .widget_display_stats dd{background-color:#000000;}html, #scroll-top-link, #av-cookie-consent-badge{ background-color: #d63e2d; }#scroll-top-link, #av-cookie-consent-badge{ color: #fdffff; border:1px solid #d63e2d; }.html_stretched #wrap_all{background-color:#d63e2d;}.footer_color, .footer_color div, .footer_color header, .footer_color main, .footer_color aside, .footer_color footer, .footer_color article, .footer_color nav, .footer_color section, .footer_color  span, .footer_color  applet, .footer_color object, .footer_color iframe, .footer_color h1, .footer_color h2, .footer_color h3, .footer_color h4, .footer_color h5, .footer_color h6, .footer_color p, .footer_color blockquote, .footer_color pre, .footer_color a, .footer_color abbr, .footer_color acronym, .footer_color address, .footer_color big, .footer_color cite, .footer_color code, .footer_color del, .footer_color dfn, .footer_color em, .footer_color img, .footer_color ins, .footer_color kbd, .footer_color q, .footer_color s, .footer_color samp, .footer_color small, .footer_color strike, .footer_color strong, .footer_color sub, .footer_color sup, .footer_color tt, .footer_color var, .footer_color b, .footer_color u, .footer_color i, .footer_color center, .footer_color dl, .footer_color dt, .footer_color dd, .footer_color ol, .footer_color ul, .footer_color li, .footer_color fieldset, .footer_color form, .footer_color label, .footer_color legend, .footer_color table, .footer_color caption, .footer_color tbody, .footer_color tfoot, .footer_color thead, .footer_color tr, .footer_color th, .footer_color td, .footer_color article, .footer_color aside, .footer_color canvas, .footer_color details, .footer_color embed, .footer_color figure, .footer_color fieldset, .footer_color figcaption, .footer_color footer, .footer_color header, .footer_color hgroup, .footer_color menu, .footer_color nav, .footer_color output, .footer_color ruby, .footer_color section, .footer_color summary, .footer_color time, .footer_color mark, .footer_color audio, .footer_color video, #top .footer_color .pullquote_boxed, .responsive #top .footer_color .avia-testimonial, .responsive #top.avia-blank #main .footer_color.container_wrap:first-child, #top .footer_color.fullsize .template-blog .post_delimiter, .footer_color .related_posts.av-related-style-full a{border-color:#000000;}.footer_color .rounded-container, #top .footer_color .pagination a:hover, .footer_color .small-preview, .footer_color .fallback-post-type-icon{background:#ffffff;color:#000000;}.footer_color .av-default-color, #top .footer_color .av-force-default-color, .footer_color .av-catalogue-item, .footer_color .wp-playlist-item .wp-playlist-caption, .footer_color .wp-playlist{color: #fafafa;}.footer_color , .footer_color .site-background, .footer_color .first-quote,  .footer_color .related_image_wrap, .footer_color .gravatar img  .footer_color .hr_content, .footer_color .news-thumb, .footer_color .post-format-icon, .footer_color .ajax_controlls a, .footer_color .tweet-text.avatar_no, .footer_color .toggler, .footer_color .toggler.activeTitle:hover, .footer_color #js_sort_items, .footer_color.inner-entry, .footer_color .grid-entry-title, .footer_color .related-format-icon,  .grid-entry .footer_color .avia-arrow, .footer_color .avia-gallery-big, .footer_color .avia-gallery-big, .footer_color .avia-gallery img, .footer_color .grid-content, .footer_color .av-share-box ul, #top .footer_color .av-related-style-full .related-format-icon, .footer_color .related_posts.av-related-style-full a:hover, .footer_color.avia-fullwidth-portfolio .pagination .current,  .footer_color.avia-fullwidth-portfolio .pagination a, .footer_color .av-hotspot-fallback-tooltip-inner, .footer_color .av-hotspot-fallback-tooltip-count{background-color:#000000;color: #fafafa;}.footer_color .heading-color, .footer_color a.iconbox_icon:hover, .footer_color h1, .footer_color h2, .footer_color h3, .footer_color h4, .footer_color h5, .footer_color h6, .footer_color .sidebar .current_page_item>a, .footer_color .sidebar .current-menu-item>a, .footer_color .pagination .current, .footer_color .pagination a:hover, .footer_color strong.avia-testimonial-name, .footer_color .heading, .footer_color .toggle_content strong, .footer_color .toggle_content strong a, .footer_color .tab_content strong, .footer_color .tab_content strong a , .footer_color .asc_count, .footer_color .avia-testimonial-content strong, .footer_color div .news-headline, #top .footer_color .av-related-style-full .av-related-title, .footer_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .footer_color .wp-playlist-item-meta.wp-playlist-item-title, #top .footer_color .av-no-image-slider h2 a, .footer_color .av-small-bar .avia-progress-bar .progressbar-title-wrap{    color:#ffffff;}.footer_color .meta-color, .footer_color .sidebar, .footer_color .sidebar a, .footer_color .minor-meta, .footer_color .minor-meta a, .footer_color .text-sep, .footer_color blockquote, .footer_color .post_nav a, .footer_color .comment-text, .footer_color .side-container-inner, .footer_color .news-time, .footer_color .pagination a, .footer_color .pagination span,  .footer_color .tweet-text.avatar_no .tweet-time, #top .footer_color .extra-mini-title, .footer_color .team-member-job-title, .footer_color .team-social a, .footer_color #js_sort_items a, .grid-entry-excerpt, .footer_color .avia-testimonial-subtitle, .footer_color .commentmetadata a,.footer_color .social_bookmarks a, .footer_color .meta-heading>*, .footer_color .slide-meta, .footer_color .slide-meta a, .footer_color .taglist, .footer_color .taglist a, .footer_color .phone-info, .footer_color .phone-info a, .footer_color .av-sort-by-term a, .footer_color .av-magazine-time, .footer_color .av-magazine .av-magazine-entry-icon, .footer_color .av-catalogue-content, .footer_color .wp-playlist-item-length, .html_modern-blog #top div .footer_color .blog-categories a, .html_modern-blog #top div .footer_color .blog-categories a:hover{color: #ffffff;}.footer_color .special-heading-inner-border{ border-color: #fafafa; }.footer_color .meta-heading .special-heading-inner-border{ border-color: #ffffff; }.footer_color a, .footer_color .widget_first, .footer_color strong, .footer_color b, .footer_color b a, .footer_color strong a, .footer_color #js_sort_items a:hover, .footer_color #js_sort_items a.active_sort, .footer_color .av-sort-by-term a.active_sort, .footer_color .special_amp, .footer_color .taglist a.activeFilter, .footer_color #commentform .required, #top .footer_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .footer_color .blog-categories a, .html_elegant-blog #top .footer_color .blog-categories a:hover{color:#ffffff;}.footer_color a:hover, .footer_color h1 a:hover, .footer_color h2 a:hover, .footer_color h3 a:hover, .footer_color h4 a:hover, .footer_color h5 a:hover, .footer_color h6 a:hover,  .footer_color .template-search  a.news-content:hover, .footer_color .wp-playlist-item .wp-playlist-caption:hover{color: #eeeeee;}.footer_color .primary-background, .footer_color .primary-background a, div .footer_color .button, .footer_color #submit, .footer_color input[type='submit'], .footer_color .small-preview:hover, .footer_color .avia-menu-fx, .footer_color .avia-menu-fx .avia-arrow, .footer_color.iconbox_top .iconbox_icon, .footer_color .iconbox_top a.iconbox_icon:hover, .footer_color .avia-data-table th.avia-highlight-col, .footer_color .avia-color-theme-color, .footer_color .avia-color-theme-color:hover, .footer_color .image-overlay .image-overlay-inside:before, .footer_color .comment-count, .footer_color .av_dropcap2, .footer_color .av-colored-style .av-countdown-cell-inner, .responsive #top .footer_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .footer_color .av-open-submenu.av-subnav-menu li > ul a:hover{background-color: #ffffff;color:#000000;border-color:#dddddd;}#top #wrap_all .footer_color .av-menu-button-colored > a .avia-menu-text{background-color: #ffffff;color:#000000;border-color:#ffffff;}#top #wrap_all .footer_color .av-menu-button-colored > a .avia-menu-text:after{background-color:#dddddd;}#top .footer_color .mobile_menu_toggle{color: #ffffff;background:#000000;}#top .footer_color .av-menu-mobile-active .av-subnav-menu > li > a:before{color: #ffffff;}#top .footer_color .av-open-submenu.av-subnav-menu > li > a:hover:before{color: #000000;}.footer_color .button:hover, .footer_color .ajax_controlls a:hover, .footer_color #submit:hover, .footer_color .big_button:hover, .footer_color .contentSlideControlls a:hover, .footer_color #submit:hover , .footer_color input[type='submit']:hover{background-color: #eeeeee;color:#000000;border-color:#cccccc;}.footer_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after, .footer_color .avia-toc-style-elegant a:first-child:after, .footer_color .avia-toc-style-elegant a.avia-toc-level-0:after {background-color:#000000; border-color: #eeeeee }.footer_color .avia-toc-style-elegant a:first-child span:after, .footer_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {background-color:#000000;}.footer_color .avia-toc-style-elegant a:first-child:hover span:after, .footer_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {border-color: #eeeeee}.footer_color .avia-toc-style-elegant a:before{border-color: #000000}.footer_color .avia-toc-style-elegant a:first-child:after, .footer_color .avia-toc-style-elegant a.avia-toc-level-0:after {border-color: #eeeeee; background-color: #000000;}.footer_color .avia-toc-style-elegant a:last-child:after{ background-color:#000000;}.footer_color .timeline-bullet{background-color:#000000;border-color: #000000;}.footer_color table, .footer_color .widget_nav_menu ul:first-child>.current-menu-item, .footer_color .widget_nav_menu ul:first-child>.current_page_item, .footer_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .footer_color .pagination .current, .footer_color .pagination a, .footer_color.iconbox_top .iconbox_content, .footer_color .av_promobox, .footer_color .toggle_content, .footer_color .toggler:hover, #top .footer_color .av-minimal-toggle .toggler, .footer_color .related_posts_default_image, .footer_color .search-result-counter, .footer_color .container_wrap_meta, .footer_color .avia-content-slider .slide-image, .footer_color .avia-slider-testimonials .avia-testimonial-content, .footer_color .avia-testimonial-arrow-wrap .avia-arrow, .footer_color .news-thumb, .footer_color .portfolio-preview-content, .footer_color .portfolio-preview-content .avia-arrow, .footer_color .av-magazine .av-magazine-entry-icon, .footer_color .related_posts.av-related-style-full a, .footer_color .aviaccordion-slide, .footer_color.avia-fullwidth-portfolio .pagination, .footer_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .footer_color .av-catalogue-list li:hover, .footer_color .wp-playlist, .footer_color .avia-slideshow-fixed-height > li, .footer_color .avia-form-success, .footer_color .avia-form-error, .footer_color .av-boxed-grid-style .avia-testimonial{background: #00000;}#top .footer_color .post_timeline li:hover .timeline-bullet{background-color:#eeeeee;}.footer_color blockquote, .footer_color .avia-bullet, .footer_color .av-no-color.av-icon-style-border a.av-icon-char{border-color:#ffffff;}.html_header_top .footer_color .main_menu ul:first-child >li > ul, .html_header_top #top .footer_color .avia_mega_div > .sub-menu{border-top-color:#ffffff;}.footer_color .breadcrumb, .footer_color .breadcrumb a, #top .footer_color.title_container .main-title, #top .footer_color.title_container .main-title a{color:#fafafa;}.footer_color .av-icon-display, #top .footer_color .av-related-style-full a:hover .related-format-icon, .footer_color .av-default-style .av-countdown-cell-inner{background-color:#00000;color:#ffffff;}.footer_color .av-masonry-entry:hover .av-icon-display{background-color: #ffffff;color:#000000;border-color:#dddddd;}#top .footer_color .av-masonry-entry.format-quote:hover .av-icon-display{color:#ffffff;}.footer_color ::-webkit-input-placeholder {color: #ffffff; }.footer_color ::-moz-placeholder {color: #ffffff; opacity:1; }.footer_color :-ms-input-placeholder {color: #ffffff;}.footer_color .header_bg, .footer_color .main_menu ul ul, .footer_color .main_menu .menu ul li a, .footer_color .pointer_arrow_wrap .pointer_arrow, .footer_color .avia_mega_div, .footer_color .av-subnav-menu > li ul, .footer_color .av-subnav-menu a{background-color:#000000;color: #ffffff;}.footer_color .main_menu .menu ul li a:hover, .footer_color .av-subnav-menu ul a:hover{background-color:#00000;}.footer_color .sub_menu>ul>li>a, .footer_color .sub_menu>div>ul>li>a, .footer_color .main_menu ul:first-child > li > a, #top .footer_color .main_menu .menu ul .current_page_item > a, #top .footer_color .main_menu .menu ul .current-menu-item > a , #top .footer_color .sub_menu li ul a{color:#ffffff;}#top .footer_color .main_menu .menu ul li>a:hover{color:#fafafa;}.footer_color .av-subnav-menu a:hover,.footer_color .main_menu ul:first-child > li a:hover,.footer_color .main_menu ul:first-child > li.current-menu-item > a,.footer_color .main_menu ul:first-child > li.current_page_item > a,.footer_color .main_menu ul:first-child > li.active-parent-item > a{color:#fafafa;}#top .footer_color .main_menu .menu .avia_mega_div ul .current-menu-item > a{color:#ffffff;}.footer_color .sub_menu>ul>li>a:hover, .footer_color .sub_menu>div>ul>li>a:hover{color:#fafafa;}#top .footer_color .sub_menu ul li a:hover,.footer_color .sub_menu ul:first-child > li.current-menu-item > a,.footer_color .sub_menu ul:first-child > li.current_page_item > a,.footer_color .sub_menu ul:first-child > li.active-parent-item > a{color:#fafafa;}.footer_color .sub_menu li ul a, .footer_color #payment, .footer_color .sub_menu ul li, .footer_color .sub_menu ul, #top .footer_color .sub_menu li li a:hover{background-color: #000000;}.footer_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{border-color:#000000;}@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency{background-color:#000000;color: #fafafa;border-color: #000000;}}@media only screen and (max-width: 989px) { .html_mobile_menu_tablet #top #wrap_all .av_header_transparency{background-color:#000000;color: #fafafa;border-color: #000000;}}.footer_color .avia-tt, .footer_color .avia-tt .avia-arrow, .footer_color .avia-tt .avia-arrow{background-color: #000000;color: #ffffff;}.footer_color .av_ajax_search_image{background-color: #ffffff;color:#000000;}.footer_color .ajax_search_excerpt{color: #ffffff;}.footer_color .av_ajax_search_title{color: #ffffff;}.footer_color .ajax_load{background-color:#ffffff;}.footer_color .av_searchsubmit_wrapper{background-color:#ffffff;}#top .footer_color .avia-color-theme-color{color: #000000;border-color: #dddddd;}.footer_color .avia-color-theme-color-subtle{background-color:#00000;color: #fafafa;}.footer_color .avia-color-theme-color-subtle:hover{background-color:#000000;color: #ffffff;}#top .footer_color .avia-color-theme-color-highlight{color: #000000;border-color: #eeeeee;background-color: #eeeeee;}#top .footer_color .avia-font-color-theme-color,#top .footer_color .avia-font-color-theme-color-hover:hover{color: #000000;}.footer_color .avia-font-color-theme-color-subtle{color: #fafafa;}.footer_color .avia-font-color-theme-color-subtle-hover:hover{color: #ffffff;}#top .footer_color .avia-font-color-theme-color-highlight,#top .footer_color .avia-font-color-theme-color-highlight-hover:hover{color: #000000;}.footer_color .avia-icon-list .iconlist_icon{background-color:#000000;}.footer_color .avia-icon-list .iconlist-timeline{border-color:#000000;}.footer_color .iconlist_content{color:#ffffff;}.footer_color .avia-timeline .milestone_icon{background-color:#000000;}.footer_color .avia-timeline .milestone_inner{background-color:#000000;}.footer_color .avia-timeline{border-color:#000000;}.footer_color .av-milestone-icon-wrap:after{border-color:#000000;}.footer_color .avia-timeline .av-milestone-date {color:#000000;}.footer_color .avia-timeline .av-milestone-date span{background-color:#000000;}.footer_color .avia-timeline-horizontal .av-milestone-content-wrap footer{background-color:#000000;}.footer_color .av-timeline-nav a span{background-color:#000000;}#top .footer_color .input-text, #top .footer_color input[type='text'], #top .footer_color input[type='input'], #top .footer_color input[type='password'], #top .footer_color input[type='email'], #top .footer_color input[type='number'], #top .footer_color input[type='url'], #top .footer_color input[type='tel'], #top .footer_color input[type='search'], #top .footer_color textarea, #top .footer_color select{border-color:#000000;background-color: #00000;color:#ffffff;}#top .footer_color .invers-color .input-text, #top .footer_color .invers-color input[type='text'], #top .footer_color .invers-color input[type='input'], #top .footer_color .invers-color input[type='password'], #top .footer_color .invers-color input[type='email'], #top .footer_color .invers-color input[type='number'], #top .footer_color .invers-color input[type='url'], #top .footer_color .invers-color input[type='tel'], #top .footer_color .invers-color input[type='search'], #top .footer_color .invers-color textarea, #top .footer_color .invers-color select{background-color: #000000;}.footer_color .required{color:#ffffff;}.footer_color .av-masonry{background-color: #00000; }.footer_color .av-masonry-pagination, .footer_color .av-masonry-pagination:hover, .footer_color .av-masonry-outerimage-container{background-color: #000000;}.footer_color .container .av-inner-masonry-content, #top .footer_color .container .av-masonry-load-more, #top .footer_color .container .av-masonry-sort, .footer_color .container .av-masonry-entry .avia-arrow{background-color: #00000;} .footer_color .hr-short .hr-inner-style,  .footer_color .hr-short .hr-inner{background-color: #000000;}div  .footer_color .tabcontainer .active_tab_content, div .footer_color .tabcontainer  .active_tab{background-color: #00000;color:#fafafa;}.responsive.js_active #top .footer_color .avia_combo_widget .top_tab .tab{border-top-color:#000000;}.footer_color .template-archives  .tabcontainer a, #top .footer_color .tabcontainer .tab:hover, #top .footer_color .tabcontainer .tab.active_tab{color:#fafafa;} .footer_color .template-archives .tabcontainer a:hover{color:#eeeeee;}.footer_color .sidebar_tab_icon {background-color: #000000;}#top .footer_color .sidebar_active_tab .sidebar_tab_icon {background-color: #ffffff;}.footer_color .sidebar_tab:hover .sidebar_tab_icon {background-color: #eeeeee;}.footer_color .sidebar_tab, .footer_color .tabcontainer .tab{color: #ffffff;}.footer_color div .sidebar_active_tab , div  .footer_color .tabcontainer.noborder_tabs .active_tab_content, div .footer_color .tabcontainer.noborder_tabs  .active_tab{color: #fafafa;background-color: #000000;}#top .avia-smallarrow-slider  .avia-slideshow-dots a{background-color: #00000;}#top .footer_color .avia-smallarrow-slider  .avia-slideshow-dots a.active, #top .footer_color .avia-smallarrow-slider  .avia-slideshow-dots a:hover{background-color: #ffffff;}@media only screen and (max-width: 767px) {.responsive #top .footer_color .tabcontainer .active_tab{ background-color: #eeeeee; color:#000000; } /*hard coded white to match the icons beside which are also white*/.responsive #top .footer_color .tabcontainer{border-color:#000000;}.responsive #top .footer_color .active_tab_content{background-color: #00000;}}.footer_color tr:nth-child(even), .footer_color .avia-data-table .avia-heading-row .avia-desc-col, .footer_color .avia-data-table .avia-highlight-col, .footer_color .pricing-table>li:nth-child(even), body .footer_color .pricing-table.avia-desc-col li, #top .footer_color  .avia-data-table.avia_pricing_minimal th{background-color:#000000;color: #fafafa;}.footer_color table caption, .footer_color tr:nth-child(even), .footer_color .pricing-table>li:nth-child(even), #top .footer_color  .avia-data-table.avia_pricing_minimal td{color: #ffffff;}.footer_color tr:nth-child(odd), .footer_color .pricing-table>li:nth-child(odd), .footer_color .pricing-extra{background: #00000;}.footer_color .pricing-table li.avia-pricing-row, .footer_color .pricing-table li.avia-heading-row, .footer_color .pricing-table li.avia-pricing-row .pricing-extra{background-color: #ffffff;color:#000000;border-color:#ffffff;}.footer_color .pricing-table li.avia-heading-row, .footer_color .pricing-table li.avia-heading-row .pricing-extra{background-color: #ffffff;color:#000000;border-color:#ffffff;}.footer_color  .pricing-table.avia-desc-col .avia-heading-row, .footer_color  .pricing-table.avia-desc-col .avia-pricing-row{border-color:#000000;}.footer_color .theme-color-bar .bar{background: #ffffff;}.footer_color .mejs-controls .mejs-time-rail .mejs-time-current, .footer_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .footer_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .footer_color .button.av-sending-button, .footer_color .av-striped-bar .theme-color-bar .bar{background: #ffffff;}body .footer_color .mejs-controls .mejs-time-rail .mejs-time-float {background: #ffffff;color: #fff;}body .footer_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {border: solid 4px #ffffff;border-color: #ffffff transparent transparent transparent;}.footer_color .progress{background-color:#00000;}.footer_color .av_searchform_element_results .av_ajax_search_entry,.footer_color .av_searchform_element_results .av_ajax_search_title,.footer_color.av_searchform_element_results .av_ajax_search_entry,.footer_color.av_searchform_element_results .av_ajax_search_title{color: #ffffff;}.footer_color .av_searchform_element_results .ajax_search_excerpt,.footer_color.av_searchform_element_results .ajax_search_excerpt{color: #ffffff;}.footer_color .av_searchform_element_results .av_ajax_search_image,.footer_color.av_searchform_element_results .av_ajax_search_image{color: #ffffff;} .footer_color .button.av-sending-button{background: #eeeeee;background-image:-webkit-linear-gradient(-45deg, #eeeeee 25%, #ffffff 25%, #ffffff 50%, #eeeeee 50%, #eeeeee 75%, #ffffff 75%, #ffffff);background-image:      -moz-linear-gradient(-45deg, #eeeeee 25%, #ffffff 25%, #ffffff 50%, #eeeeee 50%, #eeeeee 75%, #ffffff 75%, #ffffff);background-image:           linear-gradient(-45deg, #eeeeee 25%, #ffffff 25%, #ffffff 50%, #eeeeee 50%, #eeeeee 75%, #ffffff 75%, #ffffff);border-color:#eeeeee;}.footer_color span.bbp-admin-links a{color: #ffffff;}.footer_color span.bbp-admin-links a:hover{color: #eeeeee;}#top .footer_color .bbp-reply-content, #top .footer_color .bbp-topic-content, #top .footer_color .bbp-body .super-sticky .page-numbers, #top .footer_color .bbp-body .sticky .page-numbers, #top .footer_color .bbp-pagination-links a:hover, #top .footer_color .bbp-pagination-links span.current{ background:#000000; }#top .footer_color .bbp-topics .bbp-header, #top .footer_color .bbp-topics .bbp-header, #top .footer_color .bbp-forums .bbp-header, #top .footer_color .bbp-topics-front ul.super-sticky, #top .footer_color .bbp-topics ul.super-sticky, #top .footer_color .bbp-topics ul.sticky, #top .footer_color .bbp-forum-content ul.sticky, #top .footer_color .bbp-body .page-numbers{background-color:#00000;}#top .footer_color .bbp-meta, #top .footer_color .bbp-author-role, #top .footer_color .bbp-author-ip, #top .footer_color .bbp-pagination-count, #top .footer_color .bbp-topics .bbp-body .bbp-topic-title:before{color: #ffffff;}#top .footer_color .bbp-admin-links{color:#000000;}.footer_color #bbpress-forums li.bbp-body ul.forum, .footer_color #bbpress-forums li.bbp-body ul.topic,.avia_transform .footer_color .bbp-replies .bbp-reply-author:before, .avia_transform .forum-search .footer_color .bbp-reply-author:before,.avia_transform .forum-search .footer_color .bbp-topic-author:before{background-color:#000000;border-color:#000000;}#top .footer_color .bbp-author-name{color:#ffffff;}.footer_color .widget_display_stats dt, .footer_color .widget_display_stats dd{background-color:#00000;}.alternate_color, .alternate_color div, .alternate_color header, .alternate_color main, .alternate_color aside, .alternate_color footer, .alternate_color article, .alternate_color nav, .alternate_color section, .alternate_color  span, .alternate_color  applet, .alternate_color object, .alternate_color iframe, .alternate_color h1, .alternate_color h2, .alternate_color h3, .alternate_color h4, .alternate_color h5, .alternate_color h6, .alternate_color p, .alternate_color blockquote, .alternate_color pre, .alternate_color a, .alternate_color abbr, .alternate_color acronym, .alternate_color address, .alternate_color big, .alternate_color cite, .alternate_color code, .alternate_color del, .alternate_color dfn, .alternate_color em, .alternate_color img, .alternate_color ins, .alternate_color kbd, .alternate_color q, .alternate_color s, .alternate_color samp, .alternate_color small, .alternate_color strike, .alternate_color strong, .alternate_color sub, .alternate_color sup, .alternate_color tt, .alternate_color var, .alternate_color b, .alternate_color u, .alternate_color i, .alternate_color center, .alternate_color dl, .alternate_color dt, .alternate_color dd, .alternate_color ol, .alternate_color ul, .alternate_color li, .alternate_color fieldset, .alternate_color form, .alternate_color label, .alternate_color legend, .alternate_color table, .alternate_color caption, .alternate_color tbody, .alternate_color tfoot, .alternate_color thead, .alternate_color tr, .alternate_color th, .alternate_color td, .alternate_color article, .alternate_color aside, .alternate_color canvas, .alternate_color details, .alternate_color embed, .alternate_color figure, .alternate_color fieldset, .alternate_color figcaption, .alternate_color footer, .alternate_color header, .alternate_color hgroup, .alternate_color menu, .alternate_color nav, .alternate_color output, .alternate_color ruby, .alternate_color section, .alternate_color summary, .alternate_color time, .alternate_color mark, .alternate_color audio, .alternate_color video, #top .alternate_color .pullquote_boxed, .responsive #top .alternate_color .avia-testimonial, .responsive #top.avia-blank #main .alternate_color.container_wrap:first-child, #top .alternate_color.fullsize .template-blog .post_delimiter, .alternate_color .related_posts.av-related-style-full a{border-color:#444444;}.alternate_color .rounded-container, #top .alternate_color .pagination a:hover, .alternate_color .small-preview, .alternate_color .fallback-post-type-icon{background:#8c8c8c;color:#0f0f0f;}.alternate_color .av-default-color, #top .alternate_color .av-force-default-color, .alternate_color .av-catalogue-item, .alternate_color .wp-playlist-item .wp-playlist-caption, .alternate_color .wp-playlist{color: #7d7d7d;}.alternate_color , .alternate_color .site-background, .alternate_color .first-quote,  .alternate_color .related_image_wrap, .alternate_color .gravatar img  .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon,  .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current,  .alternate_color.avia-fullwidth-portfolio .pagination a, .alternate_color .av-hotspot-fallback-tooltip-inner, .alternate_color .av-hotspot-fallback-tooltip-count{background-color:#0f0f0f;color: #7d7d7d;}.alternate_color .heading-color, .alternate_color a.iconbox_icon:hover, .alternate_color h1, .alternate_color h2, .alternate_color h3, .alternate_color h4, .alternate_color h5, .alternate_color h6, .alternate_color .sidebar .current_page_item>a, .alternate_color .sidebar .current-menu-item>a, .alternate_color .pagination .current, .alternate_color .pagination a:hover, .alternate_color strong.avia-testimonial-name, .alternate_color .heading, .alternate_color .toggle_content strong, .alternate_color .toggle_content strong a, .alternate_color .tab_content strong, .alternate_color .tab_content strong a , .alternate_color .asc_count, .alternate_color .avia-testimonial-content strong, .alternate_color div .news-headline, #top .alternate_color .av-related-style-full .av-related-title, .alternate_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .alternate_color .wp-playlist-item-meta.wp-playlist-item-title, #top .alternate_color .av-no-image-slider h2 a, .alternate_color .av-small-bar .avia-progress-bar .progressbar-title-wrap{    color:#ffffff;}.alternate_color .meta-color, .alternate_color .sidebar, .alternate_color .sidebar a, .alternate_color .minor-meta, .alternate_color .minor-meta a, .alternate_color .text-sep, .alternate_color blockquote, .alternate_color .post_nav a, .alternate_color .comment-text, .alternate_color .side-container-inner, .alternate_color .news-time, .alternate_color .pagination a, .alternate_color .pagination span,  .alternate_color .tweet-text.avatar_no .tweet-time, #top .alternate_color .extra-mini-title, .alternate_color .team-member-job-title, .alternate_color .team-social a, .alternate_color #js_sort_items a, .grid-entry-excerpt, .alternate_color .avia-testimonial-subtitle, .alternate_color .commentmetadata a,.alternate_color .social_bookmarks a, .alternate_color .meta-heading>*, .alternate_color .slide-meta, .alternate_color .slide-meta a, .alternate_color .taglist, .alternate_color .taglist a, .alternate_color .phone-info, .alternate_color .phone-info a, .alternate_color .av-sort-by-term a, .alternate_color .av-magazine-time, .alternate_color .av-magazine .av-magazine-entry-icon, .alternate_color .av-catalogue-content, .alternate_color .wp-playlist-item-length, .html_modern-blog #top div .alternate_color .blog-categories a, .html_modern-blog #top div .alternate_color .blog-categories a:hover{color: #8c8c8c;}.alternate_color .special-heading-inner-border{ border-color: #7d7d7d; }.alternate_color .meta-heading .special-heading-inner-border{ border-color: #8c8c8c; }.alternate_color a, .alternate_color .widget_first, .alternate_color strong, .alternate_color b, .alternate_color b a, .alternate_color strong a, .alternate_color #js_sort_items a:hover, .alternate_color #js_sort_items a.active_sort, .alternate_color .av-sort-by-term a.active_sort, .alternate_color .special_amp, .alternate_color .taglist a.activeFilter, .alternate_color #commentform .required, #top .alternate_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .alternate_color .blog-categories a, .html_elegant-blog #top .alternate_color .blog-categories a:hover{color:#d63e2d;}.alternate_color a:hover, .alternate_color h1 a:hover, .alternate_color h2 a:hover, .alternate_color h3 a:hover, .alternate_color h4 a:hover, .alternate_color h5 a:hover, .alternate_color h6 a:hover,  .alternate_color .template-search  a.news-content:hover, .alternate_color .wp-playlist-item .wp-playlist-caption:hover{color: #eb5c23;}.alternate_color .primary-background, .alternate_color .primary-background a, div .alternate_color .button, .alternate_color #submit, .alternate_color input[type='submit'], .alternate_color .small-preview:hover, .alternate_color .avia-menu-fx, .alternate_color .avia-menu-fx .avia-arrow, .alternate_color.iconbox_top .iconbox_icon, .alternate_color .iconbox_top a.iconbox_icon:hover, .alternate_color .avia-data-table th.avia-highlight-col, .alternate_color .avia-color-theme-color, .alternate_color .avia-color-theme-color:hover, .alternate_color .image-overlay .image-overlay-inside:before, .alternate_color .comment-count, .alternate_color .av_dropcap2, .alternate_color .av-colored-style .av-countdown-cell-inner, .responsive #top .alternate_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .alternate_color .av-open-submenu.av-subnav-menu li > ul a:hover{background-color: #d63e2d;color:#ffffff;border-color:#b41c0b;}#top #wrap_all .alternate_color .av-menu-button-colored > a .avia-menu-text{background-color: #d63e2d;color:#ffffff;border-color:#d63e2d;}#top #wrap_all .alternate_color .av-menu-button-colored > a .avia-menu-text:after{background-color:#b41c0b;}#top .alternate_color .mobile_menu_toggle{color: #d63e2d;background:#0f0f0f;}#top .alternate_color .av-menu-mobile-active .av-subnav-menu > li > a:before{color: #d63e2d;}#top .alternate_color .av-open-submenu.av-subnav-menu > li > a:hover:before{color: #0f0f0f;}.alternate_color .button:hover, .alternate_color .ajax_controlls a:hover, .alternate_color #submit:hover, .alternate_color .big_button:hover, .alternate_color .contentSlideControlls a:hover, .alternate_color #submit:hover , .alternate_color input[type='submit']:hover{background-color: #eb5c23;color:#0f0f0f;border-color:#c93a01;}.alternate_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after, .alternate_color .avia-toc-style-elegant a:first-child:after, .alternate_color .avia-toc-style-elegant a.avia-toc-level-0:after {background-color:#0f0f0f; border-color: #eb5c23 }.alternate_color .avia-toc-style-elegant a:first-child span:after, .alternate_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {background-color:#0f0f0f;}.alternate_color .avia-toc-style-elegant a:first-child:hover span:after, .alternate_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {border-color: #eb5c23}.alternate_color .avia-toc-style-elegant a:before{border-color: #444444}.alternate_color .avia-toc-style-elegant a:first-child:after, .alternate_color .avia-toc-style-elegant a.avia-toc-level-0:after {border-color: #eb5c23; background-color: #0f0f0f;}.alternate_color .avia-toc-style-elegant a:last-child:after{ background-color:#444444;}.alternate_color .timeline-bullet{background-color:#444444;border-color: #0f0f0f;}.alternate_color table, .alternate_color .widget_nav_menu ul:first-child>.current-menu-item, .alternate_color .widget_nav_menu ul:first-child>.current_page_item, .alternate_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .alternate_color .pagination .current, .alternate_color .pagination a, .alternate_color.iconbox_top .iconbox_content, .alternate_color .av_promobox, .alternate_color .toggle_content, .alternate_color .toggler:hover, #top .alternate_color .av-minimal-toggle .toggler, .alternate_color .related_posts_default_image, .alternate_color .search-result-counter, .alternate_color .container_wrap_meta, .alternate_color .avia-content-slider .slide-image, .alternate_color .avia-slider-testimonials .avia-testimonial-content, .alternate_color .avia-testimonial-arrow-wrap .avia-arrow, .alternate_color .news-thumb, .alternate_color .portfolio-preview-content, .alternate_color .portfolio-preview-content .avia-arrow, .alternate_color .av-magazine .av-magazine-entry-icon, .alternate_color .related_posts.av-related-style-full a, .alternate_color .aviaccordion-slide, .alternate_color.avia-fullwidth-portfolio .pagination, .alternate_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .alternate_color .av-catalogue-list li:hover, .alternate_color .wp-playlist, .alternate_color .avia-slideshow-fixed-height > li, .alternate_color .avia-form-success, .alternate_color .avia-form-error, .alternate_color .av-boxed-grid-style .avia-testimonial{background: #001514;}#top .alternate_color .post_timeline li:hover .timeline-bullet{background-color:#eb5c23;}.alternate_color blockquote, .alternate_color .avia-bullet, .alternate_color .av-no-color.av-icon-style-border a.av-icon-char{border-color:#d63e2d;}.html_header_top .alternate_color .main_menu ul:first-child >li > ul, .html_header_top #top .alternate_color .avia_mega_div > .sub-menu{border-top-color:#d63e2d;}.alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a{color:#7d7d7d;}.alternate_color .av-icon-display, #top .alternate_color .av-related-style-full a:hover .related-format-icon, .alternate_color .av-default-style .av-countdown-cell-inner{background-color:#001514;color:#8c8c8c;}.alternate_color .av-masonry-entry:hover .av-icon-display{background-color: #d63e2d;color:#ffffff;border-color:#b41c0b;}#top .alternate_color .av-masonry-entry.format-quote:hover .av-icon-display{color:#d63e2d;}.alternate_color ::-webkit-input-placeholder {color: #8c8c8c; }.alternate_color ::-moz-placeholder {color: #8c8c8c; opacity:1; }.alternate_color :-ms-input-placeholder {color: #8c8c8c;}.alternate_color .header_bg, .alternate_color .main_menu ul ul, .alternate_color .main_menu .menu ul li a, .alternate_color .pointer_arrow_wrap .pointer_arrow, .alternate_color .avia_mega_div, .alternate_color .av-subnav-menu > li ul, .alternate_color .av-subnav-menu a{background-color:#0f0f0f;color: #8c8c8c;}.alternate_color .main_menu .menu ul li a:hover, .alternate_color .av-subnav-menu ul a:hover{background-color:#001514;}.alternate_color .sub_menu>ul>li>a, .alternate_color .sub_menu>div>ul>li>a, .alternate_color .main_menu ul:first-child > li > a, #top .alternate_color .main_menu .menu ul .current_page_item > a, #top .alternate_color .main_menu .menu ul .current-menu-item > a , #top .alternate_color .sub_menu li ul a{color:#8c8c8c;}#top .alternate_color .main_menu .menu ul li>a:hover{color:#7d7d7d;}.alternate_color .av-subnav-menu a:hover,.alternate_color .main_menu ul:first-child > li a:hover,.alternate_color .main_menu ul:first-child > li.current-menu-item > a,.alternate_color .main_menu ul:first-child > li.current_page_item > a,.alternate_color .main_menu ul:first-child > li.active-parent-item > a{color:#7d7d7d;}#top .alternate_color .main_menu .menu .avia_mega_div ul .current-menu-item > a{color:#d63e2d;}.alternate_color .sub_menu>ul>li>a:hover, .alternate_color .sub_menu>div>ul>li>a:hover{color:#7d7d7d;}#top .alternate_color .sub_menu ul li a:hover,.alternate_color .sub_menu ul:first-child > li.current-menu-item > a,.alternate_color .sub_menu ul:first-child > li.current_page_item > a,.alternate_color .sub_menu ul:first-child > li.active-parent-item > a{color:#7d7d7d;}.alternate_color .sub_menu li ul a, .alternate_color #payment, .alternate_color .sub_menu ul li, .alternate_color .sub_menu ul, #top .alternate_color .sub_menu li li a:hover{background-color: #0f0f0f;}.alternate_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{border-color:#444444;}@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency{background-color:#0f0f0f;color: #7d7d7d;border-color: #444444;}}@media only screen and (max-width: 989px) { .html_mobile_menu_tablet #top #wrap_all .av_header_transparency{background-color:#0f0f0f;color: #7d7d7d;border-color: #444444;}}.alternate_color .avia-tt, .alternate_color .avia-tt .avia-arrow, .alternate_color .avia-tt .avia-arrow{background-color: #0f0f0f;color: #8c8c8c;}.alternate_color .av_ajax_search_image{background-color: #d63e2d;color:#0f0f0f;}.alternate_color .ajax_search_excerpt{color: #8c8c8c;}.alternate_color .av_ajax_search_title{color: #ffffff;}.alternate_color .ajax_load{background-color:#d63e2d;}.alternate_color .av_searchsubmit_wrapper{background-color:#d63e2d;}#top .alternate_color .avia-color-theme-color{color: #ffffff;border-color: #b41c0b;}.alternate_color .avia-color-theme-color-subtle{background-color:#001514;color: #7d7d7d;}.alternate_color .avia-color-theme-color-subtle:hover{background-color:#0f0f0f;color: #ffffff;}#top .alternate_color .avia-color-theme-color-highlight{color: #ffffff;border-color: #eb5c23;background-color: #eb5c23;}#top .alternate_color .avia-font-color-theme-color,#top .alternate_color .avia-font-color-theme-color-hover:hover{color: #ffffff;}.alternate_color .avia-font-color-theme-color-subtle{color: #7d7d7d;}.alternate_color .avia-font-color-theme-color-subtle-hover:hover{color: #ffffff;}#top .alternate_color .avia-font-color-theme-color-highlight,#top .alternate_color .avia-font-color-theme-color-highlight-hover:hover{color: #ffffff;}.alternate_color .avia-icon-list .iconlist_icon{background-color:#333333;}.alternate_color .avia-icon-list .iconlist-timeline{border-color:#444444;}.alternate_color .iconlist_content{color:#8c8c8c;}.alternate_color .avia-timeline .milestone_icon{background-color:#333333;}.alternate_color .avia-timeline .milestone_inner{background-color:#333333;}.alternate_color .avia-timeline{border-color:#333333;}.alternate_color .av-milestone-icon-wrap:after{border-color:#333333;}.alternate_color .avia-timeline .av-milestone-date {color:#000000;}.alternate_color .avia-timeline .av-milestone-date span{background-color:#333333;}.alternate_color .avia-timeline-horizontal .av-milestone-content-wrap footer{background-color:#333333;}.alternate_color .av-timeline-nav a span{background-color:#333333;}#top .alternate_color .input-text, #top .alternate_color input[type='text'], #top .alternate_color input[type='input'], #top .alternate_color input[type='password'], #top .alternate_color input[type='email'], #top .alternate_color input[type='number'], #top .alternate_color input[type='url'], #top .alternate_color input[type='tel'], #top .alternate_color input[type='search'], #top .alternate_color textarea, #top .alternate_color select{border-color:#444444;background-color: #001514;color:#8c8c8c;}#top .alternate_color .invers-color .input-text, #top .alternate_color .invers-color input[type='text'], #top .alternate_color .invers-color input[type='input'], #top .alternate_color .invers-color input[type='password'], #top .alternate_color .invers-color input[type='email'], #top .alternate_color .invers-color input[type='number'], #top .alternate_color .invers-color input[type='url'], #top .alternate_color .invers-color input[type='tel'], #top .alternate_color .invers-color input[type='search'], #top .alternate_color .invers-color textarea, #top .alternate_color .invers-color select{background-color: #0f0f0f;}.alternate_color .required{color:#d63e2d;}.alternate_color .av-masonry{background-color: #000403; }.alternate_color .av-masonry-pagination, .alternate_color .av-masonry-pagination:hover, .alternate_color .av-masonry-outerimage-container{background-color: #0f0f0f;}.alternate_color .container .av-inner-masonry-content, #top .alternate_color .container .av-masonry-load-more, #top .alternate_color .container .av-masonry-sort, .alternate_color .container .av-masonry-entry .avia-arrow{background-color: #001514;} .alternate_color .hr-short .hr-inner-style,  .alternate_color .hr-short .hr-inner{background-color: #0f0f0f;}div  .alternate_color .tabcontainer .active_tab_content, div .alternate_color .tabcontainer  .active_tab{background-color: #001514;color:#7d7d7d;}.responsive.js_active #top .alternate_color .avia_combo_widget .top_tab .tab{border-top-color:#444444;}.alternate_color .template-archives  .tabcontainer a, #top .alternate_color .tabcontainer .tab:hover, #top .alternate_color .tabcontainer .tab.active_tab{color:#7d7d7d;} .alternate_color .template-archives .tabcontainer a:hover{color:#eb5c23;}.alternate_color .sidebar_tab_icon {background-color: #444444;}#top .alternate_color .sidebar_active_tab .sidebar_tab_icon {background-color: #d63e2d;}.alternate_color .sidebar_tab:hover .sidebar_tab_icon {background-color: #eb5c23;}.alternate_color .sidebar_tab, .alternate_color .tabcontainer .tab{color: #8c8c8c;}.alternate_color div .sidebar_active_tab , div  .alternate_color .tabcontainer.noborder_tabs .active_tab_content, div .alternate_color .tabcontainer.noborder_tabs  .active_tab{color: #7d7d7d;background-color: #0f0f0f;}#top .avia-smallarrow-slider  .avia-slideshow-dots a{background-color: #001514;}#top .alternate_color .avia-smallarrow-slider  .avia-slideshow-dots a.active, #top .alternate_color .avia-smallarrow-slider  .avia-slideshow-dots a:hover{background-color: #8c8c8c;}@media only screen and (max-width: 767px) {.responsive #top .alternate_color .tabcontainer .active_tab{ background-color: #eb5c23; color:#ffffff; } /*hard coded white to match the icons beside which are also white*/.responsive #top .alternate_color .tabcontainer{border-color:#444444;}.responsive #top .alternate_color .active_tab_content{background-color: #001514;}}.alternate_color tr:nth-child(even), .alternate_color .avia-data-table .avia-heading-row .avia-desc-col, .alternate_color .avia-data-table .avia-highlight-col, .alternate_color .pricing-table>li:nth-child(even), body .alternate_color .pricing-table.avia-desc-col li, #top .alternate_color  .avia-data-table.avia_pricing_minimal th{background-color:#0f0f0f;color: #7d7d7d;}.alternate_color table caption, .alternate_color tr:nth-child(even), .alternate_color .pricing-table>li:nth-child(even), #top .alternate_color  .avia-data-table.avia_pricing_minimal td{color: #8c8c8c;}.alternate_color tr:nth-child(odd), .alternate_color .pricing-table>li:nth-child(odd), .alternate_color .pricing-extra{background: #001514;}.alternate_color .pricing-table li.avia-pricing-row, .alternate_color .pricing-table li.avia-heading-row, .alternate_color .pricing-table li.avia-pricing-row .pricing-extra{background-color: #d63e2d;color:#ffffff;border-color:#f85f4f;}.alternate_color .pricing-table li.avia-heading-row, .alternate_color .pricing-table li.avia-heading-row .pricing-extra{background-color: #e74f3e;color:#ffffff;border-color:#f85f4f;}.alternate_color  .pricing-table.avia-desc-col .avia-heading-row, .alternate_color  .pricing-table.avia-desc-col .avia-pricing-row{border-color:#444444;}.alternate_color .theme-color-bar .bar{background: #d63e2d;}.alternate_color .mejs-controls .mejs-time-rail .mejs-time-current, .alternate_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .alternate_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .alternate_color .button.av-sending-button, .alternate_color .av-striped-bar .theme-color-bar .bar{background: #d63e2d;}body .alternate_color .mejs-controls .mejs-time-rail .mejs-time-float {background: #d63e2d;color: #fff;}body .alternate_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {border: solid 4px #d63e2d;border-color: #d63e2d transparent transparent transparent;}.alternate_color .progress{background-color:#001514;}.alternate_color .av_searchform_element_results .av_ajax_search_entry,.alternate_color .av_searchform_element_results .av_ajax_search_title,.alternate_color.av_searchform_element_results .av_ajax_search_entry,.alternate_color.av_searchform_element_results .av_ajax_search_title{color: #d63e2d;}.alternate_color .av_searchform_element_results .ajax_search_excerpt,.alternate_color.av_searchform_element_results .ajax_search_excerpt{color: #8c8c8c;}.alternate_color .av_searchform_element_results .av_ajax_search_image,.alternate_color.av_searchform_element_results .av_ajax_search_image{color: #8c8c8c;} .alternate_color .button.av-sending-button{background: #eb5c23;background-image:-webkit-linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);background-image:      -moz-linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);background-image:           linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);border-color:#eb5c23;}.alternate_color span.bbp-admin-links a{color: #d63e2d;}.alternate_color span.bbp-admin-links a:hover{color: #eb5c23;}#top .alternate_color .bbp-reply-content, #top .alternate_color .bbp-topic-content, #top .alternate_color .bbp-body .super-sticky .page-numbers, #top .alternate_color .bbp-body .sticky .page-numbers, #top .alternate_color .bbp-pagination-links a:hover, #top .alternate_color .bbp-pagination-links span.current{ background:#0f0f0f; }#top .alternate_color .bbp-topics .bbp-header, #top .alternate_color .bbp-topics .bbp-header, #top .alternate_color .bbp-forums .bbp-header, #top .alternate_color .bbp-topics-front ul.super-sticky, #top .alternate_color .bbp-topics ul.super-sticky, #top .alternate_color .bbp-topics ul.sticky, #top .alternate_color .bbp-forum-content ul.sticky, #top .alternate_color .bbp-body .page-numbers{background-color:#001514;}#top .alternate_color .bbp-meta, #top .alternate_color .bbp-author-role, #top .alternate_color .bbp-author-ip, #top .alternate_color .bbp-pagination-count, #top .alternate_color .bbp-topics .bbp-body .bbp-topic-title:before{color: #8c8c8c;}#top .alternate_color .bbp-admin-links{color:#444444;}.alternate_color #bbpress-forums li.bbp-body ul.forum, .alternate_color #bbpress-forums li.bbp-body ul.topic,.avia_transform .alternate_color .bbp-replies .bbp-reply-author:before, .avia_transform .forum-search .alternate_color .bbp-reply-author:before,.avia_transform .forum-search .alternate_color .bbp-topic-author:before{background-color:#0f0f0f;border-color:#444444;}#top .alternate_color .bbp-author-name{color:#ffffff;}.alternate_color .widget_display_stats dt, .alternate_color .widget_display_stats dd{background-color:#001514;}.alternate_color dropcap2, .alternate_color dropcap3, .alternate_color avia_button, .alternate_color avia_button:hover, .alternate_color .on-primary-color, .alternate_color .on-primary-color:hover{color: #ffffff;}.main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color  span, .main_color  applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a{border-color:#fdffff;}.main_color .rounded-container, #top .main_color .pagination a:hover, .main_color .small-preview, .main_color .fallback-post-type-icon{background:#7d7d7d;color:#0f0f0f;}.main_color .av-default-color, #top .main_color .av-force-default-color, .main_color .av-catalogue-item, .main_color .wp-playlist-item .wp-playlist-caption, .main_color .wp-playlist{color: #7d7d7d;}.main_color , .main_color .site-background, .main_color .first-quote,  .main_color .related_image_wrap, .main_color .gravatar img  .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon,  .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current,  .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count{background-color:#0f0f0f;color: #7d7d7d;}.main_color .heading-color, .main_color a.iconbox_icon:hover, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a , .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline, #top .main_color .av-related-style-full .av-related-title, .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .main_color .wp-playlist-item-meta.wp-playlist-item-title, #top .main_color .av-no-image-slider h2 a, .main_color .av-small-bar .avia-progress-bar .progressbar-title-wrap{    color:#001514;}.main_color .meta-color, .main_color .sidebar, .main_color .sidebar a, .main_color .minor-meta, .main_color .minor-meta a, .main_color .text-sep, .main_color blockquote, .main_color .post_nav a, .main_color .comment-text, .main_color .side-container-inner, .main_color .news-time, .main_color .pagination a, .main_color .pagination span,  .main_color .tweet-text.avatar_no .tweet-time, #top .main_color .extra-mini-title, .main_color .team-member-job-title, .main_color .team-social a, .main_color #js_sort_items a, .grid-entry-excerpt, .main_color .avia-testimonial-subtitle, .main_color .commentmetadata a,.main_color .social_bookmarks a, .main_color .meta-heading>*, .main_color .slide-meta, .main_color .slide-meta a, .main_color .taglist, .main_color .taglist a, .main_color .phone-info, .main_color .phone-info a, .main_color .av-sort-by-term a, .main_color .av-magazine-time, .main_color .av-magazine .av-magazine-entry-icon, .main_color .av-catalogue-content, .main_color .wp-playlist-item-length, .html_modern-blog #top div .main_color .blog-categories a, .html_modern-blog #top div .main_color .blog-categories a:hover{color: #7d7d7d;}.main_color .special-heading-inner-border{ border-color: #7d7d7d; }.main_color .meta-heading .special-heading-inner-border{ border-color: #7d7d7d; }.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover{color:#d63e2d;}.main_color a:hover, .main_color h1 a:hover, .main_color h2 a:hover, .main_color h3 a:hover, .main_color h4 a:hover, .main_color h5 a:hover, .main_color h6 a:hover,  .main_color .template-search  a.news-content:hover, .main_color .wp-playlist-item .wp-playlist-caption:hover{color: #eb5c23;}.main_color .primary-background, .main_color .primary-background a, div .main_color .button, .main_color #submit, .main_color input[type='submit'], .main_color .small-preview:hover, .main_color .avia-menu-fx, .main_color .avia-menu-fx .avia-arrow, .main_color.iconbox_top .iconbox_icon, .main_color .iconbox_top a.iconbox_icon:hover, .main_color .avia-data-table th.avia-highlight-col, .main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover, .main_color .image-overlay .image-overlay-inside:before, .main_color .comment-count, .main_color .av_dropcap2, .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .main_color .av-open-submenu.av-subnav-menu li > ul a:hover{background-color: #d63e2d;color:#ffffff;border-color:#b41c0b;}#top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text{background-color: #d63e2d;color:#ffffff;border-color:#d63e2d;}#top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text:after{background-color:#b41c0b;}#top .main_color .mobile_menu_toggle{color: #d63e2d;background:#0f0f0f;}#top .main_color .av-menu-mobile-active .av-subnav-menu > li > a:before{color: #d63e2d;}#top .main_color .av-open-submenu.av-subnav-menu > li > a:hover:before{color: #0f0f0f;}.main_color .button:hover, .main_color .ajax_controlls a:hover, .main_color #submit:hover, .main_color .big_button:hover, .main_color .contentSlideControlls a:hover, .main_color #submit:hover , .main_color input[type='submit']:hover{background-color: #eb5c23;color:#0f0f0f;border-color:#c93a01;}.main_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after, .main_color .avia-toc-style-elegant a:first-child:after, .main_color .avia-toc-style-elegant a.avia-toc-level-0:after {background-color:#0f0f0f; border-color: #eb5c23 }.main_color .avia-toc-style-elegant a:first-child span:after, .main_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {background-color:#0f0f0f;}.main_color .avia-toc-style-elegant a:first-child:hover span:after, .main_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {border-color: #eb5c23}.main_color .avia-toc-style-elegant a:before{border-color: #fdffff}.main_color .avia-toc-style-elegant a:first-child:after, .main_color .avia-toc-style-elegant a.avia-toc-level-0:after {border-color: #eb5c23; background-color: #0f0f0f;}.main_color .avia-toc-style-elegant a:last-child:after{ background-color:#fdffff;}.main_color .timeline-bullet{background-color:#fdffff;border-color: #0f0f0f;}.main_color table, .main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item, .main_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .main_color .pagination .current, .main_color .pagination a, .main_color.iconbox_top .iconbox_content, .main_color .av_promobox, .main_color .toggle_content, .main_color .toggler:hover, #top .main_color .av-minimal-toggle .toggler, .main_color .related_posts_default_image, .main_color .search-result-counter, .main_color .container_wrap_meta, .main_color .avia-content-slider .slide-image, .main_color .avia-slider-testimonials .avia-testimonial-content, .main_color .avia-testimonial-arrow-wrap .avia-arrow, .main_color .news-thumb, .main_color .portfolio-preview-content, .main_color .portfolio-preview-content .avia-arrow, .main_color .av-magazine .av-magazine-entry-icon, .main_color .related_posts.av-related-style-full a, .main_color .aviaccordion-slide, .main_color.avia-fullwidth-portfolio .pagination, .main_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .main_color .av-catalogue-list li:hover, .main_color .wp-playlist, .main_color .avia-slideshow-fixed-height > li, .main_color .avia-form-success, .main_color .avia-form-error, .main_color .av-boxed-grid-style .avia-testimonial{background: #f8f8f8;}#top .main_color .post_timeline li:hover .timeline-bullet{background-color:#eb5c23;}.main_color blockquote, .main_color .avia-bullet, .main_color .av-no-color.av-icon-style-border a.av-icon-char{border-color:#d63e2d;}.html_header_top .main_color .main_menu ul:first-child >li > ul, .html_header_top #top .main_color .avia_mega_div > .sub-menu{border-top-color:#d63e2d;}.main_color .breadcrumb, .main_color .breadcrumb a, #top .main_color.title_container .main-title, #top .main_color.title_container .main-title a{color:#7d7d7d;}.main_color .av-icon-display, #top .main_color .av-related-style-full a:hover .related-format-icon, .main_color .av-default-style .av-countdown-cell-inner{background-color:#f8f8f8;color:#7d7d7d;}.main_color .av-masonry-entry:hover .av-icon-display{background-color: #d63e2d;color:#ffffff;border-color:#b41c0b;}#top .main_color .av-masonry-entry.format-quote:hover .av-icon-display{color:#d63e2d;}.main_color ::-webkit-input-placeholder {color: #7d7d7d; }.main_color ::-moz-placeholder {color: #7d7d7d; opacity:1; }.main_color :-ms-input-placeholder {color: #7d7d7d;}.main_color .header_bg, .main_color .main_menu ul ul, .main_color .main_menu .menu ul li a, .main_color .pointer_arrow_wrap .pointer_arrow, .main_color .avia_mega_div, .main_color .av-subnav-menu > li ul, .main_color .av-subnav-menu a{background-color:#0f0f0f;color: #7d7d7d;}.main_color .main_menu .menu ul li a:hover, .main_color .av-subnav-menu ul a:hover{background-color:#f8f8f8;}.main_color .sub_menu>ul>li>a, .main_color .sub_menu>div>ul>li>a, .main_color .main_menu ul:first-child > li > a, #top .main_color .main_menu .menu ul .current_page_item > a, #top .main_color .main_menu .menu ul .current-menu-item > a , #top .main_color .sub_menu li ul a{color:#7d7d7d;}#top .main_color .main_menu .menu ul li>a:hover{color:#7d7d7d;}.main_color .av-subnav-menu a:hover,.main_color .main_menu ul:first-child > li a:hover,.main_color .main_menu ul:first-child > li.current-menu-item > a,.main_color .main_menu ul:first-child > li.current_page_item > a,.main_color .main_menu ul:first-child > li.active-parent-item > a{color:#7d7d7d;}#top .main_color .main_menu .menu .avia_mega_div ul .current-menu-item > a{color:#d63e2d;}.main_color .sub_menu>ul>li>a:hover, .main_color .sub_menu>div>ul>li>a:hover{color:#7d7d7d;}#top .main_color .sub_menu ul li a:hover,.main_color .sub_menu ul:first-child > li.current-menu-item > a,.main_color .sub_menu ul:first-child > li.current_page_item > a,.main_color .sub_menu ul:first-child > li.active-parent-item > a{color:#7d7d7d;}.main_color .sub_menu li ul a, .main_color #payment, .main_color .sub_menu ul li, .main_color .sub_menu ul, #top .main_color .sub_menu li li a:hover{background-color: #0f0f0f;}.main_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{border-color:#fdffff;}@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency{background-color:#0f0f0f;color: #7d7d7d;border-color: #fdffff;}}@media only screen and (max-width: 989px) { .html_mobile_menu_tablet #top #wrap_all .av_header_transparency{background-color:#0f0f0f;color: #7d7d7d;border-color: #fdffff;}}.main_color .avia-tt, .main_color .avia-tt .avia-arrow, .main_color .avia-tt .avia-arrow{background-color: #0f0f0f;color: #7d7d7d;}.main_color .av_ajax_search_image{background-color: #d63e2d;color:#0f0f0f;}.main_color .ajax_search_excerpt{color: #7d7d7d;}.main_color .av_ajax_search_title{color: #001514;}.main_color .ajax_load{background-color:#d63e2d;}.main_color .av_searchsubmit_wrapper{background-color:#d63e2d;}#top .main_color .avia-color-theme-color{color: #ffffff;border-color: #b41c0b;}.main_color .avia-color-theme-color-subtle{background-color:#f8f8f8;color: #7d7d7d;}.main_color .avia-color-theme-color-subtle:hover{background-color:#0f0f0f;color: #001514;}#top .main_color .avia-color-theme-color-highlight{color: #ffffff;border-color: #eb5c23;background-color: #eb5c23;}#top .main_color .avia-font-color-theme-color,#top .main_color .avia-font-color-theme-color-hover:hover{color: #ffffff;}.main_color .avia-font-color-theme-color-subtle{color: #7d7d7d;}.main_color .avia-font-color-theme-color-subtle-hover:hover{color: #001514;}#top .main_color .avia-font-color-theme-color-highlight,#top .main_color .avia-font-color-theme-color-highlight-hover:hover{color: #ffffff;}.main_color .avia-icon-list .iconlist_icon{background-color:#eceeee;}.main_color .avia-icon-list .iconlist-timeline{border-color:#fdffff;}.main_color .iconlist_content{color:#7d7d7d;}.main_color .avia-timeline .milestone_icon{background-color:#eceeee;}.main_color .avia-timeline .milestone_inner{background-color:#eceeee;}.main_color .avia-timeline{border-color:#eceeee;}.main_color .av-milestone-icon-wrap:after{border-color:#eceeee;}.main_color .avia-timeline .av-milestone-date {color:#b9bbbb;}.main_color .avia-timeline .av-milestone-date span{background-color:#eceeee;}.main_color .avia-timeline-horizontal .av-milestone-content-wrap footer{background-color:#eceeee;}.main_color .av-timeline-nav a span{background-color:#eceeee;}#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select{border-color:#fdffff;background-color: #f8f8f8;color:#7d7d7d;}#top .main_color .invers-color .input-text, #top .main_color .invers-color input[type='text'], #top .main_color .invers-color input[type='input'], #top .main_color .invers-color input[type='password'], #top .main_color .invers-color input[type='email'], #top .main_color .invers-color input[type='number'], #top .main_color .invers-color input[type='url'], #top .main_color .invers-color input[type='tel'], #top .main_color .invers-color input[type='search'], #top .main_color .invers-color textarea, #top .main_color .invers-color select{background-color: #0f0f0f;}.main_color .required{color:#d63e2d;}.main_color .av-masonry{background-color: #e7e7e7; }.main_color .av-masonry-pagination, .main_color .av-masonry-pagination:hover, .main_color .av-masonry-outerimage-container{background-color: #0f0f0f;}.main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow{background-color: #f8f8f8;} .main_color .hr-short .hr-inner-style,  .main_color .hr-short .hr-inner{background-color: #0f0f0f;}div  .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer  .active_tab{background-color: #f8f8f8;color:#7d7d7d;}.responsive.js_active #top .main_color .avia_combo_widget .top_tab .tab{border-top-color:#fdffff;}.main_color .template-archives  .tabcontainer a, #top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab{color:#7d7d7d;} .main_color .template-archives .tabcontainer a:hover{color:#eb5c23;}.main_color .sidebar_tab_icon {background-color: #fdffff;}#top .main_color .sidebar_active_tab .sidebar_tab_icon {background-color: #d63e2d;}.main_color .sidebar_tab:hover .sidebar_tab_icon {background-color: #eb5c23;}.main_color .sidebar_tab, .main_color .tabcontainer .tab{color: #7d7d7d;}.main_color div .sidebar_active_tab , div  .main_color .tabcontainer.noborder_tabs .active_tab_content, div .main_color .tabcontainer.noborder_tabs  .active_tab{color: #7d7d7d;background-color: #0f0f0f;}#top .avia-smallarrow-slider  .avia-slideshow-dots a{background-color: #f8f8f8;}#top .main_color .avia-smallarrow-slider  .avia-slideshow-dots a.active, #top .main_color .avia-smallarrow-slider  .avia-slideshow-dots a:hover{background-color: #7d7d7d;}@media only screen and (max-width: 767px) {.responsive #top .main_color .tabcontainer .active_tab{ background-color: #eb5c23; color:#ffffff; } /*hard coded white to match the icons beside which are also white*/.responsive #top .main_color .tabcontainer{border-color:#fdffff;}.responsive #top .main_color .active_tab_content{background-color: #f8f8f8;}}.main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li, #top .main_color  .avia-data-table.avia_pricing_minimal th{background-color:#0f0f0f;color: #7d7d7d;}.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color  .avia-data-table.avia_pricing_minimal td{color: #7d7d7d;}.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra{background: #f8f8f8;}.main_color .pricing-table li.avia-pricing-row, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-pricing-row .pricing-extra{background-color: #d63e2d;color:#ffffff;border-color:#f85f4f;}.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra{background-color: #e74f3e;color:#ffffff;border-color:#f85f4f;}.main_color  .pricing-table.avia-desc-col .avia-heading-row, .main_color  .pricing-table.avia-desc-col .avia-pricing-row{border-color:#fdffff;}.main_color .theme-color-bar .bar{background: #d63e2d;}.main_color .mejs-controls .mejs-time-rail .mejs-time-current, .main_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .main_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .main_color .button.av-sending-button, .main_color .av-striped-bar .theme-color-bar .bar{background: #d63e2d;}body .main_color .mejs-controls .mejs-time-rail .mejs-time-float {background: #d63e2d;color: #fff;}body .main_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {border: solid 4px #d63e2d;border-color: #d63e2d transparent transparent transparent;}.main_color .progress{background-color:#f8f8f8;}.main_color .av_searchform_element_results .av_ajax_search_entry,.main_color .av_searchform_element_results .av_ajax_search_title,.main_color.av_searchform_element_results .av_ajax_search_entry,.main_color.av_searchform_element_results .av_ajax_search_title{color: #d63e2d;}.main_color .av_searchform_element_results .ajax_search_excerpt,.main_color.av_searchform_element_results .ajax_search_excerpt{color: #7d7d7d;}.main_color .av_searchform_element_results .av_ajax_search_image,.main_color.av_searchform_element_results .av_ajax_search_image{color: #7d7d7d;} .main_color .button.av-sending-button{background: #eb5c23;background-image:-webkit-linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);background-image:      -moz-linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);background-image:           linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);border-color:#eb5c23;}.main_color span.bbp-admin-links a{color: #d63e2d;}.main_color span.bbp-admin-links a:hover{color: #eb5c23;}#top .main_color .bbp-reply-content, #top .main_color .bbp-topic-content, #top .main_color .bbp-body .super-sticky .page-numbers, #top .main_color .bbp-body .sticky .page-numbers, #top .main_color .bbp-pagination-links a:hover, #top .main_color .bbp-pagination-links span.current{ background:#0f0f0f; }#top .main_color .bbp-topics .bbp-header, #top .main_color .bbp-topics .bbp-header, #top .main_color .bbp-forums .bbp-header, #top .main_color .bbp-topics-front ul.super-sticky, #top .main_color .bbp-topics ul.super-sticky, #top .main_color .bbp-topics ul.sticky, #top .main_color .bbp-forum-content ul.sticky, #top .main_color .bbp-body .page-numbers{background-color:#f8f8f8;}#top .main_color .bbp-meta, #top .main_color .bbp-author-role, #top .main_color .bbp-author-ip, #top .main_color .bbp-pagination-count, #top .main_color .bbp-topics .bbp-body .bbp-topic-title:before{color: #7d7d7d;}#top .main_color .bbp-admin-links{color:#fdffff;}.main_color #bbpress-forums li.bbp-body ul.forum, .main_color #bbpress-forums li.bbp-body ul.topic,.avia_transform .main_color .bbp-replies .bbp-reply-author:before, .avia_transform .forum-search .main_color .bbp-reply-author:before,.avia_transform .forum-search .main_color .bbp-topic-author:before{background-color:#0f0f0f;border-color:#fdffff;}#top .main_color .bbp-author-name{color:#001514;}.main_color .widget_display_stats dt, .main_color .widget_display_stats dd{background-color:#f8f8f8;}.main_color dropcap2, .main_color dropcap3, .main_color avia_button, .main_color avia_button:hover, .main_color .on-primary-color, .main_color .on-primary-color:hover{color: #ffffff;}#main{ border-color: #fdffff;  }#scroll-top-link:hover, #av-cookie-consent-badge:hover{ background-color: #f8f8f8; color: #d63e2d; border:1px solid #fdffff; }#top .avia-datepicker-div .ui-datepicker-month, #top .avia-datepicker-div .ui-datepicker-year{color:#001514;}#top .avia-datepicker-div{ background: #0f0f0f; border:1px solid #fdffff; }#top .avia-datepicker-div a{ color:#7d7d7d; background-color: #f8f8f8; }#top .avia-datepicker-div a.ui-state-active, #top .avia-datepicker-div a.ui-state-highlight{ color:#d63e2d; }#top .avia-datepicker-div a.ui-state-hover{ color:#f8f8f8; background-color: #7d7d7d; }#top .avia-datepicker-div .ui-datepicker-buttonpane button{ background-color: #d63e2d; color: #ffffff; border-color: #d63e2d; }#top .av-siteloader{ border-color: #fdffff; border-left-color:#d63e2d; }#top div.avia-popup .mfp-preloader { border-left-color:#d63e2d; }.av-preloader-reactive #top .av-siteloader{border-color: #fdffff; }#top .av-siteloader-wrap{background-color: #0f0f0f; }.av-preloader-reactive #top .av-siteloader:before{ background-color: #fdffff;  }.av-tab-section-tab-title-container{background-color: #f8f8f8; }#top .av-section-tab-title{color:#7d7d7d;}#top a.av-active-tab-title{color:#d63e2d;}#top .av-tab-arrow-container span{background-color: #0f0f0f;}.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color  span, .header_color  applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a{border-color:#e1e1e1;}.header_color .rounded-container, #top .header_color .pagination a:hover, .header_color .small-preview, .header_color .fallback-post-type-icon{background:#261f26;color:#fdffff;}.header_color .av-default-color, #top .header_color .av-force-default-color, .header_color .av-catalogue-item, .header_color .wp-playlist-item .wp-playlist-caption, .header_color .wp-playlist{color: #000000;}.header_color , .header_color .site-background, .header_color .first-quote,  .header_color .related_image_wrap, .header_color .gravatar img  .header_color .hr_content, .header_color .news-thumb, .header_color .post-format-icon, .header_color .ajax_controlls a, .header_color .tweet-text.avatar_no, .header_color .toggler, .header_color .toggler.activeTitle:hover, .header_color #js_sort_items, .header_color.inner-entry, .header_color .grid-entry-title, .header_color .related-format-icon,  .grid-entry .header_color .avia-arrow, .header_color .avia-gallery-big, .header_color .avia-gallery-big, .header_color .avia-gallery img, .header_color .grid-content, .header_color .av-share-box ul, #top .header_color .av-related-style-full .related-format-icon, .header_color .related_posts.av-related-style-full a:hover, .header_color.avia-fullwidth-portfolio .pagination .current,  .header_color.avia-fullwidth-portfolio .pagination a, .header_color .av-hotspot-fallback-tooltip-inner, .header_color .av-hotspot-fallback-tooltip-count{background-color:#fdffff;color: #000000;}.header_color .heading-color, .header_color a.iconbox_icon:hover, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color .sidebar .current_page_item>a, .header_color .sidebar .current-menu-item>a, .header_color .pagination .current, .header_color .pagination a:hover, .header_color strong.avia-testimonial-name, .header_color .heading, .header_color .toggle_content strong, .header_color .toggle_content strong a, .header_color .tab_content strong, .header_color .tab_content strong a , .header_color .asc_count, .header_color .avia-testimonial-content strong, .header_color div .news-headline, #top .header_color .av-related-style-full .av-related-title, .header_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .header_color .wp-playlist-item-meta.wp-playlist-item-title, #top .header_color .av-no-image-slider h2 a, .header_color .av-small-bar .avia-progress-bar .progressbar-title-wrap{    color:#000000;}.header_color .meta-color, .header_color .sidebar, .header_color .sidebar a, .header_color .minor-meta, .header_color .minor-meta a, .header_color .text-sep, .header_color blockquote, .header_color .post_nav a, .header_color .comment-text, .header_color .side-container-inner, .header_color .news-time, .header_color .pagination a, .header_color .pagination span,  .header_color .tweet-text.avatar_no .tweet-time, #top .header_color .extra-mini-title, .header_color .team-member-job-title, .header_color .team-social a, .header_color #js_sort_items a, .grid-entry-excerpt, .header_color .avia-testimonial-subtitle, .header_color .commentmetadata a,.header_color .social_bookmarks a, .header_color .meta-heading>*, .header_color .slide-meta, .header_color .slide-meta a, .header_color .taglist, .header_color .taglist a, .header_color .phone-info, .header_color .phone-info a, .header_color .av-sort-by-term a, .header_color .av-magazine-time, .header_color .av-magazine .av-magazine-entry-icon, .header_color .av-catalogue-content, .header_color .wp-playlist-item-length, .html_modern-blog #top div .header_color .blog-categories a, .html_modern-blog #top div .header_color .blog-categories a:hover{color: #261f26;}.header_color .special-heading-inner-border{ border-color: #000000; }.header_color .meta-heading .special-heading-inner-border{ border-color: #261f26; }.header_color a, .header_color .widget_first, .header_color strong, .header_color b, .header_color b a, .header_color strong a, .header_color #js_sort_items a:hover, .header_color #js_sort_items a.active_sort, .header_color .av-sort-by-term a.active_sort, .header_color .special_amp, .header_color .taglist a.activeFilter, .header_color #commentform .required, #top .header_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .header_color .blog-categories a, .html_elegant-blog #top .header_color .blog-categories a:hover{color:#d63e2d;}.header_color a:hover, .header_color h1 a:hover, .header_color h2 a:hover, .header_color h3 a:hover, .header_color h4 a:hover, .header_color h5 a:hover, .header_color h6 a:hover,  .header_color .template-search  a.news-content:hover, .header_color .wp-playlist-item .wp-playlist-caption:hover{color: #eb5c23;}.header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type='submit'], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2, .header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover{background-color: #d63e2d;color:#ffffff;border-color:#b41c0b;}#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text{background-color: #d63e2d;color:#ffffff;border-color:#d63e2d;}#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text:after{background-color:#b41c0b;}#top .header_color .mobile_menu_toggle{color: #d63e2d;background:#fdffff;}#top .header_color .av-menu-mobile-active .av-subnav-menu > li > a:before{color: #d63e2d;}#top .header_color .av-open-submenu.av-subnav-menu > li > a:hover:before{color: #fdffff;}.header_color .button:hover, .header_color .ajax_controlls a:hover, .header_color #submit:hover, .header_color .big_button:hover, .header_color .contentSlideControlls a:hover, .header_color #submit:hover , .header_color input[type='submit']:hover{background-color: #eb5c23;color:#fdffff;border-color:#c93a01;}.header_color .avia-toc-style-elegant a.avia-toc-level-0:last-child:after, .header_color .avia-toc-style-elegant a:first-child:after, .header_color .avia-toc-style-elegant a.avia-toc-level-0:after {background-color:#fdffff; border-color: #eb5c23 }.header_color .avia-toc-style-elegant a:first-child span:after, .header_color .avia-toc-style-elegant a.avia-toc-level-0 span:after {background-color:#fdffff;}.header_color .avia-toc-style-elegant a:first-child:hover span:after, .header_color .avia-toc-style-elegant a.avia-toc-level-0:hover span:after {border-color: #eb5c23}.header_color .avia-toc-style-elegant a:before{border-color: #e1e1e1}.header_color .avia-toc-style-elegant a:first-child:after, .header_color .avia-toc-style-elegant a.avia-toc-level-0:after {border-color: #eb5c23; background-color: #fdffff;}.header_color .avia-toc-style-elegant a:last-child:after{ background-color:#e1e1e1;}.header_color .timeline-bullet{background-color:#e1e1e1;border-color: #fdffff;}.header_color table, .header_color .widget_nav_menu ul:first-child>.current-menu-item, .header_color .widget_nav_menu ul:first-child>.current_page_item, .header_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .header_color .pagination .current, .header_color .pagination a, .header_color.iconbox_top .iconbox_content, .header_color .av_promobox, .header_color .toggle_content, .header_color .toggler:hover, #top .header_color .av-minimal-toggle .toggler, .header_color .related_posts_default_image, .header_color .search-result-counter, .header_color .container_wrap_meta, .header_color .avia-content-slider .slide-image, .header_color .avia-slider-testimonials .avia-testimonial-content, .header_color .avia-testimonial-arrow-wrap .avia-arrow, .header_color .news-thumb, .header_color .portfolio-preview-content, .header_color .portfolio-preview-content .avia-arrow, .header_color .av-magazine .av-magazine-entry-icon, .header_color .related_posts.av-related-style-full a, .header_color .aviaccordion-slide, .header_color.avia-fullwidth-portfolio .pagination, .header_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .header_color .av-catalogue-list li:hover, .header_color .wp-playlist, .header_color .avia-slideshow-fixed-height > li, .header_color .avia-form-success, .header_color .avia-form-error, .header_color .av-boxed-grid-style .avia-testimonial{background: #f8f8f8;}#top .header_color .post_timeline li:hover .timeline-bullet{background-color:#eb5c23;}.header_color blockquote, .header_color .avia-bullet, .header_color .av-no-color.av-icon-style-border a.av-icon-char{border-color:#d63e2d;}.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu{border-top-color:#d63e2d;}.header_color .breadcrumb, .header_color .breadcrumb a, #top .header_color.title_container .main-title, #top .header_color.title_container .main-title a{color:#000000;}.header_color .av-icon-display, #top .header_color .av-related-style-full a:hover .related-format-icon, .header_color .av-default-style .av-countdown-cell-inner{background-color:#f8f8f8;color:#261f26;}.header_color .av-masonry-entry:hover .av-icon-display{background-color: #d63e2d;color:#ffffff;border-color:#b41c0b;}#top .header_color .av-masonry-entry.format-quote:hover .av-icon-display{color:#d63e2d;}.header_color ::-webkit-input-placeholder {color: #261f26; }.header_color ::-moz-placeholder {color: #261f26; opacity:1; }.header_color :-ms-input-placeholder {color: #261f26;}.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a{background-color:#fdffff;color: #261f26;}.header_color .main_menu .menu ul li a:hover, .header_color .av-subnav-menu ul a:hover{background-color:#f8f8f8;}.header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a , #top .header_color .sub_menu li ul a{color:#261f26;}#top .header_color .main_menu .menu ul li>a:hover{color:#000000;}.header_color .av-subnav-menu a:hover,.header_color .main_menu ul:first-child > li a:hover,.header_color .main_menu ul:first-child > li.current-menu-item > a,.header_color .main_menu ul:first-child > li.current_page_item > a,.header_color .main_menu ul:first-child > li.active-parent-item > a{color:#000000;}#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a{color:#d63e2d;}.header_color .sub_menu>ul>li>a:hover, .header_color .sub_menu>div>ul>li>a:hover{color:#000000;}#top .header_color .sub_menu ul li a:hover,.header_color .sub_menu ul:first-child > li.current-menu-item > a,.header_color .sub_menu ul:first-child > li.current_page_item > a,.header_color .sub_menu ul:first-child > li.active-parent-item > a{color:#000000;}.header_color .sub_menu li ul a, .header_color #payment, .header_color .sub_menu ul li, .header_color .sub_menu ul, #top .header_color .sub_menu li li a:hover{background-color: #fdffff;}.header_color#header .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a{border-color:#e1e1e1;}@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency{background-color:#fdffff;color: #000000;border-color: #e1e1e1;}}@media only screen and (max-width: 989px) { .html_mobile_menu_tablet #top #wrap_all .av_header_transparency{background-color:#fdffff;color: #000000;border-color: #e1e1e1;}}.header_color .avia-tt, .header_color .avia-tt .avia-arrow, .header_color .avia-tt .avia-arrow{background-color: #fdffff;color: #261f26;}.header_color .av_ajax_search_image{background-color: #d63e2d;color:#fdffff;}.header_color .ajax_search_excerpt{color: #261f26;}.header_color .av_ajax_search_title{color: #000000;}.header_color .ajax_load{background-color:#d63e2d;}.header_color .av_searchsubmit_wrapper{background-color:#d63e2d;}#top .header_color .avia-color-theme-color{color: #ffffff;border-color: #b41c0b;}.header_color .avia-color-theme-color-subtle{background-color:#f8f8f8;color: #000000;}.header_color .avia-color-theme-color-subtle:hover{background-color:#fdffff;color: #000000;}#top .header_color .avia-color-theme-color-highlight{color: #ffffff;border-color: #eb5c23;background-color: #eb5c23;}#top .header_color .avia-font-color-theme-color,#top .header_color .avia-font-color-theme-color-hover:hover{color: #ffffff;}.header_color .avia-font-color-theme-color-subtle{color: #000000;}.header_color .avia-font-color-theme-color-subtle-hover:hover{color: #000000;}#top .header_color .avia-font-color-theme-color-highlight,#top .header_color .avia-font-color-theme-color-highlight-hover:hover{color: #ffffff;}.header_color .avia-icon-list .iconlist_icon{background-color:#d0d0d0;}.header_color .avia-icon-list .iconlist-timeline{border-color:#e1e1e1;}.header_color .iconlist_content{color:#261f26;}.header_color .avia-timeline .milestone_icon{background-color:#d0d0d0;}.header_color .avia-timeline .milestone_inner{background-color:#d0d0d0;}.header_color .avia-timeline{border-color:#d0d0d0;}.header_color .av-milestone-icon-wrap:after{border-color:#d0d0d0;}.header_color .avia-timeline .av-milestone-date {color:#a0a0a0;}.header_color .avia-timeline .av-milestone-date span{background-color:#d0d0d0;}.header_color .avia-timeline-horizontal .av-milestone-content-wrap footer{background-color:#d0d0d0;}.header_color .av-timeline-nav a span{background-color:#d0d0d0;}#top .header_color .input-text, #top .header_color input[type='text'], #top .header_color input[type='input'], #top .header_color input[type='password'], #top .header_color input[type='email'], #top .header_color input[type='number'], #top .header_color input[type='url'], #top .header_color input[type='tel'], #top .header_color input[type='search'], #top .header_color textarea, #top .header_color select{border-color:#e1e1e1;background-color: #f8f8f8;color:#261f26;}#top .header_color .invers-color .input-text, #top .header_color .invers-color input[type='text'], #top .header_color .invers-color input[type='input'], #top .header_color .invers-color input[type='password'], #top .header_color .invers-color input[type='email'], #top .header_color .invers-color input[type='number'], #top .header_color .invers-color input[type='url'], #top .header_color .invers-color input[type='tel'], #top .header_color .invers-color input[type='search'], #top .header_color .invers-color textarea, #top .header_color .invers-color select{background-color: #fdffff;}.header_color .required{color:#d63e2d;}.header_color .av-masonry{background-color: #e7e7e7; }.header_color .av-masonry-pagination, .header_color .av-masonry-pagination:hover, .header_color .av-masonry-outerimage-container{background-color: #fdffff;}.header_color .container .av-inner-masonry-content, #top .header_color .container .av-masonry-load-more, #top .header_color .container .av-masonry-sort, .header_color .container .av-masonry-entry .avia-arrow{background-color: #f8f8f8;} .header_color .hr-short .hr-inner-style,  .header_color .hr-short .hr-inner{background-color: #fdffff;}div  .header_color .tabcontainer .active_tab_content, div .header_color .tabcontainer  .active_tab{background-color: #f8f8f8;color:#000000;}.responsive.js_active #top .header_color .avia_combo_widget .top_tab .tab{border-top-color:#e1e1e1;}.header_color .template-archives  .tabcontainer a, #top .header_color .tabcontainer .tab:hover, #top .header_color .tabcontainer .tab.active_tab{color:#000000;} .header_color .template-archives .tabcontainer a:hover{color:#eb5c23;}.header_color .sidebar_tab_icon {background-color: #e1e1e1;}#top .header_color .sidebar_active_tab .sidebar_tab_icon {background-color: #d63e2d;}.header_color .sidebar_tab:hover .sidebar_tab_icon {background-color: #eb5c23;}.header_color .sidebar_tab, .header_color .tabcontainer .tab{color: #261f26;}.header_color div .sidebar_active_tab , div  .header_color .tabcontainer.noborder_tabs .active_tab_content, div .header_color .tabcontainer.noborder_tabs  .active_tab{color: #000000;background-color: #fdffff;}#top .avia-smallarrow-slider  .avia-slideshow-dots a{background-color: #f8f8f8;}#top .header_color .avia-smallarrow-slider  .avia-slideshow-dots a.active, #top .header_color .avia-smallarrow-slider  .avia-slideshow-dots a:hover{background-color: #261f26;}@media only screen and (max-width: 767px) {.responsive #top .header_color .tabcontainer .active_tab{ background-color: #eb5c23; color:#ffffff; } /*hard coded white to match the icons beside which are also white*/.responsive #top .header_color .tabcontainer{border-color:#e1e1e1;}.responsive #top .header_color .active_tab_content{background-color: #f8f8f8;}}.header_color tr:nth-child(even), .header_color .avia-data-table .avia-heading-row .avia-desc-col, .header_color .avia-data-table .avia-highlight-col, .header_color .pricing-table>li:nth-child(even), body .header_color .pricing-table.avia-desc-col li, #top .header_color  .avia-data-table.avia_pricing_minimal th{background-color:#fdffff;color: #000000;}.header_color table caption, .header_color tr:nth-child(even), .header_color .pricing-table>li:nth-child(even), #top .header_color  .avia-data-table.avia_pricing_minimal td{color: #261f26;}.header_color tr:nth-child(odd), .header_color .pricing-table>li:nth-child(odd), .header_color .pricing-extra{background: #f8f8f8;}.header_color .pricing-table li.avia-pricing-row, .header_color .pricing-table li.avia-heading-row, .header_color .pricing-table li.avia-pricing-row .pricing-extra{background-color: #d63e2d;color:#ffffff;border-color:#f85f4f;}.header_color .pricing-table li.avia-heading-row, .header_color .pricing-table li.avia-heading-row .pricing-extra{background-color: #e74f3e;color:#ffffff;border-color:#f85f4f;}.header_color  .pricing-table.avia-desc-col .avia-heading-row, .header_color  .pricing-table.avia-desc-col .avia-pricing-row{border-color:#e1e1e1;}.header_color .theme-color-bar .bar{background: #d63e2d;}.header_color .mejs-controls .mejs-time-rail .mejs-time-current, .header_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .header_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .header_color .button.av-sending-button, .header_color .av-striped-bar .theme-color-bar .bar{background: #d63e2d;}body .header_color .mejs-controls .mejs-time-rail .mejs-time-float {background: #d63e2d;color: #fff;}body .header_color .mejs-controls .mejs-time-rail .mejs-time-float-corner {border: solid 4px #d63e2d;border-color: #d63e2d transparent transparent transparent;}.header_color .progress{background-color:#f8f8f8;}.header_color .av_searchform_element_results .av_ajax_search_entry,.header_color .av_searchform_element_results .av_ajax_search_title,.header_color.av_searchform_element_results .av_ajax_search_entry,.header_color.av_searchform_element_results .av_ajax_search_title{color: #d63e2d;}.header_color .av_searchform_element_results .ajax_search_excerpt,.header_color.av_searchform_element_results .ajax_search_excerpt{color: #261f26;}.header_color .av_searchform_element_results .av_ajax_search_image,.header_color.av_searchform_element_results .av_ajax_search_image{color: #261f26;} .header_color .button.av-sending-button{background: #eb5c23;background-image:-webkit-linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);background-image:      -moz-linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);background-image:           linear-gradient(-45deg, #eb5c23 25%, #fc6d34 25%, #fc6d34 50%, #eb5c23 50%, #eb5c23 75%, #fc6d34 75%, #fc6d34);border-color:#eb5c23;}.header_color span.bbp-admin-links a{color: #d63e2d;}.header_color span.bbp-admin-links a:hover{color: #eb5c23;}#top .header_color .bbp-reply-content, #top .header_color .bbp-topic-content, #top .header_color .bbp-body .super-sticky .page-numbers, #top .header_color .bbp-body .sticky .page-numbers, #top .header_color .bbp-pagination-links a:hover, #top .header_color .bbp-pagination-links span.current{ background:#fdffff; }#top .header_color .bbp-topics .bbp-header, #top .header_color .bbp-topics .bbp-header, #top .header_color .bbp-forums .bbp-header, #top .header_color .bbp-topics-front ul.super-sticky, #top .header_color .bbp-topics ul.super-sticky, #top .header_color .bbp-topics ul.sticky, #top .header_color .bbp-forum-content ul.sticky, #top .header_color .bbp-body .page-numbers{background-color:#f8f8f8;}#top .header_color .bbp-meta, #top .header_color .bbp-author-role, #top .header_color .bbp-author-ip, #top .header_color .bbp-pagination-count, #top .header_color .bbp-topics .bbp-body .bbp-topic-title:before{color: #261f26;}#top .header_color .bbp-admin-links{color:#e1e1e1;}.header_color #bbpress-forums li.bbp-body ul.forum, .header_color #bbpress-forums li.bbp-body ul.topic,.avia_transform .header_color .bbp-replies .bbp-reply-author:before, .avia_transform .forum-search .header_color .bbp-reply-author:before,.avia_transform .forum-search .header_color .bbp-topic-author:before{background-color:#fdffff;border-color:#e1e1e1;}#top .header_color .bbp-author-name{color:#000000;}.header_color .widget_display_stats dt, .header_color .widget_display_stats dd{background-color:#f8f8f8;}.header_color dropcap2, .header_color dropcap3, .header_color avia_button, .header_color avia_button:hover, .header_color .on-primary-color, .header_color .on-primary-color:hover{color: #ffffff;}#main, .avia-msie-8 .av_header_sticky_disabled#header{background-color:#fdffff;}.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{color:#000000;}.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{color:#261f26;}.html_header_sidebar #header .av-main-nav > li:hover > a .avia-menu-text, .html_header_sidebar #header .av-main-nav > li.current-menu-ancestor > a .avia-menu-text,.html_header_sidebar #header .av-main-nav li.current-menu-item > a .avia-menu-text{color:#d63e2d;}#top #wrap_all .av_seperator_big_border#header .av-menu-button-colored > a{background-color: #d63e2d; }#top #wrap_all .av_seperator_big_border#header .av-menu-button-bordered > a{background-color: #f8f8f8; }html.html_header_sidebar #wrap_all{background-color:#fdffff;}.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after{background-color:#261f26;}.html_av-overlay-side #top .av-burger-overlay-scroll{background:#fdffff}.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover{background-color:#f8f8f8;}.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{ border-color: #e1e1e1; }.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a{color:#000000}.html_av-overlay-side.av-burger-overlay-active #top #wrap_all #header .menu-item-search-dropdown a{ color:#000000 }.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after{background-color:#000000;}.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after{background-color:#000000;} @media only screen and (max-width: 767px) {#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after{background-color:#000000;}}#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, #top .av_header_transparency #header_main_alternate, .av_header_transparency #header_main .social_bookmarks li a{ color:inherit; border-color: transparent; background: transparent;}#top #wrap_all .header_color.av_header_transparency, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span,#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtext{color: #333333}#top .header_color.av_header_transparency .avia-menu-fx, .av_header_transparency div .av-hamburger-inner, .av_header_transparency div .av-hamburger-inner::before, .av_header_transparency div .av-hamburger-inner::after{background:#333333;} @media only screen and (max-width: 767px) {#top #wrap_all .header_color.av_header_transparency, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span,#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtex{ color: #261f26 }.header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after{background-color:#261f26;}#top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{border-color:#e1e1e1;}} @media only screen and (max-width: 989px) {.html_mobile_menu_tablet #top #wrap_all .header_color.av_header_transparency, .html_mobile_menu_tablet #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span,.html_mobile_menu_tablet #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, .html_mobile_menu_tablet #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtex{ color: #261f26 }.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after{background-color:#261f26;}.html_mobile_menu_tablet #top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside{border-color:#e1e1e1;}}.html_av-overlay-side .av-burger-overlay-scroll{width:350px;  -webkit-transform: translateX(350px); transform: translateX(350px); }.bbp-topics .bbp-body .bbp-topic-title:before{ content:'\E83b'; font-family: 'entypo-fontello'; }.bbp-topics .bbp-body .topic-voices-multi .bbp-topic-title:before { content:'\E83c'; font-family: 'entypo-fontello'; }.bbp-topics .bbp-body .super-sticky .bbp-topic-title:before { content:'\E808'; font-family: 'entypo-fontello'; }.bbp-topics .bbp-body .sticky .bbp-topic-title:before { content:'\E809'; font-family: 'entypo-fontello'; }.bbp-topics .bbp-body .status-closed .bbp-topic-title:before { content:'\E824'; font-family: 'entypo-fontello'; }.bbp-topics .bbp-body .super-sticky.status-closed .bbp-topic-title:before{ content:'\E809\E824'; font-family: 'entypo-fontello'; }.bbp-topics .bbp-body .sticky.status-closed .bbp-topic-title:before{ content:'\E808\E824'; font-family: 'entypo-fontello'; }#top .avia-layerslider .ls-nav-prev:before{  content:'\E87c'; font-family: 'entypo-fontello'; }#top .avia-layerslider .ls-nav-next:before{  content:'\E87d'; font-family: 'entypo-fontello'; }#top .avia-layerslider .ls-nav-start:before, #top .avia_playpause_icon:before{ content:'\E897'; font-family: 'entypo-fontello'; }#top .avia-layerslider .ls-nav-stop:before, #top .avia_playpause_icon.av-pause:before{ content:'\E899'; font-family: 'entypo-fontello'; }.image-overlay .image-overlay-inside:before{ content:'\E869'; font-family: 'entypo-fontello'; }.image-overlay.overlay-type-extern .image-overlay-inside:before{ content:'\E832'; font-family: 'entypo-fontello'; }.image-overlay.overlay-type-video .image-overlay-inside:before{ content:'\E897'; font-family: 'entypo-fontello'; }div.avia-popup button.mfp-arrow:before{ content:'\E87d'; font-family: 'entypo-fontello'; }div.avia-popup button.mfp-arrow-left:before { content:'\E87c'; font-family: 'entypo-fontello';}
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption{padding-top:140px;}
h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title, .html_elegant-blog #top .minor-meta, #av-burger-menu-ul li {font-family:'helvetica', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Arial, sans-serif; }
body.helvetica {font-family:'helvetica', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Arial, sans-serif; }
/* =======================================================
   DER EINFACHE WEG: NUR FARB-DESIGN, KEINE STRUKTUR-HACKS
   ======================================================= */
@media only screen and (max-width: 989px) {

    /* Hintergrund des Overlays auf Weiß */
    .av-burger-overlay, .av-burger-overlay-bg {
        background-color: #ffffff !important;
    }

    /* Schriftfarbe auf Schwarz */
    #top #wrap_all .av-burger-overlay-inner li a .avia-menu-text {
        color: #1a1a1a !important;
        font-size: 26px !important;
    }

    /* Linien, Pfeile und Ränder entfernen */
    #top #wrap_all .av-burger-overlay-inner li,
    #top #wrap_all .av-burger-overlay-inner li a,
    #top #wrap_all .av-burger-overlay-inner li .avia-bullet {
        border: none !important;
        display: none !important; /* Entfernt die Pfeile/Striche */
    }
    
    /* Links wieder sichtbar machen (nachdem wir die Liste eben 'none' gesetzt haben) */
    #top #wrap_all .av-burger-overlay-inner li,
    #top #wrap_all .av-burger-overlay-inner li a {
        display: block !important;
    }

    /* Hover-Farbe */
    #top #wrap_all .av-burger-overlay-inner li:hover > a .avia-menu-text {
        color: #e30613 !important;
    }
}




=======================================================
   2) TYPOGRAFIE (global, aber schlank)
   ======================================================= */
h1,h2,h3,h4,h5,h6,.avia-menu-text{
  font-family:'Open Sans','HelveticaNeue','Helvetica',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
body,p{ line-height:1.7 !important; }
.main_menu ul:first-child>li>a{ font-size:16px; }
.av_header_transparency .av-main-nav>li>a>.avia-menu-text,
.av_header_transparency .sub_menu>ul>li>a{ color:#fff !important; }


/* Jessica-Zitat */
.jessica-zitat .avia-testimonial-content{
  font-family:'Playfair Display','Georgia',serif !important;
  font-style:italic !important;
  font-size:22px !important;
  color:#444 !important;
}
.jessica-zitat .avia-testimonial-content::before{
  content:'“';
  position:absolute;
  top:-25px; left:-35px;
  font-size:90px;
  color:rgba(214,62,45,.10);
  font-family:serif;
  z-index:-1;
}

/* =======================================================
   4) POWER BUTTON (bleibt)
   ======================================================= */
.ho-power-button .avia-button{
  background-color:#d63e2d !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:20px 40px !important;
  font-size:18px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:1px;
  box-shadow:0 10px 25px rgba(214,62,45,.4) !important;
  transition:all .4s cubic-bezier(.175,.885,.32,1.275) !important;
  position:relative;
  overflow:hidden;
  animation:buttonBreathe 3s infinite ease-in-out;
}
.ho-power-button .avia-button:hover{
  background-color:#111 !important;
  transform:translateY(-8px) !important;
  box-shadow:0 20px 40px rgba(0,0,0,.3) !important;
  padding-left:50px !important;
  animation:none;
}
@keyframes buttonBreathe{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.03); }
  100%{ transform:scale(1); }
}

/* =======================================================
   5) HERO (FINAL – nur eine Version)
   Klasse: hs-wow-hero
   ======================================================= */
#top .hs-wow-hero{
  position:relative !important;
  overflow:hidden !important;
  min-height:100vh !important;
  display:flex;
  align-items:center;
  padding:0 !important;
}

/* Background-Layer/Overlay blocken keine Klicks */
#top .hs-wow-hero .hs-bgwrap,
#top .hs-wow-hero .hs-bg,
#top .hs-wow-hero .hs-bg2,
#top .hs-wow-hero .hs-sweep,
#top .hs-wow-hero .av-section-color-overlay{
  pointer-events:none !important;
}

/* Overlay: Filmlook */
#top .hs-wow-hero .av-section-color-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  z-index:1 !important;
  background:
    radial-gradient(900px 520px at 18% 28%, rgba(196,0,0,.35), transparent 60%),
    radial-gradient(900px 520px at 78% 35%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.88)) !important;
}

/* Inhalt immer darüber */
#top .hs-wow-hero .container{
  position:relative !important;
  z-index:5 !important;
  pointer-events:auto !important;
}

/* Hero-Panel: bevorzugt .hs-hero-panel, fallback first column */
#top .hs-wow-hero .hs-hero-panel,
#top .hs-wow-hero .flex_column:first-child{
  background:rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:28px 28px 26px;
  backdrop-filter:blur(6px);
  box-shadow:0 18px 70px rgba(0,0,0,.35);
}

/* Typo im Hero */
#top .hs-wow-hero .hs-title .av-special-heading-tag{
  font-size:50px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  margin:0 0 8px 0 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 14px 40px rgba(0,0,0,.60) !important;
}
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .hs-subtitle *{
  font-size:18px !important;
  font-weight:700 !important;
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  text-shadow:0 10px 28px rgba(0,0,0,.55) !important;
}

/* Button im Hero + Shine (1x beim Laden) */
#top .hs-wow-hero .avia-button{
  border-radius:999px !important;
  padding:16px 26px !important;
  font-weight:800 !important;
  box-shadow:0 18px 60px rgba(196,0,0,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
  position:relative;
  overflow:hidden;
}
#top .hs-wow-hero .avia-button:hover{
  transform:translateY(-3px) scale(1.01) !important;
  box-shadow:0 30px 90px rgba(196,0,0,.28) !important;
}
#top .hs-wow-hero .avia-button:before{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.32) 50%, rgba(255,255,255,.18) 55%, transparent 100%);
  transform:translateX(-70%) rotate(12deg);
  opacity:0;
}
#top .hs-wow-hero.is-on .avia-button:before{
  opacity:.9;
  animation:hsShineOnce 1.4s ease-out .9s 1 forwards;
}
@keyframes hsShineOnce{
  from{ transform:translateX(-70%) rotate(12deg); }
  to{ transform:translateX(55%) rotate(12deg); opacity:0; }
}

/* Reveal */
#top .hs-wow-hero .hs-brand,
#top .hs-wow-hero .hs-kicker,
#top .hs-wow-hero .hs-title,
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .avia-button{
  opacity:0;
  transform:translateY(26px);
  filter:blur(10px);
  transition:opacity 1s ease, transform 1s cubic-bezier(.16,1,.3,1), filter 1s ease;
}
#top .hs-wow-hero.is-on .hs-brand{ transition-delay:.06s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-kicker{ transition-delay:.14s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-title{ transition-delay:.22s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-subtitle{ transition-delay:.42s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .avia-button{ transition-delay:.55s; opacity:1; transform:none; filter:none; }

@media (max-width:989px){
  #top .hs-wow-hero{ min-height:80vh !important; }
  #top .hs-wow-hero .hs-title .av-special-heading-tag{
    font-size:34px !important;
    white-space:normal !important;
  }
  #top .hs-wow-hero .hs-hero-panel,
  #top .hs-wow-hero .flex_column:first-child{
    padding:20px 18px;
    border-radius:18px;
  }
}
@media (prefers-reduced-motion: reduce){
  #top .hs-wow-hero .hs-brand,
  #top .hs-wow-hero .hs-kicker,
  #top .hs-wow-hero .hs-title,
  #top .hs-wow-hero .hs-subtitle,
  #top .hs-wow-hero .avia-button{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
  #top .hs-wow-hero .avia-button:before{ display:none !important; }
}

/* =======================================================
   6) KONTAKT DOCK + PANEL (aktuelle Lösung)
   Dock: #hsContactHUD im Hero
   Panel: .hs-contactPanel nach dem Hero
   ======================================================= */

/* Dock */
#top .hs-wow-hero #hsContactHUD{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  width:min(980px,92vw);
  z-index:2147483646;
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(20px) saturate(1.3);
  -webkit-backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:0 30px 110px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.16);
  pointer-events:auto;
}
#hsContactHUD .hs-contactHUD__toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:14px 16px;
  background:transparent;
  border:none;
  color:#fff;
  cursor:pointer;
}
#hsContactHUD .hs-contactHUD__toggleIcon{
  display:inline-flex;
  width:34px; height:34px;
  align-items:center; justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  transition:transform .25s ease;
}
#hsContactHUD.is-open .hs-contactHUD__toggleIcon{ transform:rotate(180deg); }
#hsContactHUD .hs-contactHUD__toggleText{ font-weight:900; }

/* Panel nach unten */
.hs-contactPanel{
  width:min(980px,92vw);
  margin:-6px auto 0;
  border-radius:22px;
  overflow:hidden;
  background:#0f0f0f;
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  box-shadow:0 34px 140px rgba(0,0,0,.70);
  max-height:0;
  transition:max-height .38s cubic-bezier(.16,1,.3,1);
  position:relative;
  z-index:999999;
}
.hs-contactPanel:before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(700px 520px at 18% 16%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(900px 520px at 78% 10%, rgba(196,0,0,.10), transparent 62%);
  opacity:.9;
}
.hs-contactPanel.is-open{ max-height:520px; }
.hs-contactPanel__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1.2fr 1fr 0.9fr;
  gap:22px;
  padding:26px;
  background:transparent !important;
}
.hs-contactPanel__left{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:12px;
  align-items:start;
}
.hs-contactPanel__map{
  width:150px; height:150px;
  border-radius:22px;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 44px rgba(0,0,0,.40);
}
.hs-contactPanel__label{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
  margin-bottom:6px;
}
.hs-contactPanel__value{
  color:#fff;
  font-weight:750;
  font-size:14px;
  line-height:1.35;
}
.hs-contactPanel__right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.hs-contactPanel__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
  background:rgba(196,0,0,.95);
  border:1px solid rgba(196,0,0,.95);
  color:#fff;
  box-shadow:0 18px 60px rgba(196,0,0,.22);
}
@media (max-width:989px){
  #top .hs-wow-hero #hsContactHUD{
    position:relative;
    left:auto; bottom:auto;
    transform:none;
    width:92vw;
    margin:18px auto 0;
  }
  .hs-contactPanel__inner{ grid-template-columns:1fr; }
  .hs-contactPanel__right{ justify-content:flex-start; }
}

/* =======================================================
   7) RAIL Section (hs-rail-sec)
   ======================================================= */
#top .hs-rail-sec{
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(196,0,0,.10), transparent 60%),
    radial-gradient(900px 600px at 80% 25%, rgba(255,255,255,.05), transparent 62%),
    linear-gradient(180deg, #0b0b0b, #0f0f0f) !important;
  padding:90px 0 !important;
}
#top .hs-rail-sec h2, #top .hs-rail-sec .av-special-heading-tag{ color:#fff !important; font-weight:900 !important; }
#top .hs-rail-sec p{ color:rgba(255,255,255,.78) !important; }

.hs-rail__track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:min(72vw,520px);
  gap:18px;
  overflow-x:auto;
  padding:14px 4vw 24px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.hs-rail__track::-webkit-scrollbar{ display:none; }
.hs-rail__track.is-dragging{ scroll-snap-type:none !important; }

.hs-rail__card{
  scroll-snap-align:center;
  position:relative;
  height:min(64vh,560px);
  border-radius:34px;
  overflow:hidden;
  transform:translateZ(0) scale(.92);
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(22px) saturate(1.35);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:0 26px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -28px 70px rgba(0,0,0,.42);
}
.hs-rail__card::before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  background:
    radial-gradient(620px 420px at 18% 16%, rgba(255,255,255,.30), transparent 58%),
    radial-gradient(900px 520px at 78% 8%, rgba(255,255,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 55%);
  opacity:.95;
  pointer-events:none;
  z-index:1;
  transform:translate3d(-6%,-4%,0);
}
.hs-rail__card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px;
  pointer-events:none;
  z-index:4;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14),
              inset 0 14px 28px rgba(255,255,255,.07),
              inset 0 -18px 44px rgba(0,0,0,.40);
}
.hs-rail__media{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  transition:transform 1s ease;
  filter:contrast(1.05) saturate(.95);
  z-index:0;
}
.hs-rail__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(196,0,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.82));
}
.hs-rail__content{
  position:absolute;
  left:22px; right:22px; bottom:22px;
  z-index:3;
  opacity:0;
  transform:translateY(14px);
  transition:opacity .35s ease, transform .35s cubic-bezier(.16,1,.3,1);
  color:#fff;
  pointer-events:auto;
}
.hs-rail__h{
  margin:0 0 10px 0;
  font-weight:900;
  letter-spacing:-.02em;
  font-size:28px;
  line-height:1.05;
  color:rgba(255,255,255,.96);
  text-shadow:0 10px 30px rgba(0,0,0,.65);
}
.hs-rail__p{ margin:0 0 14px 0; color:rgba(255,255,255,.82); line-height:1.55; }
.hs-rail__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.hs-rail__btn::after{ content:"→"; transition:transform .18s ease; }
.hs-rail__btn:hover{ transform:translateY(-2px); background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.30); }
.hs-rail__btn:hover::after{ transform:translateX(3px); }

/* Active card (JS setzt is-active) */
.hs-rail__card.is-active{
  transform:translateZ(0) scale(1.00);
  box-shadow:0 42px 140px rgba(0,0,0,.70), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -28px 70px rgba(0,0,0,.46);
}
.hs-rail__card.is-active .hs-rail__content{ opacity:1; transform:none; }
.hs-rail__card.is-active .hs-rail__media{ transform:scale(1.08); }

@media (hover:hover) and (min-width:990px){
  .hs-rail__card.is-active .hs-rail__content{ opacity:0; transform:translateY(14px); }
  .hs-rail__card.is-active .hs-rail__media{ transform:scale(1.02); }
  .hs-rail__card:hover .hs-rail__content{ opacity:1; transform:none; }
  .hs-rail__card:hover .hs-rail__media{ transform:scale(1.08); }
}
@media (max-width:767px){
  .hs-rail__track{ grid-auto-columns:86vw; padding:14px 6vw 24px; }
  .hs-rail__card{ height:520px; }
  .hs-rail__h{ font-size:24px; }
}

/* =======================================================
   8) LIQUID TILES (final, scoped!)
   Section class: hs-liquid-tiles
   ======================================================= */
#top .hs-liquid-tiles{
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(196,0,0,.10), transparent 60%),
    radial-gradient(900px 600px at 80% 25%, rgba(255,255,255,.05), transparent 62%),
    linear-gradient(180deg, #0b0b0b, #0f0f0f) !important;
  padding:90px 0 !important;
  margin-top:0 !important;
  position:relative;
  z-index:1 !important;
}
#top .hs-liquid-tiles h2,
#top .hs-liquid-tiles .av-special-heading-tag{ color:#fff !important; font-weight:900 !important; }
#top .hs-liquid-tiles p,
#top .hs-liquid-tiles .av_textblock_section{ color:rgba(255,255,255,.78) !important; }

#top .hs-liquid-tiles .flex_column{
  position:relative;
  border-radius:30px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(22px) saturate(1.45) contrast(1.08);
  -webkit-backdrop-filter:blur(22px) saturate(1.45) contrast(1.08);
  box-shadow:0 30px 90px rgba(0,0,0,.60),
             inset 0 1px 0 rgba(255,255,255,.16),
             inset 0 -28px 70px rgba(0,0,0,.42) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
#top .hs-liquid-tiles .flex_column:nth-child(1){ background:rgba(196,0,0,.09) !important; }
#top .hs-liquid-tiles .flex_column:nth-child(2){ background:rgba(255,255,255,.07) !important; }
#top .hs-liquid-tiles .flex_column:nth-child(3){ background:rgba(255,255,255,.05) !important; }

#top .hs-liquid-tiles .flex_column:before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(520px 360px at 18% 16%, rgba(255,255,255,.34), transparent 58%),
    radial-gradient(900px 520px at 78% 8%, rgba(255,255,255,.18), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 55%);
  opacity:1;
  transform:translate3d(-6%,-4%,0);
}
#top .hs-liquid-tiles .flex_column:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:30px;
  pointer-events:none;
  z-index:1;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.20),
              inset 0 14px 28px rgba(255,255,255,.10),
              inset 0 -18px 44px rgba(0,0,0,.38);
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,.22));
}
#top .hs-liquid-tiles .flex_column:hover{
  transform:translateY(-10px) !important;
  box-shadow:0 44px 120px rgba(0,0,0,.70),
             inset 0 1px 0 rgba(255,255,255,.18),
             inset 0 -28px 70px rgba(0,0,0,.46) !important;
}

#top .hs-liquid-tiles .avia-image-container{
  margin:0 !important;
  padding:18px !important;
  position:relative;
  z-index:3;
  overflow:hidden !important;
  border-radius:22px !important;
}
#top .hs-liquid-tiles .avia-image-container img{
  width:100% !important;
  height:270px !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:18px !important;
  box-shadow:0 16px 44px rgba(0,0,0,.40);
  transform:scale(1.02);
  transition:transform .95s ease !important;
  filter:contrast(1.05) saturate(.95);
}
#top .hs-liquid-tiles .flex_column:hover .avia-image-container img{ transform:scale(1.06); }
#top .hs-liquid-tiles .flex_column:nth-child(2):hover .avia-image-container img{ transform:scale(1.10); }

#top .hs-liquid-tiles h3{
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  margin-top:8px !important;
  font-size:22px !important;
}
#top .hs-liquid-tiles .av_textblock_section{
  color:rgba(255,255,255,.80) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  margin-top:10px !important;
}
#top .hs-liquid-tiles .av-special-heading,
#top .hs-liquid-tiles .av_textblock_section{
  padding:0 18px !important;
  position:relative;
  z-index:3;
}
#top .hs-liquid-tiles .avia-button{
  margin:16px 18px 26px !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease !important;
}
#top .hs-liquid-tiles .avia-button:hover{
  transform:translateY(-2px) !important;
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.30) !important;
}

@media (max-width:989px){
  #top .hs-liquid-tiles .avia-image-container img{ height:220px !important; }
}
/* =========================
   HERO RESTORE (macht den Filmlook wieder wie vorher)
   ========================= */

/* Basis */
#top .hs-wow-hero{
  position: relative !important;
  overflow: hidden !important;
  min-height: 100vh !important;
}

/* Grain wieder rein (macht’s “teuer”) */
#top .hs-wow-hero:after{
  content:"" !important;
  position:absolute !important;
  inset:-20% !important;
  z-index:3 !important;
  pointer-events:none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='//www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E") !important;
  opacity: .10 !important;
  mix-blend-mode: overlay !important;
}

/* Overlay wieder “cinematic” (falls es flacher wurde) */
#top .hs-wow-hero .av-section-color-overlay{
  background:
    radial-gradient(900px 520px at 18% 28%, rgba(196,0,0,.42), transparent 60%),
    radial-gradient(900px 520px at 78% 35%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.88)) !important;
}

/* Content Panel wieder so wie gestern “nice” */
#top .hs-wow-hero .flex_column:first-child{
  background: rgba(0,0,0,.38) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  padding: 28px 28px 26px !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.35) !important;
}

/* Headline/Subtitle wie vorher */
#top .hs-wow-hero .hs-title .av-special-heading-tag{
  font-size: 50px !important;
  line-height: 1.05 !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: -0.02em !important;
  font-weight: 900 !important;
  text-shadow: 0 14px 40px rgba(0,0,0,.60) !important;
}
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .hs-subtitle *{
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
}

/* Reveal wieder smooth */
#top .hs-wow-hero .hs-brand,
#top .hs-wow-hero .hs-kicker,
#top .hs-wow-hero .hs-title,
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .avia-button{
  opacity: 0;
  transform: translateY(26px);
  filter: blur(10px);
  transition: opacity 1.0s ease, transform 1.0s cubic-bezier(.16,1,.3,1), filter 1.0s ease;
}
#top .hs-wow-hero.is-on .hs-brand{ transition-delay:.06s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-kicker{ transition-delay:.14s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-title{ transition-delay:.22s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-subtitle{ transition-delay:.42s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .avia-button{ transition-delay:.55s; opacity:1; transform:none; filter:none; }
/* =========================
   HERO TYPO + ABSTÄNDE (Fix)
   ========================= */

/* Kicker (“Fußorthopädie …”) – weniger Abstand, wieder hell */
#top .hs-wow-hero .hs-kicker,
#top .hs-wow-hero .hs-brand{
  margin: 0 0 10px 0 !important;          /* <- kleiner Abstand */
  color: rgba(255,255,255,.88) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Headline – wieder weiß (nicht dunkel), Abstand nach unten kleiner */
#top .hs-wow-hero .hs-title,
#top .hs-wow-hero .hs-title *,
#top .hs-wow-hero .hs-title .av-special-heading-tag{
  color: #ffffff !important;              /* <- DAS war vorher */
  margin-top: 0 !important;
  margin-bottom: 6px !important;          /* <- weniger Abstand zur Subline */
}

/* Subline – kleiner, näher dran, wieder hell */
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .hs-subtitle *{
  color: rgba(255,255,255,.82) !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Falls Enfold dem special heading noch extra Abstand gibt */
#top .hs-wow-hero .av-special-heading{
  margin: 0 !important;
  padding: 0 !important;
}
#top .hs-wow-hero .av-special-heading-tag{
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================
   HERO KICKER (1 Zeile + roter Strich links) + SUBLINE größer
   ========================= */

/* Kicker: eine Zeile + roter Strich links */
#top .hs-wow-hero .hs-kicker,
#top .hs-wow-hero .hs-brand{
  position: relative !important;
  display: inline-block !important;
  white-space: nowrap !important;        /* <- 1 Zeile */
  margin: 0 0 10px 0 !important;
  padding-left: 14px !important;         /* Platz für Strich */
  color: rgba(255,255,255,.86) !important;
  font-size: 13px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}

/* roter Strich */
#top .hs-wow-hero .hs-kicker:before,
#top .hs-wow-hero .hs-brand:before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 4px !important;
  height: 18px !important;
  background: #d63e2d !important;       /* euer Rot */
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
}

/* Mobile: darf umbrechen */
@media (max-width: 989px){
  #top .hs-wow-hero .hs-kicker,
  #top .hs-wow-hero .hs-brand{
    white-space: normal !important;
  }
}

/* Subline “Mit echter Maßarbeit.” größer */
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .hs-subtitle *{
  font-size: 20px !important;           /* <- größer */
  font-weight: 700 !important;
  color: rgba(255,255,255,.84) !important;
  margin-top: 0 !important;
}
/* =========================
   RAIL: Text-Kontrast fix (nur in hs-rail)
   ========================= */

/* Überschrift + Text IMMER hell */
.hs-rail__content,
.hs-rail__content *{
  color: rgba(255,255,255,.92) !important;
}

/* Kicker (Prävention und Alltag) etwas softer */
.hs-rail__kicker{
  color: rgba(255,255,255,.86) !important;
}

/* Headline (Für Alltag & Haltung) richtig sichtbar */
.hs-rail__h{
  color: #ffffff !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.65) !important;
}

/* Ampersand farbig (optional, sieht edel aus) */
.hs-rail__h .hs-amp,
.hs-rail__h .amp,
.hs-rail__h .and,
.hs-rail__h span{
  color: #d63e2d !important;
}

/* Paragraph */
.hs-rail__p{
  color: rgba(255,255,255,.80) !important;
}
/* =========================
   Sticky Story Section (120 Jahre)
   ========================= */

#top .hs-sticky-sec{
  background: linear-gradient(180deg, #0b0b0b, #0f0f0f) !important;
  padding: 110px 0 !important;
}

#top .hs-sticky-sec h2, 
#top .hs-sticky-sec h3{ color:#fff !important; font-weight: 900 !important; }
#top .hs-sticky-sec p{ color: rgba(255,255,255,.82) !important; }

.hs-sticky{
  position: sticky;
  top: 110px;
}

.hs-sticky__img{
  height: min(72vh, 680px);
  border-radius: 34px;
  overflow:hidden;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 34px 110px rgba(0,0,0,.55);
  position: relative;
}

.hs-sticky__img:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(196,0,0,.14), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.74));
  pointer-events:none;
}

/* Steps rechts */
#top .hs-sticky-sec .hs-step{
  padding: 28px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
  opacity: .28;
  transform: translateY(14px);
  transition: opacity .45s ease, transform .45s cubic-bezier(.16,1,.3,1);
}

#top .hs-sticky-sec .hs-step.is-active{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 989px){
  .hs-sticky{ position: relative; top: auto; }
  .hs-sticky__img{ height: 340px; margin-bottom: 24px; }
}
/* =========================
   Sticky Section: Reveal + Quote Look
   ========================= */

/* Quote Style */
#top .hs-sticky-sec .hs-quote{
  position: relative;
  padding: 18px 18px 18px 22px;
  margin: 0 0 34px 0;
  border-left: 4px solid #d63e2d;
  background: rgba(255,255,255,.03);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#top .hs-sticky-sec .hs-quote p{
  margin: 0 !important;
  font-style: italic;
  color: rgba(255,255,255,.88) !important;
  line-height: 1.55 !important;
  font-size: 16px !important;
}
#top .hs-sticky-sec .hs-quote:before{
  content:"“";
  position:absolute;
  top:-18px; left:10px;
  font-size: 72px;
  color: rgba(214,62,45,.22);
  font-family: Georgia, serif;
  line-height: 1;
}

/* Autorzeile (wenn du sie als eigene Zeile mit — schreibst) */
#top .hs-sticky-sec .hs-quote em,
#top .hs-sticky-sec .hs-quote strong{
  color: rgba(255,255,255,.92) !important;
  font-style: normal;
}

/* ===== Scroll-Reveal Steps ===== */
#top .hs-sticky-sec .hs-step{
  padding: 26px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);

  opacity: 0;
  transform: translateY(26px);
  filter: blur(10px);
  transition: opacity .55s ease, transform .55s cubic-bezier(.16,1,.3,1), filter .55s ease;
}

/* aktiv sichtbar */
#top .hs-sticky-sec .hs-step.is-active{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* wenn er „vorbei“ ist, leicht ausblenden (nicht hart weg) */
#top .hs-sticky-sec .hs-step.is-past{
  opacity: .18;
  transform: translateY(-10px);
  filter: blur(2px);
}

/* Überschriften in Steps */
#top .hs-sticky-sec .hs-step h3{
  color:#fff !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 8px !important;
}
#top .hs-sticky-sec .hs-step p{
  color: rgba(255,255,255,.80) !important;
  margin: 0 !important;
}
/* =========================
   STICKY FIX (Enfold kills sticky via overflow/transform)
   ========================= */

/* Sticky Element */
.hs-sticky{
  position: sticky !important;
  top: 110px !important;           /* Abstand unter Header */
  align-self: flex-start !important;
  z-index: 5;
}

/* Wichtig: Eltern dürfen Sticky NICHT clippen */
#top .hs-sticky-sec,
#top .hs-sticky-sec .container,
#top .hs-sticky-sec .container_wrap,
#top .hs-sticky-sec .template-page,
#top .hs-sticky-sec .content,
#top .hs-sticky-sec .flex_column,
#top .hs-sticky-sec .flex_column_table,
#top .hs-sticky-sec .flex_column_table_cell{
  overflow: visible !important;
}

/* Sticky bricht auch, wenn ein Parent transformiert ist */
#top .hs-sticky-sec,
#top .hs-sticky-sec .container,
#top .hs-sticky-sec .flex_column,
#top .hs-sticky-sec .flex_column_table,
#top .hs-sticky-sec .flex_column_table_cell{
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* Bildhöhe (damit Sticky-Effekt sichtbar ist) */
.hs-sticky__img{
  height: min(72vh, 680px) !important;
}
/* =========================
   Hours Bar (unter "Für wen...")
   ========================= */
#top .hs-hoursbar{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  box-shadow: 0 22px 80px rgba(0,0,0,.45);
}

#top .hs-hoursbar__k{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  margin-bottom: 6px;
}
#top .hs-hoursbar__v{
  color:#fff;
  font-weight: 800;
  line-height: 1.35;
}

#top .hs-hoursbar__cta{
  justify-self: end;
  display:inline-flex;
  align-items:center;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(196,0,0,.95);
  border: 1px solid rgba(196,0,0,.95);
  color:#fff;
  text-decoration:none;
  font-weight: 900;
  box-shadow: 0 18px 60px rgba(196,0,0,.22);
}

@media (max-width: 989px){
  #top .hs-hoursbar{ grid-template-columns: 1fr; }
  #top .hs-hoursbar__cta{ justify-self: start; }
}
/* =========================
   CONTACT DOCK (Liquid Glass) – unter Rail
   ========================= */

#top .hs-contactDock{
  width: min(980px, 92vw);
  margin: 18px auto 0;
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(20px) saturate(1.3);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  box-shadow: 0 30px 110px rgba(0,0,0,.55),
              inset 0 1px 0 rgba(255,255,255,.16);
  position: relative;
}

/* Toggle-Leiste */
#top .hs-contactDock__toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 14px;
  padding: 14px 16px;
  background: rgba(0,0,0,.18);
  border: none;
  color:#fff;
  cursor:pointer;
}
#top .hs-contactDock__icon{
  display:inline-flex;
  width: 34px; height: 34px;
  align-items:center; justify-content:center;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .25s ease;
}
#top .hs-contactDock.is-open .hs-contactDock__icon{ transform: rotate(180deg); }
#top .hs-contactDock__text{ font-weight: 900; }

/* Panel auf/zu */
#top .hs-contactDock__panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height .38s cubic-bezier(.16,1,.3,1);
  background: #0f0f0f; /* Panel soll nie weiß wirken */
}
#top .hs-contactDock.is-open .hs-contactDock__panel{ max-height: 520px; }

/* Innenlayout */
#top .hs-contactDock__inner{
  display:grid;
  grid-template-columns: 1.2fr 1fr 0.9fr;
  gap: 22px;
  padding: 26px;
  position: relative;
}

/* Liquid Highlight */
#top .hs-contactDock__panel:before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  pointer-events:none;
  background:
    radial-gradient(700px 520px at 18% 16%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(900px 520px at 78% 10%, rgba(214,62,45,.10), transparent 62%);
  opacity:.9;
}

/* Spalten */
#top .hs-contactDock__left{
  display:grid;
  grid-template-columns: 150px 1fr;
  gap: 12px;
  align-items:start;
}
#top .hs-contactDock__map{
  width:150px; height:150px;
  border-radius: 22px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 44px rgba(0,0,0,.40);
}

#top .hs-contactDock__label{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
  margin-bottom: 6px;
}
#top .hs-contactDock__value{
  color:#fff;
  font-weight: 750;
  font-size: 14px;
  line-height: 1.35;
}
#top .hs-contactDock__link{
  display:inline-block;
  margin-top: 6px;
  color: rgba(255,255,255,.82);
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.22);
}
#top .hs-contactDock__link:hover{ color:#fff; border-bottom-color: rgba(255,255,255,.40); }

#top .hs-contactDock__right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
#top .hs-contactDock__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration:none;
  background: rgba(214,62,45,.95);
  border: 1px solid rgba(214,62,45,.95);
  color:#fff;
  box-shadow: 0 18px 60px rgba(214,62,45,.22);
  transition: transform .18s ease;
}
#top .hs-contactDock__btn:hover{ transform: translateY(-2px); }

/* Mobile */
@media (max-width: 989px){
  #top .hs-contactDock__inner{ grid-template-columns: 1fr; }
  #top .hs-contactDock__right{ justify-content:flex-start; }
  #top .hs-contactDock__left{ grid-template-columns: 120px 1fr; }
  #top .hs-contactDock__map{ width:120px; height:120px; }
}
/* =======================
   HSX PROOF (custom scope)
   ======================= */

.hsx-proof{
  padding: clamp(64px, 8vw, 110px) 0;
  background: radial-gradient(900px 500px at 20% 20%, rgba(255,255,255,.05), transparent 60%),
              radial-gradient(800px 420px at 80% 70%, rgba(255,255,255,.04), transparent 55%),
              #121212;
  color: #f1f1f1;
}

.hsx-proof__inner{
  width: min(1180px, 92vw);
  margin: 0 auto;
}

.hsx-proof__head{
  max-width: 780px;
  margin-bottom: clamp(20px, 3vw, 36px);
}

.hsx-proof__eyebrow{
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .75;
  margin: 0 0 8px;
}

.hsx-proof__title{
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.06;
  margin: 0 0 10px;
}

.hsx-proof__lead{
  font-size: clamp(16px, 1.6vw, 18px);
  opacity: .86;
  margin: 0;
}

/* Cards */
.hsx-proof__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 900px){
  .hsx-proof__grid{ grid-template-columns: 1fr; }
}

.hsx-proof__card{
  border-radius: 20px;
  padding: 18px 18px 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
}

.hsx-proof__cardTitle{
  margin: 0 0 8px;
  font-size: 18px;
}

.hsx-proof__cardText{
  margin: 0;
  opacity: .84;
  line-height: 1.5;
}

/* Facts */
.hsx-proof__facts{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 900px){
  .hsx-proof__facts{ grid-template-columns: 1fr; }
}

.hsx-proof__fact{
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
}

.hsx-proof__num{
  font-size: 28px;
  font-weight: 750;
  letter-spacing: .02em;
  line-height: 1.1;
}

.hsx-proof__label{
  margin-top: 4px;
  font-size: 13px;
  opacity: .78;
}

/* CTA */
.hsx-proof__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.hsx-proof__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration: none;
  color: #141414;
  background: rgba(255,255,255,.90);
  border: 1px solid rgba(255,255,255,.20);
  font-weight: 600;
}

.hsx-proof__btn--ghost{
  color: #f1f1f1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
}

/* Scroll reveal (rein + wieder raus) */
.hsx-proof__reveal{
  opacity: 0;
  transform: translateY(18px);
  filter: blur(2px);
  transition: opacity .45s ease, transform .45s ease, filter .45s ease;
  will-change: opacity, transform;
}

.hsx-proof__reveal.is-in{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.hsx-proof__reveal.is-out{
  opacity: 0;
  transform: translateY(-18px);
  filter: blur(2px);
}
.hsx-about{
  position: relative;
  padding: clamp(70px, 9vw, 120px) 0;
  background: #0f0f10;
  color: #f4f4f6;
  overflow: clip;
}

.hsx-about__inner{
  width: min(1200px, 92vw);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.hsx-about__bg{
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(700px 420px at 20% 20%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(600px 360px at 78% 28%, rgba(255,255,255,.08), transparent 62%),
    radial-gradient(900px 520px at 55% 85%, rgba(255,255,255,.06), transparent 60%);
  filter: blur(8px);
  z-index: 1;
}

/* Head */
.hsx-about__head{
  max-width: 820px;
  margin-bottom: clamp(22px, 3.5vw, 40px);
}

.hsx-about__kicker{
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .82;
  margin: 0 0 10px;
}

.hsx-about__title{
  margin: 0 0 12px;
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: 1.02;
  letter-spacing: -0.02em;
}

.hsx-about__titleGradient,
.hsx-about__titleGradient2{
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.hsx-about__titleGradient{
  background-image: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.55));
}

.hsx-about__titleGradient2{
  background-image: linear-gradient(90deg, rgba(255,255,255,.65), rgba(255,255,255,.98));
}

.hsx-about__sub{
  margin: 0;
  font-size: clamp(16px, 1.55vw, 18px);
  color: rgba(244,244,246,.88);
  line-height: 1.5;
}

/* Grid */
.hsx-about__grid{
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: clamp(18px, 3vw, 36px);
  align-items: start;
}

@media (max-width: 920px){
  .hsx-about__grid{ grid-template-columns: 1fr; }
}

/* Sticky visual */
.hsx-about__visualWrap{
  position: sticky;
  top: 110px;
  align-self: start;
}

@media (max-width: 920px){
  .hsx-about__visualWrap{ position: relative; top: auto; }
}

.hsx-about__visual{
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  transform: translateY(var(--hsx-parallax, 0px));
  will-change: transform;
}

.hsx-about__img{
  width: 100%;
  height: min(560px, 60vh);
  object-fit: cover;
  display: block;
  transform: scale(1.02);
}

.hsx-about__shine{
  position: absolute;
  inset: -40%;
  background: radial-gradient(closest-side, rgba(255,255,255,.20), transparent 60%);
  transform: translateX(-30%) rotate(18deg);
  opacity: .60;
  pointer-events: none;
  mix-blend-mode: screen;
  animation: hsx-about-shine 6.5s ease-in-out infinite;
}

@keyframes hsx-about-shine{
  0%, 100% { transform: translateX(-32%) rotate(18deg); opacity: .45; }
  50%      { transform: translateX(18%) rotate(18deg); opacity: .72; }
}

.hsx-about__caption{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.46);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: rgba(244,244,246,.92);
}

.hsx-about__captionDot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 0 0 6px rgba(255,255,255,.10);
}

/* Cards */
.hsx-about__cards{ display: grid; gap: 12px; }

.hsx-about__card{
  border-radius: 20px;
  padding: 16px 16px 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 12px 40px rgba(0,0,0,.40);
  transition: transform .35s ease, border-color .35s ease;
}

.hsx-about__card:hover{
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.20);
}

.hsx-about__cardTitle{ margin: 0 0 8px; font-size: 18px; color: rgba(244,244,246,.96); }
.hsx-about__cardText{ margin: 0; color: rgba(244,244,246,.84); line-height: 1.5; }

/* Stats */
.hsx-about__stats{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 520px){
  .hsx-about__stats{ grid-template-columns: 1fr; }
}

.hsx-about__stat{
  border-radius: 18px;
  padding: 14px 14px 12px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
}

.hsx-about__statNum{ font-weight: 800; font-size: 20px; }
.hsx-about__statLabel{ margin-top: 4px; font-size: 13px; color: rgba(244,244,246,.72); }

/* CTA */
.hsx-about__cta{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hsx-about__btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 700;
  color: #111;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}

.hsx-about__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 46px rgba(0,0,0,.45);
}

.hsx-about__btn--ghost{
  color: rgba(244,244,246,.92);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: none;
}

/* Marquee */
.hsx-about__marquee{
  margin-top: clamp(22px, 3vw, 34px);
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.hsx-about__marqueeTrack{
  display: inline-flex;
  gap: 18px;
  white-space: nowrap;
  color: rgba(244,244,246,.78);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  animation: hsx-about-marquee 18s linear infinite;
}

@keyframes hsx-about-marquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Reveal rein + raus */
.hsx-about__reveal{
  opacity: 0;
  transform: translateY(24px) scale(.99);
  filter: blur(3px);
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease;
  will-change: opacity, transform;
}
.hsx-about__reveal.is-in{ opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
.hsx-about__reveal.is-out{ opacity: 0; transform: translateY(-18px) scale(.99); filter: blur(3px); }

@media (prefers-reduced-motion: reduce){
  .hsx-about__reveal, .hsx-about__marqueeTrack, .hsx-about__shine{
    transition: none !important;
    animation: none !important;
  }
}
/* ===========================
   HSX WOW ABOUT (custom scope)
   =========================== */

.hsx-wow{
  --hsx-bg: #0b0c0f;
  --hsx-white: #ffffff;
  --hsx-white-80: rgba(255,255,255,.80);
  --hsx-white-65: rgba(255,255,255,.65);
  --hsx-glass: rgba(255,255,255,.06);
  --hsx-glass-2: rgba(255,255,255,.035);
  --hsx-border: rgba(255,255,255,.14);
  --hsx-border-2: rgba(255,255,255,.10);

  position: relative;
  padding: clamp(76px, 9vw, 130px) 0;
  background: var(--hsx-bg);
  color: var(--hsx-white);
  overflow: clip;
}

/* Ambient blobs */
.hsx-wow__bg{
  position: absolute;
  inset: -25%;
  background:
    radial-gradient(800px 520px at 18% 18%, rgba(255,255,255,.09), transparent 62%),
    radial-gradient(680px 420px at 82% 26%, rgba(255,255,255,.07), transparent 62%),
    radial-gradient(980px 620px at 55% 88%, rgba(255,255,255,.06), transparent 60%);
  filter: blur(10px);
  opacity: .95;
  z-index: 1;
}

/* Subtle "noise" */
.hsx-wow__noise{
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 4px);
  opacity: .12;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* Cursor glow */
.hsx-wow__cursor{
  position: absolute;
  width: 540px;
  height: 540px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(255,255,255,.14), transparent 60%);
  filter: blur(10px);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.hsx-wow__inner{
  width: min(1240px, 92vw);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Head */
.hsx-wow__head{
  max-width: 900px;
  margin-bottom: clamp(18px, 3vw, 34px);
}

.hsx-wow__kicker{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 12px;
  color: var(--hsx-white-80);
}

.hsx-wow__title{
  margin: 0 0 12px;
  font-size: clamp(34px, 4.8vw, 64px);
  line-height: .98;
  letter-spacing: -0.03em;
  text-transform: none;
}

.hsx-wow__titleLine{
  display: block;
}

.hsx-wow__titleLine--accent{
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,.45));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hsx-wow__sub{
  margin: 0;
  font-size: clamp(16px, 1.6vw, 18px);
  color: var(--hsx-white-80);
  line-height: 1.55;
}

/* Chips */
.hsx-wow__chips{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hsx-wow__chip{
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Grid */
.hsx-wow__grid{
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(18px, 3vw, 40px);
  align-items: start;
}

@media (max-width: 980px){
  .hsx-wow__grid{ grid-template-columns: 1fr; }
}

/* Sticky visual */
.hsx-wow__visualWrap{
  position: sticky;
  top: 110px;
  align-self: start;
}

@media (max-width: 980px){
  .hsx-wow__visualWrap{ position: relative; top: auto; }
}

.hsx-wow__visual{
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 28px 90px rgba(0,0,0,.6);
  transform: translateY(var(--hsx-parallax, 0px)) rotateX(var(--hsx-rx, 0deg)) rotateY(var(--hsx-ry, 0deg));
  transition: transform .18s ease;
  will-change: transform;
}

/* Animated gradient border layer */
.hsx-wow__border{
  position: absolute;
  inset: -2px;
  border-radius: 30px;
  background: conic-gradient(
    from 120deg,
    rgba(255,255,255,.0),
    rgba(255,255,255,.35),
    rgba(255,255,255,.08),
    rgba(255,255,255,.30),
    rgba(255,255,255,.0)
  );
  filter: blur(10px);
  opacity: .65;
  animation: hsx-wow-spin 6.5s linear infinite;
  pointer-events: none;
}

@keyframes hsx-wow-spin{
  to{ transform: rotate(360deg); }
}

/* Shine sweep */
.hsx-wow__shine{
  position: absolute;
  inset: -50%;
  background: radial-gradient(closest-side, rgba(255,255,255,.22), transparent 60%);
  transform: translateX(-30%) rotate(18deg);
  opacity: .58;
  pointer-events: none;
  mix-blend-mode: screen;
  animation: hsx-wow-shine 7.2s ease-in-out infinite;
}

@keyframes hsx-wow-shine{
  0%, 100% { transform: translateX(-34%) rotate(18deg); opacity: .45; }
  50%      { transform: translateX(20%) rotate(18deg); opacity: .74; }
}

.hsx-wow__img{
  width: 100%;
  height: min(600px, 62vh);
  object-fit: cover;
  display: block;
  filter: contrast(1.06) saturate(1.08);
  transform: scale(1.03);
}

/* Caption */
.hsx-wow__caption{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255,255,255,.92);
}

.hsx-wow__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 0 0 6px rgba(255,255,255,.10);
}

/* Floating mini-cards */
.hsx-wow__floating{
  margin-top: 14px;
  display: flex;
  gap: 12px;
}

.hsx-wow__floatCard{
  flex: 1;
  border-radius: 18px;
  padding: 14px 14px 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 16px 50px rgba(0,0,0,.45);
}

.hsx-wow__floatNum{
  font-weight: 850;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: rgba(255,255,255,.98);
}

.hsx-wow__floatLabel{
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
}

/* Right content cards */
.hsx-wow__cards{
  display: grid;
  gap: 12px;
}

.hsx-wow__card{
  border-radius: 22px;
  padding: 16px 16px 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(0,0,0,.42);
  transition: transform .28s ease, border-color .28s ease;
}

.hsx-wow__card:hover{
  transform: translateY(-6px);
  border-color: rgba(255,255,255,.20);
}

.hsx-wow__cardTitle{
  margin: 0 0 8px;
  font-size: 18px;
  color: rgba(255,255,255,.98);
}

.hsx-wow__cardText{
  margin: 0;
  color: rgba(255,255,255,.80);
  line-height: 1.55;
}

/* CTA */
.hsx-wow__cta{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hsx-wow__btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 800;
  color: #0b0c0f;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  transition: transform .22s ease, box-shadow .22s ease;
}

.hsx-wow__btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
}

.hsx-wow__btn--ghost{
  color: rgba(255,255,255,.96);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: none;
}

.hsx-wow__btnIcon{
  opacity: .75;
}

/* Marquee */
.hsx-wow__marquee{
  margin-top: clamp(18px, 3vw, 26px);
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.hsx-wow__track{
  display: inline-flex;
  gap: 18px;
  white-space: nowrap;
  color: rgba(255,255,255,.78);
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  animation: hsx-wow-marquee 16s linear infinite;
}

@keyframes hsx-wow-marquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Reveal in/out */
.hsx-wow__reveal{
  opacity: 0;
  transform: translateY(26px) scale(.985);
  filter: blur(4px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.2,.85,.2,1), filter .65s ease;
  will-change: opacity, transform;
}

.hsx-wow__reveal.is-in{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.hsx-wow__reveal.is-out{
  opacity: 0;
  transform: translateY(-18px) scale(.985);
  filter: blur(4px);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .hsx-wow__reveal,
  .hsx-wow__track,
  .hsx-wow__shine,
  .hsx-wow__border{
    transition: none !important;
    animation: none !important;
  }
  .hsx-wow__cursor{ display: none !important; }
}
/* ===========================
   HSX WOW ABOUT (custom scope)
   =========================== */

.hsx-wow{
  --hsx-bg: #0b0c0f;
  --hsx-white: #ffffff;
  --hsx-white-80: rgba(255,255,255,.80);
  --hsx-white-65: rgba(255,255,255,.65);
  --hsx-glass: rgba(255,255,255,.06);
  --hsx-glass-2: rgba(255,255,255,.035);
  --hsx-border: rgba(255,255,255,.14);
  --hsx-border-2: rgba(255,255,255,.10);

  position: relative;
  padding: clamp(76px, 9vw, 130px) 0;
  background: var(--hsx-bg);
  color: var(--hsx-white);
  overflow: clip;
}

/* Ambient blobs */
.hsx-wow__bg{
  position: absolute;
  inset: -25%;
  background:
    radial-gradient(800px 520px at 18% 18%, rgba(255,255,255,.09), transparent 62%),
    radial-gradient(680px 420px at 82% 26%, rgba(255,255,255,.07), transparent 62%),
    radial-gradient(980px 620px at 55% 88%, rgba(255,255,255,.06), transparent 60%);
  filter: blur(10px);
  opacity: .95;
  z-index: 1;
}

/* Subtle "noise" */
.hsx-wow__noise{
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 4px);
  opacity: .12;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* Cursor glow */
.hsx-wow__cursor{
  position: absolute;
  width: 540px;
  height: 540px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(255,255,255,.14), transparent 60%);
  filter: blur(10px);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.hsx-wow__inner{
  width: min(1240px, 92vw);
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

/* Head */
.hsx-wow__head{
  max-width: 900px;
  margin-bottom: clamp(18px, 3vw, 34px);
}

.hsx-wow__kicker{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 12px;
  color: var(--hsx-white-80);
}

.hsx-wow__title{
  margin: 0 0 12px;
  font-size: clamp(34px, 4.8vw, 64px);
  line-height: .98;
  letter-spacing: -0.03em;
  text-transform: none;
}

.hsx-wow__titleLine{
  display: block;
}

.hsx-wow__titleLine--accent{
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,.45));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hsx-wow__sub{
  margin: 0;
  font-size: clamp(16px, 1.6vw, 18px);
  color: var(--hsx-white-80);
  line-height: 1.55;
}

/* Chips */
.hsx-wow__chips{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hsx-wow__chip{
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Grid */
.hsx-wow__grid{
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(18px, 3vw, 40px);
  align-items: start;
}

@media (max-width: 980px){
  .hsx-wow__grid{ grid-template-columns: 1fr; }
}

/* Sticky visual */
.hsx-wow__visualWrap{
  position: sticky;
  top: 110px;
  align-self: start;
}

@media (max-width: 980px){
  .hsx-wow__visualWrap{ position: relative; top: auto; }
}

.hsx-wow__visual{
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 28px 90px rgba(0,0,0,.6);
  transform: translateY(var(--hsx-parallax, 0px)) rotateX(var(--hsx-rx, 0deg)) rotateY(var(--hsx-ry, 0deg));
  transition: transform .18s ease;
  will-change: transform;
}

/* Animated gradient border layer */
.hsx-wow__border{
  position: absolute;
  inset: -2px;
  border-radius: 30px;
  background: conic-gradient(
    from 120deg,
    rgba(255,255,255,.0),
    rgba(255,255,255,.35),
    rgba(255,255,255,.08),
    rgba(255,255,255,.30),
    rgba(255,255,255,.0)
  );
  filter: blur(10px);
  opacity: .65;
  animation: hsx-wow-spin 6.5s linear infinite;
  pointer-events: none;
}

@keyframes hsx-wow-spin{
  to{ transform: rotate(360deg); }
}

/* Shine sweep */
.hsx-wow__shine{
  position: absolute;
  inset: -50%;
  background: radial-gradient(closest-side, rgba(255,255,255,.22), transparent 60%);
  transform: translateX(-30%) rotate(18deg);
  opacity: .58;
  pointer-events: none;
  mix-blend-mode: screen;
  animation: hsx-wow-shine 7.2s ease-in-out infinite;
}

@keyframes hsx-wow-shine{
  0%, 100% { transform: translateX(-34%) rotate(18deg); opacity: .45; }
  50%      { transform: translateX(20%) rotate(18deg); opacity: .74; }
}

.hsx-wow__img{
  width: 100%;
  height: min(600px, 62vh);
  object-fit: cover;
  display: block;
  filter: contrast(1.06) saturate(1.08);
  transform: scale(1.03);
}

/* Caption */
.hsx-wow__caption{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255,255,255,.92);
}

.hsx-wow__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 0 0 6px rgba(255,255,255,.10);
}

/* Floating mini-cards */
.hsx-wow__floating{
  margin-top: 14px;
  display: flex;
  gap: 12px;
}

.hsx-wow__floatCard{
  flex: 1;
  border-radius: 18px;
  padding: 14px 14px 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 16px 50px rgba(0,0,0,.45);
}

.hsx-wow__floatNum{
  font-weight: 850;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: rgba(255,255,255,.98);
}

.hsx-wow__floatLabel{
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
}

/* Right content cards */
.hsx-wow__cards{
  display: grid;
  gap: 12px;
}

.hsx-wow__card{
  border-radius: 22px;
  padding: 16px 16px 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(0,0,0,.42);
  transition: transform .28s ease, border-color .28s ease;
}

.hsx-wow__card:hover{
  transform: translateY(-6px);
  border-color: rgba(255,255,255,.20);
}

.hsx-wow__cardTitle{
  margin: 0 0 8px;
  font-size: 18px;
  color: rgba(255,255,255,.98);
}

.hsx-wow__cardText{
  margin: 0;
  color: rgba(255,255,255,.80);
  line-height: 1.55;
}

/* CTA */
.hsx-wow__cta{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hsx-wow__btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 800;
  color: #0b0c0f;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  transition: transform .22s ease, box-shadow .22s ease;
}

.hsx-wow__btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
}

.hsx-wow__btn--ghost{
  color: rgba(255,255,255,.96);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: none;
}

.hsx-wow__btnIcon{
  opacity: .75;
}

/* Marquee */
.hsx-wow__marquee{
  margin-top: clamp(18px, 3vw, 26px);
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.hsx-wow__track{
  display: inline-flex;
  gap: 18px;
  white-space: nowrap;
  color: rgba(255,255,255,.78);
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  animation: hsx-wow-marquee 16s linear infinite;
}

@keyframes hsx-wow-marquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Reveal in/out */
.hsx-wow__reveal{
  opacity: 0;
  transform: translateY(26px) scale(.985);
  filter: blur(4px);
  transition: opacity .65s ease, transform .65s cubic-bezier(.2,.85,.2,1), filter .65s ease;
  will-change: opacity, transform;
}

.hsx-wow__reveal.is-in{
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.hsx-wow__reveal.is-out{
  opacity: 0;
  transform: translateY(-18px) scale(.985);
  filter: blur(4px);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .hsx-wow__reveal,
  .hsx-wow__track,
  .hsx-wow__shine,
  .hsx-wow__border{
    transition: none !important;
    animation: none !important;
  }
  .hsx-wow__cursor{ display: none !important; }
}
/* ========== HSX WOW: bulletproof reveal ========== */
/* Default: alles sichtbar (falls JS fehlt / geblockt ist) */
.hsx-wow .hsx-wow__reveal{
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* Nur wenn JS aktiv ist, dürfen wir verstecken + animieren */
.hsx-wow.hsx-wow--js .hsx-wow__reveal{
  opacity: 0 !important;
  transform: translateY(26px) scale(.985) !important;
  filter: blur(4px) !important;
  transition: opacity .65s ease, transform .65s cubic-bezier(.2,.85,.2,1), filter .65s ease;
  will-change: opacity, transform;
}

.hsx-wow.hsx-wow--js .hsx-wow__reveal.is-in{
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  filter: blur(0) !important;
}

.hsx-wow.hsx-wow--js .hsx-wow__reveal.is-out{
  opacity: 0 !important;
  transform: translateY(-18px) scale(.985) !important;
  filter: blur(4px) !important;
}
/* ===========================
   HSX ABOUT HERO (custom)
   =========================== */

.hsx-aboutHero{
  position: relative;
  background: #0b0c0f;
  color: #fff;
  min-height: min(86vh, 880px);
  overflow: clip;
  display: grid;
  place-items: center;
}

/* Media layer */
.hsx-aboutHero__media{
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background: #0b0c0f;
}

/* ✅ WICHTIG: Bild komplett sichtbar, nicht gecroppt */
.hsx-aboutHero__img{
  width: 100%;
  height: 100%;
  object-fit: contain;       /* NICHT cover */
  object-position: center;
  transform: translateY(var(--hsx-parallax, 0px)) scale(1.01);
  filter: contrast(1.06) saturate(1.04);
}

/* Vignette/Lesbarkeit ohne das Foto zu zerstören */
.hsx-aboutHero__vignette{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 520px at 50% 40%, rgba(0,0,0,.10), rgba(0,0,0,.70) 70%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.30) 45%, rgba(0,0,0,.70));
  pointer-events: none;
}

/* feines Grain */
.hsx-aboutHero__grain{
  position: absolute;
  inset: 0;
  opacity: .08;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 4px);
  mix-blend-mode: overlay;
  pointer-events: none;
}

/* Content */
.hsx-aboutHero__inner{
  position: relative;
  z-index: 2;
  width: min(1200px, 92vw);
  display: grid;
  justify-items: start;
}

/* Glass panel */
.hsx-aboutHero__panel{
  width: min(640px, 92vw);
  padding: clamp(18px, 2.6vw, 26px);
  border-radius: 26px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 24px 90px rgba(0,0,0,.55);
}

.hsx-aboutHero__kicker{
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .85;
}

.hsx-aboutHero__title{
  margin: 0 0 10px;
  font-size: clamp(28px, 3.6vw, 46px);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.hsx-aboutHero__titleAccent{
  display: block;
  font-weight: 700;
  opacity: .92;
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,.55));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hsx-aboutHero__lead{
  margin: 0 0 14px;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.55;
  color: rgba(255,255,255,.88);
}

/* Highlights (statt Kacheln) */
.hsx-aboutHero__highlights{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
}

.hsx-aboutHero__hl{
  display: inline-flex;
  gap: 8px;
  align-items: baseline;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.14);
}

.hsx-aboutHero__hlKey{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .75;
}

.hsx-aboutHero__hlVal{
  font-size: 13px;
  font-weight: 700;
  opacity: .95;
}

/* CTA */
.hsx-aboutHero__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hsx-aboutHero__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 800;
  color: #0b0c0f;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .22s ease, box-shadow .22s ease;
  box-shadow: 0 18px 70px rgba(0,0,0,.45);
}

.hsx-aboutHero__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 26px 90px rgba(0,0,0,.55);
}

.hsx-aboutHero__btn--ghost{
  color: rgba(255,255,255,.95);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: none;
}

/* ---------- Progressive Reveal (sichtbar ohne JS) ---------- */
.hsx-aboutHero__reveal{
  opacity: 1;
  transform: none;
  filter: none;
}

.hsx-aboutHero.hsx-aboutHero--js .hsx-aboutHero__reveal{
  opacity: 0;
  transform: translateY(18px);
  filter: blur(3px);
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.85,.2,1), filter .55s ease;
}

.hsx-aboutHero.hsx-aboutHero--js .hsx-aboutHero__reveal.is-in{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.hsx-aboutHero.hsx-aboutHero--js .hsx-aboutHero__reveal.is-out{
  opacity: 0;
  transform: translateY(-14px);
  filter: blur(3px);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .hsx-aboutHero__img{ transform: none !important; }
  .hsx-aboutHero.hsx-aboutHero--js .hsx-aboutHero__reveal{
    transition: none !important;
  }
}
/* ===========================
   HSX CINEMATIC (custom)
   =========================== */

.hsx-cine{
  --hsx-focus: 0; /* wird per JS 0..1 gesetzt */
  position: relative;
  min-height: min(92vh, 900px);
  background: #090a0d;
  color: #fff;
  overflow: clip;
  display: grid;
  place-items: center;
}

.hsx-cine__media{
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background: #090a0d;
}

/* ✅ komplett sichtbar (nicht zuschneiden) */
.hsx-cine__img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;

  /* WOW: beim Scrollen wird es minimal "klarer" */
  filter:
    contrast(calc(1.02 + var(--hsx-focus) * 0.10))
    saturate(calc(1.00 + var(--hsx-focus) * 0.10))
    brightness(calc(0.92 + var(--hsx-focus) * 0.10));
  transform: translateY(calc((var(--hsx-focus) - .5) * 14px)) scale(1.01);
  transition: filter .2s linear, transform .2s linear;
}

.hsx-cine__shade{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1000px 620px at 45% 38%, rgba(0,0,0,.05), rgba(0,0,0,.72) 72%),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.25) 45%, rgba(0,0,0,.75));
  pointer-events: none;
}

.hsx-cine__grain{
  position: absolute;
  inset: 0;
  opacity: .09;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 4px);
  mix-blend-mode: overlay;
  pointer-events: none;
}

/* Content */
.hsx-cine__inner{
  position: relative;
  z-index: 2;
  width: min(1200px, 92vw);
}

.hsx-cine__stack{
  max-width: 820px;
}

.hsx-cine__kicker{
  margin: 0 0 12px;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .86;
}

/* Typo = der WOW-Moment */
.hsx-cine__title{
  margin: 0 0 14px;
  font-size: clamp(44px, 6.2vw, 88px);
  line-height: .90;
  letter-spacing: -0.05em;
  text-transform: none;
}

.hsx-cine__line{
  display: block;
  color: rgba(255,255,255,.96);
  text-shadow: 0 18px 70px rgba(0,0,0,.55);
}

.hsx-cine__line--accent{
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,.40));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hsx-cine__lead{
  margin: 0 0 18px;
  max-width: 52ch;
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.55;
  color: rgba(255,255,255,.86);
}

/* CTA */
.hsx-cine__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.hsx-cine__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 18px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 850;
  color: #090a0d;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 22px 90px rgba(0,0,0,.55);
  transition: transform .22s ease, box-shadow .22s ease;
}

.hsx-cine__btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 30px 110px rgba(0,0,0,.65);
}

.hsx-cine__btn--ghost{
  color: rgba(255,255,255,.95);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: none;
}

/* Minimal glass tag */
.hsx-cine__tag{
  margin-top: 18px;
  display: inline-block;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255,255,255,.88);
}

/* ---------- Progressive Reveal (sichtbar ohne JS) ---------- */
.hsx-cine__reveal{
  opacity: 1;
  transform: none;
  filter: none;
}

/* JS mode */
.hsx-cine.hsx-cine--js .hsx-cine__reveal{
  opacity: 0;
  transform: translateY(20px);
  filter: blur(3px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.85,.2,1),
    filter .7s ease;
}

.hsx-cine.hsx-cine--js .hsx-cine__reveal.is-in{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.hsx-cine.hsx-cine--js .hsx-cine__reveal.is-out{
  opacity: 0;
  transform: translateY(-14px);
  filter: blur(3px);
}

/* Optional: „Split“-Reveal für die großen Zeilen */
.hsx-cine.hsx-cine--js .hsx-cine__line{
  clip-path: inset(0 0 100% 0);
  transition: clip-path .9s cubic-bezier(.2,.85,.2,1);
}
.hsx-cine.hsx-cine--js .hsx-cine__line.is-in{
  clip-path: inset(0 0 0 0);
}

@media (prefers-reduced-motion: reduce){
  .hsx-cine__img{ transform: none !important; transition: none !important; }
  .hsx-cine.hsx-cine--js .hsx-cine__reveal{ transition: none !important; }
  .hsx-cine.hsx-cine--js .hsx-cine__line{ transition: none !important; }
}
.hsx-cine__shade{
  background:
    radial-gradient(1000px 620px at 45% 38%, rgba(0,0,0,.03), rgba(0,0,0,.62) 72%),
    linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.22) 45%, rgba(0,0,0,.64));
}
/* ========== PATCH: Background einheitlich ========== */
.hsx-cine{
  background: #0f0f0f;
}
.hsx-cine__media{
  background: #0f0f0f;
}

/* ========== PATCH: Schrift transparenter ========== */
.hsx-cine__kicker{
  opacity: .55; /* vorher .86 */
}

.hsx-cine__line{
  color: rgba(255,255,255,.72); /* transparenter */
  text-shadow: 0 18px 70px rgba(0,0,0,.55);
}

/* Manufaktur-Gradient ebenfalls transparenter */
.hsx-cine__line--accent{
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.82),
    rgba(255,255,255,.32)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Lead Text transparenter */
.hsx-cine__lead{
  color: rgba(255,255,255,.68);
}

/* ========== PATCH: eine Zeile rot ========== */
/* Nimm z.B. "Kontrolle." rot (3. Zeile). */
.hsx-cine__line:nth-child(3){
  color: rgba(220, 40, 40, .78); /* dezentes Rot */
}

/* Optional: Rot minimal leuchten lassen, aber sehr subtil */
.hsx-cine__line:nth-child(3){
  text-shadow: 0 18px 70px rgba(0,0,0,.55), 0 0 22px rgba(220, 40, 40, .12);
}

/* ========== PATCH: Note als normaler Text (ohne Rahmen) ========== */
.hsx-cine__note{
  margin: 14px 0 0;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.52);
}
/* ========== HSX CINEMATIC ANIMATION PATCH ========== */

/* 1) Subtiler Ken-Burns Zoom auf dem Bild */
.hsx-cine__img{
  animation: hsx-cine-kenburns 14s ease-in-out infinite;
  transform-origin: 50% 50%;
}

@keyframes hsx-cine-kenburns{
  0%, 100% { transform: translateY(calc((var(--hsx-focus) - .5) * 14px)) scale(1.01); }
  50%      { transform: translateY(calc((var(--hsx-focus) - .5) * 14px)) scale(1.035); }
}

/* 2) Light sweep über das Bild (modern) */
.hsx-cine__media::after{
  content: "";
  position: absolute;
  inset: -40%;
  background: linear-gradient(
    120deg,
    transparent 40%,
    rgba(255,255,255,.08) 50%,
    transparent 60%
  );
  transform: translateX(-30%) rotate(8deg);
  opacity: .55;
  pointer-events: none;
  mix-blend-mode: screen;
  animation: hsx-cine-sweep 7.5s ease-in-out infinite;
}

@keyframes hsx-cine-sweep{
  0%, 100% { transform: translateX(-34%) rotate(8deg); opacity: .35; }
  50%      { transform: translateX(22%) rotate(8deg); opacity: .70; }
}

/* 3) Stagger Reveal – nur wenn JS aktiv */
.hsx-cine.hsx-cine--js .hsx-cine__reveal{
  opacity: 0;
  transform: translateY(26px);
  filter: blur(3px);
  transition:
    opacity .75s ease,
    transform .75s cubic-bezier(.2,.85,.2,1),
    filter .75s ease;
  will-change: opacity, transform;
}

/* Delay via CSS Variable (wird im JS gesetzt) */
.hsx-cine.hsx-cine--js .hsx-cine__reveal{
  transition-delay: var(--hsx-delay, 0ms);
}

.hsx-cine.hsx-cine--js .hsx-cine__reveal.is-in{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.hsx-cine.hsx-cine--js .hsx-cine__reveal.is-out{
  opacity: 0;
  transform: translateY(-16px);
  filter: blur(3px);
  transition-delay: 0ms; /* raus sofortiger */
}

/* Optional: “Split” Reveal für große Zeilen */
.hsx-cine.hsx-cine--js .hsx-cine__line{
  clip-path: inset(0 0 100% 0);
  transition: clip-path .95s cubic-bezier(.2,.85,.2,1);
  transition-delay: var(--hsx-delay, 0ms);
}
.hsx-cine.hsx-cine--js .hsx-cine__line.is-in{
  clip-path: inset(0 0 0 0);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .hsx-cine__img{ animation: none !important; }
  .hsx-cine__media::after{ animation: none !important; }
  .hsx-cine.hsx-cine--js .hsx-cine__reveal,
  .hsx-cine.hsx-cine--js .hsx-cine__line{
    transition: none !important;
  }
}
/* =========================
   FINALE END CARD (Film-Frame)
   Klasse: hs-endcard
   ========================= */
#top .hs-endcard{
  position: relative;
  overflow: hidden;
  padding: 120px 0 140px !important;
  background-color:#0f0f0f !important;
}
#top .hs-endcard .av-section-color-overlay{
  opacity: 1 !important;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.22), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.88)) !important;
}

/* Grain für “Premium” */
#top .hs-endcard:after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index: 2;
  pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='//www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  opacity: .10;
  mix-blend-mode: overlay;
}

#top .hs-endcard .container{
  position: relative;
  z-index: 5;
  max-width: 1100px;
}

/* “Signatur”-Zeile */
#top .hs-endcard .hs-sign{
  display:inline-block;
  margin: 0 0 14px 0;
  padding-left: 14px;
  position: relative;
  color: rgba(255,255,255,.86);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
}
#top .hs-endcard .hs-sign:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:4px; height:18px;
  background:#d63e2d;
  transform: translateY(-50%);
  border-radius: 999px;
}

/* Headline: brutal */
#top .hs-endcard h2,
#top .hs-endcard .av-special-heading-tag{
  color:#fff !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(34px, 4.2vw, 76px) !important;
  line-height: 1.02 !important;
  text-shadow: 0 18px 60px rgba(0,0,0,.70) !important;
  margin: 0 0 14px 0 !important;
}

#top .hs-endcard p{
  color: rgba(255,255,255,.82) !important;
  font-size: 18px !important;
  max-width: 62ch;
  text-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
}

/* Buttons: sauber + premium */
#top .hs-endcard .avia-button{
  border-radius: 999px !important;
  padding: 14px 18px !important;
  font-weight: 900 !important;
  margin-right: 10px !important;
}
#top .hs-endcard .avia-button.avia-color-theme-color{
  box-shadow: 0 18px 60px rgba(214,62,45,.22) !important;
}

/* Reveal beim Reinscrollen */
#top .hs-endcard .container{
  opacity:0;
  transform: translateY(18px);
  transition: opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1);
}
#top .hs-endcard.is-inview .container{
  opacity:1;
  transform: translateY(0);
}
/* Endcard ohne Buttons: etwas mehr "Abschluss" */
#top .hs-endcard .hs-sign{ margin-bottom: 18px !important; }

#top .hs-endcard .container:after{
  content:"";
  display:block;
  width: min(520px, 70vw);
  height: 2px;
  margin-top: 28px;
  background: linear-gradient(90deg, rgba(214,62,45,0), rgba(214,62,45,.95), rgba(214,62,45,0));
  opacity: .85;
}
/* ===== END CARD FAIL-SAFE: Text erzwingen ===== */
#top .hs-endcard .container,
#top .hs-endcard .container *{
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  visibility: visible !important;
  color: #fff !important;
}
/* ===== END CARD: Background sitzt auf JEDEM möglichen Enfold-Wrapper ===== */
#top .hs-endcard,
#top .hs-endcard > .container_wrap,
#top .hs-endcard > .container_wrap > .container,
#top .hs-endcard .avia-section{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Falls Enfold das Bild als Inline-Style setzt, trotzdem cover erzwingen */
#top .hs-endcard[style*="background-image"]{
  background-size: cover !important;
  background-position: center center !important;
}
/* ===== Endcard Signatur als Textblock-Klasse ===== */
#top .hs-endcard .hs-sign{
  display:inline-block !important;
  margin: 0 0 14px 0 !important;
  padding-left: 14px !important;
  position: relative !important;
  color: rgba(255,255,255,.86) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
#top .hs-endcard .hs-sign:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:4px; height:18px;
  background:#d63e2d;
  transform: translateY(-50%);
  border-radius:999px;
}
/* Endcard Bild kleiner – zeigt mehr vom Motiv */
#top .hs-endcard{
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* Endcard Bild weniger zoomig, aber noch vollflächig */
#top .hs-endcard{
  background-size: 115% auto !important;   /* kleiner machen: 110% / größer: 125% */
  background-position: center 35% !important;  /* hoch/runter anpassen */
  background-repeat: no-repeat !important;
}
/* =========================
   END CARD FIX PACK (Bild clippen + Signatur wie Hero + Reveal)
   Section class: hs-endcard
   Signatur-Textblock class: hs-end-sign
   ========================= */

/* 1) Bild darf NICHT rausstehen (Enfold-Wrapper mitclippen) */
#top .hs-endcard,
#top .hs-endcard .container_wrap,
#top .hs-endcard .container,
#top .hs-endcard .template-page{
  overflow: hidden !important;
}

/* verhindert den “rausstehenden Streifen” unten */
#top .hs-endcard{
  padding: 90px 0 110px !important;
  min-height: 58vh !important;
  background-color: #0f0f0f !important;
  background-repeat: no-repeat !important;
  background-position: center 35% !important; /* falls Kopf/Logo abgeschnitten: 25% / 30% */
  background-size: 112% auto !important;      /* kleiner: 108% / größer: 120% */
}

/* Overlay filmisch */
#top .hs-endcard .av-section-color-overlay{
  opacity: 1 !important;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.86)) !important;
}

/* 2) Panel/Box harmonischer (falls du diese große graue Fläche hast) */
#top .hs-endcard .container{
  position: relative !important;
  z-index: 5 !important;
  max-width: 1100px !important;

  /* das macht’s “wie Hero” */
  background: rgba(0,0,0,.34) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 26px !important;
  padding: 34px 34px 30px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
}

/* Textfarben immer sauber hell */
#top .hs-endcard,
#top .hs-endcard *{
  color: #fff !important;
}

/* 3) Signatur wie im Hero (roter Strich links) */
#top .hs-endcard .hs-end-sign{
  display: inline-block !important;
  position: relative !important;
  padding-left: 14px !important;
  margin: 0 0 16px 0 !important;
  white-space: nowrap !important;
  color: rgba(255,255,255,.86) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}
#top .hs-endcard .hs-end-sign:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:4px; height:18px;
  background:#d63e2d;
  transform: translateY(-50%);
  border-radius: 999px;
}

/* Headline */
#top .hs-endcard h1,
#top .hs-endcard h2,
#top .hs-endcard .av-special-heading-tag{
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(30px, 4vw, 64px) !important;
  line-height: 1.04 !important;
  margin: 0 0 14px 0 !important;
  text-shadow: 0 18px 60px rgba(0,0,0,.70) !important;
}

/* Copy */
#top .hs-endcard p{
  color: rgba(255,255,255,.82) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  max-width: 70ch !important;
  margin: 0 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
}

/* 4) Animation: erst unsichtbar */
#top .hs-endcard .hs-end-sign,
#top .hs-endcard .av-special-heading,
#top .hs-endcard .av_textblock_section{
  opacity: 0 !important;
  transform: translateY(22px) !important;
  filter: blur(10px) !important;
  transition: opacity .85s ease, transform .85s cubic-bezier(.16,1,.3,1), filter .85s ease !important;
}

/* Animation: sichtbar wenn is-inview */
#top .hs-endcard.is-inview .hs-end-sign{
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
  transition-delay: .06s !important;
}
#top .hs-endcard.is-inview .av-special-heading{
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
  transition-delay: .18s !important;
}
#top .hs-endcard.is-inview .av_textblock_section{
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
  transition-delay: .32s !important;
}

/* Mobile: Panel nicht zu fett */
@media (max-width: 989px){
  #top .hs-endcard{ background-size: cover !important; background-position: center center !important; }
  #top .hs-endcard .container{ padding: 22px 18px 20px !important; border-radius: 20px !important; }
  #top .hs-endcard .hs-end-sign{ white-space: normal !important; }
  #top .hs-endcard p{ font-size: 16px !important; }
}
/* Endcard Bild-Element manuell skalieren */
#top .hs-endcard .hs-end-img img{
  width: min(900px, 86vw) !important;  /* kleiner: 820px / größer: 980px */
  height: auto !important;
  display:block !important;
  margin: 0 auto 18px !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 120px rgba(0,0,0,.55);
}
/* =========================
   END CARD: Bild als Element, Text liegt DRÜBER
   Bild-Element Klasse: hs-end-bgimg
   ========================= */

#top .hs-endcard{
  position: relative !important;
  overflow: hidden !important;
  min-height: 58vh !important;
  padding: 90px 0 110px !important;
  background: #0f0f0f !important;
}

/* Bild-Element wird zum “Background Layer” */
#top .hs-endcard .hs-end-bgimg{
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
}

/* Bild füllt die Section, aber “kleiner/ruhiger” steuerbar */
#top .hs-endcard .hs-end-bgimg img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important; /* hoch/runter: 25% / 50% */
  transform: scale(1.06) !important;      /* kleiner: 1.02 / größer: 1.12 */
  filter: contrast(1.02) saturate(.95);
}

/* Inhalt liegt über dem Bild */
#top .hs-endcard .container{
  position: relative !important;
  z-index: 5 !important;
  max-width: 1100px !important;

  background: rgba(0,0,0,.34) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 26px !important;
  padding: 34px 34px 30px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
}

/* Overlay über Bild (damit Text immer lesbar) */
#top .hs-endcard:before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 2;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.18), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.86));
}

/* Grain optional */
#top .hs-endcard:after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index: 3;
  pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='//www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  opacity: .10;
  mix-blend-mode: overlay;
}

/* Mobile */
@media (max-width: 989px){
  #top .hs-endcard{ padding: 70px 0 90px !important; }
  #top .hs-endcard .container{ padding: 22px 18px 20px !important; border-radius: 20px !important; }
  #top .hs-endcard .hs-end-bgimg img{ transform: scale(1.02) !important; object-position: center center !important; }
}
/* =========================
   END CARD: Text liegt ÜBER dem Bild (Fix)
   ========================= */

#top .hs-endcard{
  position: relative !important;
  overflow: hidden !important;
  min-height: 58vh !important;
  padding: 0 !important;              /* wichtig: verhindert “Text drunter” */
  background: #0f0f0f !important;
}

/* Bild-Element wirklich als Background-Layer */
#top .hs-endcard .hs-end-bgimg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
}

/* Enfold Wrapping killen (damit es NICHT Höhe erzeugt) */
#top .hs-endcard .hs-end-bgimg .avia-image-container,
#top .hs-endcard .hs-end-bgimg .avia-image-container a{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/* Bild füllt Section */
#top .hs-endcard .hs-end-bgimg img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 35% !important;
  transform: scale(1.10) !important;     /* <- “breiter/fülliger”: 1.10–1.16 */
}

/* Overlay für Lesbarkeit */
#top .hs-endcard:before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 2;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.18), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.86));
}

/* Text-Container als echtes Overlay (höher setzen) */
#top .hs-endcard .container{
  position: absolute !important;
  left: 50% !important;
  top: 44% !important;                 /* <- HIER: höher/tiefer (z.B. 38% / 50%) */
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;

  width: min(1100px, 92vw) !important;
  max-width: 1100px !important;

  background: rgba(0,0,0,.34) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 26px !important;
  padding: 34px 34px 30px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
}

/* Damit der Bereich unten nicht “leer” wirkt, geben wir der Section etwas Innenraum */
#top .hs-endcard{
  padding-bottom: 70px !important;   /* Platz nach unten */
}

/* Mobile */
@media (max-width: 989px){
  #top .hs-endcard{ min-height: 52vh !important; padding-bottom: 40px !important; }
  #top .hs-endcard .container{
    top: 50% !important;
    padding: 22px 18px 20px !important;
    border-radius: 20px !important;
  }
  #top .hs-endcard .hs-end-bgimg img{
    transform: scale(1.04) !important;
    object-position: center center !important;
  }
}
/* =========================
   END CARD: Container nicht abschneiden
   ========================= */

/* mehr Luft oben/unten in der Section */
#top .hs-endcard{
  padding-top: 70px !important;
  padding-bottom: 90px !important;
}

/* Container: etwas tiefer + niemals über den Rand hinaus */
#top .hs-endcard .container{
  top: 60% !important;                 /* vorher 44% -> zu hoch */
  transform: translate(-50%, -50%) !important;

  max-height: calc(100vh - 220px) !important; /* verhindert Abschneiden */
  overflow: auto !important;                 /* falls zu viel Text */
}

/* Wenn Bildschirm flach ist: Container wird “normal” (kein absolute), damit nie abgeschnitten */
@media (max-height: 760px){
  #top .hs-endcard .container{
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
/* END CARD: mehr vom unteren Bild (Einlagen) sichtbar */
#top .hs-endcard .hs-end-bgimg img{
  transform: scale(1.18) !important;          /* größer/breiter wirken */
  object-position: center 72% !important;     /* zeigt weiter unten (Einlagen) */
}

/* Textblock oben sicher sichtbar (Signatur nicht “verschlucken”) */
#top .hs-endcard .container{
  top: 46% !important;                         /* ein Stück höher */
}
#top .hs-endcard .container > *:first-child{
  display:block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* END CARD Hintergrundbild: Ausschnitt nach unten verschieben + “breiter” */
#top .hs-endcard{
  background-size: 118% auto !important;      /* größer/breiter */
  background-position: center 78% !important; /* mehr Einlagen (unten) */
  background-repeat: no-repeat !important;
}
/* =========================
   END CARD: Hintergrundbild sicher steuern (über Section-ID)
   ========================= */

/* falls das Background am Section-Element hängt */
#endcard{
  background-size: 130% auto !important;      /* größer/breiter */
  background-position: center 85% !important; /* weiter nach unten = mehr Einlagen */
  background-repeat: no-repeat !important;
}

/* falls Enfold das Bild auf einen inneren Wrapper legt (typisch!) */
#endcard [style*="background-image"]{
  background-size: 130% auto !important;
  background-position: center 85% !important;
  background-repeat: no-repeat !important;
}

/* =========================
   END CARD (ID: endcard)
   Bild-Element als Background-Layer + mehr Einlagen sichtbar
   ========================= */

#endcard{ 
  position: relative !important; 
  overflow: hidden !important;
  min-height: 58vh !important;
  padding: 90px 0 110px !important;
  background: #0f0f0f !important;
}

/* Das Bild-Element (egal wo Enfold es reinpackt) zum Background machen */
#endcard .avia-image-container{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 0 !important;
}

/* Link um das Bild (falls vorhanden) auch vollflächig */
#endcard .avia-image-container a{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
}

/* Das Bild selbst: Crop/Zoom steuern */
#endcard .avia-image-container img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;

  /* HIER kommt der “Einlagen sichtbar” Fix */
  object-position: center 85% !important; /* mehr Einlagen: 90% / weniger: 70% */
  transform: scale(1.22) !important;      /* breiter/größer: 1.28 / kleiner: 1.12 */
}

/* Overlay für Lesbarkeit (Text liegt drüber) */
#endcard:before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 2;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.18), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.86));
}

/* Text-Container über Bild */
#endcard .container{
  position: relative !important;
  z-index: 5 !important;
}

/* Wenn dein Textpanel existiert, bleibt es sichtbar */
#endcard .container{
  background: rgba(0,0,0,.34) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 26px !important;
  padding: 34px 34px 30px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
}
/* =========================
   END WOW (Finale)
   ========================= */

#top #hs-endwow{
  position: relative;
  width: 100%;
  min-height: 64vh;
  padding: 110px 0 120px;
  overflow: hidden;
  background: #0f0f0f;
  display: grid;
  place-items: center;
}

/* Background layer */
#top #hs-endwow .hs-endwow__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;

  /* Einlagen sichtbar: höher = mehr unten */
  background-position: center 88%;

  transform: scale(1.12);
  filter: contrast(1.02) saturate(.95);
  will-change: transform;
}

/* Cinematic overlay */
#top #hs-endwow:before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.22), transparent 60%),
    radial-gradient(900px 600px at 80% 30%, rgba(255,255,255,.06), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.88));
}

/* Grain */
#top #hs-endwow:after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index: 2;
  pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='//www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  opacity: .10;
  mix-blend-mode: overlay;
}

/* Content panel */
#top #hs-endwow .hs-endwow__content{
  position: relative;
  z-index: 5;
  width: min(1100px, 92vw);
  padding: 34px 34px 30px;
  border-radius: 26px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 22px 90px rgba(0,0,0,.55);
}

/* Signatur wie im Hero: roter Strich links */
#top #hs-endwow .hs-endwow__sign{
  display:inline-block;
  position:relative;
  padding-left:14px;
  margin:0 0 16px 0;
  color: rgba(255,255,255,.86);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
}
#top #hs-endwow .hs-endwow__sign:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:4px; height:18px;
  background:#d63e2d;
  transform: translateY(-50%);
  border-radius:999px;
}

/* Headline / Copy */
#top #hs-endwow .hs-endwow__h{
  margin:0 0 14px 0;
  color:#fff;
  font-weight:900;
  letter-spacing:-0.02em;
  font-size: clamp(30px, 4vw, 64px);
  line-height:1.04;
  text-shadow:0 18px 60px rgba(0,0,0,.70);
}
#top #hs-endwow .hs-endwow__p{
  margin:0;
  color: rgba(255,255,255,.82);
  font-size:18px;
  line-height:1.6;
  max-width:70ch;
  text-shadow:0 10px 28px rgba(0,0,0,.55);
}

/* End line */
#top #hs-endwow .hs-endwow__line{
  width:min(520px, 70vw);
  height:2px;
  margin-top:26px;
  background: linear-gradient(90deg, rgba(214,62,45,0), rgba(214,62,45,.95), rgba(214,62,45,0));
  opacity:.85;
}

/* Animation initial (wird per PHP Snippet getriggert) */
#top #hs-endwow .hs-endwow__content,
#top #hs-endwow .hs-endwow__sign,
#top #hs-endwow .hs-endwow__h,
#top #hs-endwow .hs-endwow__p,
#top #hs-endwow .hs-endwow__line{
  opacity: 0;
  transform: translateY(22px);
  filter: blur(10px);
}

#top #hs-endwow.is-on .hs-endwow__content{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease, transform .85s cubic-bezier(.16,1,.3,1), filter .85s ease;
}
#top #hs-endwow.is-on .hs-endwow__sign{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .08s, transform .85s cubic-bezier(.16,1,.3,1) .08s, filter .85s ease .08s;
}
#top #hs-endwow.is-on .hs-endwow__h{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .18s, transform .85s cubic-bezier(.16,1,.3,1) .18s, filter .85s ease .18s;
}
#top #hs-endwow.is-on .hs-endwow__p{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .30s, transform .85s cubic-bezier(.16,1,.3,1) .30s, filter .85s ease .30s;
}
#top #hs-endwow.is-on .hs-endwow__line{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .42s, transform .85s cubic-bezier(.16,1,.3,1) .42s, filter .85s ease .42s;
}

/* Ken Burns (nur wenn is-on) */
#top #hs-endwow.is-on .hs-endwow__bg{
  animation: hsKenEnd 10.5s ease-in-out forwards;
}
@keyframes hsKenEnd{
  0%{ transform: scale(1.10) translate(-0.6%, -0.4%); }
  100%{ transform: scale(1.18) translate(0.8%, 0.6%); }
}

@media (max-width: 989px){
  #top #hs-endwow{ min-height: 54vh; padding: 80px 0 90px; }
  #top #hs-endwow .hs-endwow__content{ padding: 22px 18px 20px; border-radius: 20px; }
  #top #hs-endwow .hs-endwow__p{ font-size: 16px; }
  #top #hs-endwow .hs-endwow__sign{ white-space: normal; }
}
/* END WOW: niemals inneres Scrollen im Codeblock */
#top .avia_codeblock, 
#top .avia_codeblock .avia_textblock, 
#top .avia_codeblock .avia_textblock_section,
#top .avia_codeblock .avia_textblock_section *{
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Endcard selbst darf nicht “zu klein” sein */
#top .hsEndWOW{ min-height: 64vh !important; padding: 110px 0 120px !important; }
#top .hsEndWOW, 
#top .hsEndWOW *{
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
/* =======================================================
   1) TELEFON-BUTTON (bleibt)
   ======================================================= */
#top .ho-highlight-contact{
  display:flex;
  position:fixed;
  top:40%;
  right:-10px;
  z-index:2147483647;
  background-color:#d63e2d;
  padding:12px 15px;
  border-radius:60px 0 0 60px;
  will-change:right, box-shadow;
  transition:right .3s ease-out, padding .3s ease-out, background-color .3s;
  cursor:pointer;
  animation:redPulse 2s infinite;
  transform:none !important;
}
#top .ho-highlight-contact a{
  text-decoration:none !important;
  border:none !important;
  display:flex;
  align-items:center;
}
#top .ho-highlight-contact .highlight-icon{
  font-size:32px;
  color:#fff;
  line-height:1;
  margin-right:10px;
}
#top .ho-highlight-contact .highlight-text{
  color:#fff;
  font-weight:700;
  font-size:18px;
  max-width:0;
  opacity:0;
  overflow:hidden;
  white-space:nowrap;
  transition:all .3s ease-out;
}
#top .ho-highlight-contact:hover{
  background-color:#000;
  right:0;
  padding-left:20px;
  padding-right:25px;
  animation:none;
}
#top .ho-highlight-contact:hover .highlight-text{
  max-width:200px;
  opacity:1;
}
@keyframes redPulse{
  0%{ box-shadow:0 0 0 0 rgba(214,62,45,.7); }
  70%{ box-shadow:0 0 0 15px rgba(214,62,45,0); }
  100%{ box-shadow:0 0 0 0 rgba(214,62,45,0); }
}

/* =======================================================
   2) TYPOGRAFIE (global, aber schlank)
   ======================================================= */
h1,h2,h3,h4,h5,h6,.avia-menu-text{
  font-family:'Open Sans','HelveticaNeue','Helvetica',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
body,p{ line-height:1.7 !important; }
.main_menu ul:first-child>li>a{ font-size:16px; }
.av_header_transparency .av-main-nav>li>a>.avia-menu-text,
.av_header_transparency .sub_menu>ul>li>a{ color:#fff !important; }

/* =======================================================
   3) FOOTER + KLEINZEUG
   ======================================================= */
.content a img, .content img{ max-width:100% !important; }
#footer{ font-size:14px !important; }
#socket{ font-size:13px !important; }
#socket .copyright{ width:100%; text-align:center; }
#socket .copyright:after{
  content:'👣Für gesunde Füße.👣';
  float:right;
}
@media only screen and (max-width:767px){
  h1{ font-size:26px !important; }
  #footer .flex_column:nth-child(3),
  #footer .flex_column:nth-child(4){
    width:48% !important; float:left;
  }
  #footer .flex_column:nth-child(5){ display:none !important; }
}

/* Jessica-Zitat */
.jessica-zitat .avia-testimonial-content{
  font-family:'Playfair Display','Georgia',serif !important;
  font-style:italic !important;
  font-size:22px !important;
  color:#444 !important;
}
.jessica-zitat .avia-testimonial-content::before{
  content:'“';
  position:absolute;
  top:-25px; left:-35px;
  font-size:90px;
  color:rgba(214,62,45,.10);
  font-family:serif;
  z-index:-1;
}

/* =======================================================
   4) POWER BUTTON (bleibt)
   ======================================================= */
.ho-power-button .avia-button{
  background-color:#d63e2d !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:20px 40px !important;
  font-size:18px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:1px;
  box-shadow:0 10px 25px rgba(214,62,45,.4) !important;
  transition:all .4s cubic-bezier(.175,.885,.32,1.275) !important;
  position:relative;
  overflow:hidden;
  animation:buttonBreathe 3s infinite ease-in-out;
}
.ho-power-button .avia-button:hover{
  background-color:#111 !important;
  transform:translateY(-8px) !important;
  box-shadow:0 20px 40px rgba(0,0,0,.3) !important;
  padding-left:50px !important;
  animation:none;
}
@keyframes buttonBreathe{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.03); }
  100%{ transform:scale(1); }
}

/* =======================================================
   5) HERO (FINAL)
   Klasse: hs-wow-hero
   ======================================================= */
#top .hs-wow-hero{
  position:relative !important;
  overflow:hidden !important;
  min-height:100vh !important;
  display:flex;
  align-items:center;
  padding:0 !important;
}

/* Background/Overlay blocken keine Klicks */
#top .hs-wow-hero .hs-bgwrap,
#top .hs-wow-hero .hs-bg,
#top .hs-wow-hero .hs-bg2,
#top .hs-wow-hero .hs-sweep,
#top .hs-wow-hero .av-section-color-overlay{
  pointer-events:none !important;
}

#top .hs-wow-hero .av-section-color-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  z-index:1 !important;
  background:
    radial-gradient(900px 520px at 18% 28%, rgba(196,0,0,.42), transparent 60%),
    radial-gradient(900px 520px at 78% 35%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.88)) !important;
}

/* Grain wieder rein */
#top .hs-wow-hero:after{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:3;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='//www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  opacity:.10;
  mix-blend-mode:overlay;
}

/* Inhalt darüber */
#top .hs-wow-hero .container{
  position:relative !important;
  z-index:5 !important;
  pointer-events:auto !important;
}

/* Hero-Panel */
#top .hs-wow-hero .hs-hero-panel,
#top .hs-wow-hero .flex_column:first-child{
  background:rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:28px 28px 26px;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:0 18px 70px rgba(0,0,0,.35);
}

/* Kicker: eine Zeile + roter Strich */
#top .hs-wow-hero .hs-kicker,
#top .hs-wow-hero .hs-brand{
  position:relative;
  display:inline-block;
  white-space:nowrap;
  margin:0 0 10px 0;
  padding-left:14px;
  color:rgba(255,255,255,.86);
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
}
#top .hs-wow-hero .hs-kicker:before,
#top .hs-wow-hero .hs-brand:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:4px; height:18px;
  background:#d63e2d;
  transform:translateY(-50%);
  border-radius:999px;
}
@media (max-width:989px){
  #top .hs-wow-hero .hs-kicker,
  #top .hs-wow-hero .hs-brand{ white-space:normal; }
}

/* Headline/Sub */
#top .hs-wow-hero .hs-title .av-special-heading-tag{
  font-size:50px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  margin:0 0 8px 0 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
  text-shadow:0 14px 40px rgba(0,0,0,.60) !important;
}
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .hs-subtitle *{
  font-size:20px !important;
  font-weight:700 !important;
  margin:0 !important;
  color:rgba(255,255,255,.84) !important;
  text-shadow:0 10px 28px rgba(0,0,0,.55) !important;
}

/* Hero Button */
#top .hs-wow-hero .avia-button{
  border-radius:999px !important;
  padding:16px 26px !important;
  font-weight:800 !important;
  box-shadow:0 18px 60px rgba(196,0,0,.22) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
  position:relative;
  overflow:hidden;
}
#top .hs-wow-hero .avia-button:hover{
  transform:translateY(-3px) scale(1.01) !important;
  box-shadow:0 30px 90px rgba(196,0,0,.28) !important;
}

/* Reveal */
#top .hs-wow-hero .hs-brand,
#top .hs-wow-hero .hs-kicker,
#top .hs-wow-hero .hs-title,
#top .hs-wow-hero .hs-subtitle,
#top .hs-wow-hero .avia-button{
  opacity:0;
  transform:translateY(26px);
  filter:blur(10px);
  transition:opacity 1s ease, transform 1s cubic-bezier(.16,1,.3,1), filter 1s ease;
}
#top .hs-wow-hero.is-on .hs-brand{ transition-delay:.06s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-kicker{ transition-delay:.14s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-title{ transition-delay:.22s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .hs-subtitle{ transition-delay:.42s; opacity:1; transform:none; filter:none; }
#top .hs-wow-hero.is-on .avia-button{ transition-delay:.55s; opacity:1; transform:none; filter:none; }

@media (max-width:989px){
  #top .hs-wow-hero{ min-height:80vh !important; }
  #top .hs-wow-hero .hs-title .av-special-heading-tag{
    font-size:34px !important;
    white-space:normal !important;
  }
  #top .hs-wow-hero .hs-hero-panel,
  #top .hs-wow-hero .flex_column:first-child{
    padding:20px 18px;
    border-radius:18px;
  }
}

/* =======================================================
   6) KONTAKT DOCK + PANEL (bleibt)
   Dock: #hsContactHUD im Hero
   Panel: .hs-contactPanel nach dem Hero
   ======================================================= */
#top .hs-wow-hero #hsContactHUD{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  width:min(980px,92vw);
  z-index:2147483646;
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(20px) saturate(1.3);
  -webkit-backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:0 30px 110px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.16);
  pointer-events:auto;
}
#hsContactHUD .hs-contactHUD__toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:14px 16px;
  background:transparent;
  border:none;
  color:#fff;
  cursor:pointer;
}
#hsContactHUD .hs-contactHUD__toggleIcon{
  display:inline-flex;
  width:34px; height:34px;
  align-items:center; justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  transition:transform .25s ease;
}
#hsContactHUD.is-open .hs-contactHUD__toggleIcon{ transform:rotate(180deg); }
#hsContactHUD .hs-contactHUD__toggleText{ font-weight:900; }

.hs-contactPanel{
  width:min(980px,92vw);
  margin:-6px auto 0;
  border-radius:22px;
  overflow:hidden;
  background:#0f0f0f;
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  box-shadow:0 34px 140px rgba(0,0,0,.70);
  max-height:0;
  transition:max-height .38s cubic-bezier(.16,1,.3,1);
  position:relative;
  z-index:999999;
}
.hs-contactPanel.is-open{ max-height:520px; }
.hs-contactPanel__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1.2fr 1fr 0.9fr;
  gap:22px;
  padding:26px;
  background:transparent !important;
}
@media (max-width:989px){
  #top .hs-wow-hero #hsContactHUD{
    position:relative;
    left:auto; bottom:auto;
    transform:none;
    width:92vw;
    margin:18px auto 0;
  }
  .hs-contactPanel__inner{ grid-template-columns:1fr; }
}

/* =======================================================
   7) RAIL (bleibt)
   ======================================================= */
#top .hs-rail-sec{
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(196,0,0,.10), transparent 60%),
    radial-gradient(900px 600px at 80% 25%, rgba(255,255,255,.05), transparent 62%),
    linear-gradient(180deg, #0b0b0b, #0f0f0f) !important;
  padding:90px 0 !important;
}

/* =======================================================
   8) LIQUID TILES (bleibt, scoped)
   ======================================================= */
#top .hs-liquid-tiles{
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(196,0,0,.10), transparent 60%),
    radial-gradient(900px 600px at 80% 25%, rgba(255,255,255,.05), transparent 62%),
    linear-gradient(180deg, #0b0b0b, #0f0f0f) !important;
  padding:90px 0 !important;
  margin-top:0 !important;
  position:relative;
  z-index:1 !important;
}

/* =======================================================
   9) END WOW (NUR DIESE VERSION! -> KEIN overflow:auto)
   ID: hs-endwow
   ======================================================= */

/* Codeblock: nur in dieser Section KEIN innerer Scroll */
#top #hs-endwow,
#top #hs-endwow .avia_codeblock,
#top #hs-endwow .avia_codeblock .avia_textblock,
#top #hs-endwow .avia_codeblock .avia_textblock_section{
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Section */
#top #hs-endwow{
  position: relative;
  width: 100%;
  min-height: 64vh;
  padding: 110px 0 120px;
  overflow: hidden;
  background: #0f0f0f;
  display: grid;
  place-items: center;
}

/* Background layer */
#top #hs-endwow .hs-endwow__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 88%;
  transform: scale(1.12);
  filter: contrast(1.02) saturate(.95);
  will-change: transform;
}

/* Cinematic overlay */
#top #hs-endwow:before{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 18% 22%, rgba(214,62,45,.22), transparent 60%),
    radial-gradient(900px 600px at 80% 30%, rgba(255,255,255,.06), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.88));
}

/* Content panel */
#top #hs-endwow .hs-endwow__content{
  position: relative;
  z-index: 5;
  width: min(1100px, 92vw);
  padding: 34px 34px 30px;
  border-radius: 26px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 22px 90px rgba(0,0,0,.55);
}

/* Signatur (wie Hero) */
#top #hs-endwow .hs-endwow__sign{
  display:inline-block;
  position:relative;
  padding-left:14px;
  margin:0 0 16px 0;
  color: rgba(255,255,255,.86);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  white-space: nowrap;
}
#top #hs-endwow .hs-endwow__sign:before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:4px; height:18px;
  background:#d63e2d;
  transform: translateY(-50%);
  border-radius:999px;
}

/* Text */
#top #hs-endwow .hs-endwow__h{
  margin:0 0 14px 0;
  color:#fff;
  font-weight:900;
  letter-spacing:-0.02em;
  font-size: clamp(30px, 4vw, 64px);
  line-height:1.04;
  text-shadow:0 18px 60px rgba(0,0,0,.70);
}
#top #hs-endwow .hs-endwow__p{
  margin:0;
  color: rgba(255,255,255,.82);
  font-size:18px;
  line-height:1.6;
  max-width:70ch;
  text-shadow:0 10px 28px rgba(0,0,0,.55);
}
#top #hs-endwow .hs-endwow__line{
  width:min(520px, 70vw);
  height:2px;
  margin-top:26px;
  background: linear-gradient(90deg, rgba(214,62,45,0), rgba(214,62,45,.95), rgba(214,62,45,0));
  opacity:.85;
}

/* Animation */
#top #hs-endwow .hs-endwow__content,
#top #hs-endwow .hs-endwow__sign,
#top #hs-endwow .hs-endwow__h,
#top #hs-endwow .hs-endwow__p,
#top #hs-endwow .hs-endwow__line{
  opacity: 0;
  transform: translateY(22px);
  filter: blur(10px);
}
#top #hs-endwow.is-on .hs-endwow__content{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease, transform .85s cubic-bezier(.16,1,.3,1), filter .85s ease;
}
#top #hs-endwow.is-on .hs-endwow__sign{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .08s, transform .85s cubic-bezier(.16,1,.3,1) .08s, filter .85s ease .08s;
}
#top #hs-endwow.is-on .hs-endwow__h{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .18s, transform .85s cubic-bezier(.16,1,.3,1) .18s, filter .85s ease .18s;
}
#top #hs-endwow.is-on .hs-endwow__p{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .30s, transform .85s cubic-bezier(.16,1,.3,1) .30s, filter .85s ease .30s;
}
#top #hs-endwow.is-on .hs-endwow__line{
  opacity: 1; transform:none; filter:none;
  transition: opacity .85s ease .42s, transform .85s cubic-bezier(.16,1,.3,1) .42s, filter .85s ease .42s;
}

/* Ken Burns */
#top #hs-endwow.is-on .hs-endwow__bg{
  animation: hsKenEnd 10.5s ease-in-out forwards;
}
@keyframes hsKenEnd{
  0%{ transform: scale(1.10) translate(-0.6%, -0.4%); }
  100%{ transform: scale(1.18) translate(0.8%, 0.6%); }
}

@media (max-width: 989px){
  #top #hs-endwow{ min-height: 54vh; padding: 80px 0 90px; }
  #top #hs-endwow .hs-endwow__content{ padding: 22px 18px 20px; border-radius: 20px; }
  #top #hs-endwow .hs-endwow__p{ font-size: 16px; }
  #top #hs-endwow .hs-endwow__sign{ white-space: normal; }
}
/* =======================================================
   KILL SWITCH: INNERES SCROLLEN KOMPLETT AUS
   (End-WOW + alle Enfold-Codeblock-Wrappers)
   ======================================================= */

/* 1) Niemals Scrollbar im Codeblock/Wrapper (Enfold macht das gern) */
#top .avia_codeblock,
#top .avia_codeblock .avia_textblock,
#top .avia_codeblock .avia_textblock_section{
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* 2) Auch innerhalb vom End-WOW: niemals overflow/max-height */
#top #hs-endwow,
#top #hs-endwow *{
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* 3) Falls irgendwo noch “overflow:auto” auf dem Panel sitzt -> hart killen */
#top #hs-endwow .hs-endwow__content{
  overflow: visible !important;
  max-height: none !important;
}

/* 4) Verhindert seitliche Mini-Scrollbars durch 1px/Transforms */
#top #hs-endwow{
  overflow: hidden !important;          /* Section darf clippen */
}
#top #hs-endwow .hs-endwow__bg{
  left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;
}
/* Notfall: globale horizontale Scrollbar killen */
html, body { overflow-x: hidden !important; }
/* ===== HS ENDFINAL – HARD OVERRIDE (hell + Text sichtbar + kein altes Overlay) ===== */

/* killt alte Endcard-Overlays, die dein Bild dunkel machen */
#top .hs-endfinal::before,
#top .hs-endfinal::after{
  content:none !important;
  display:none !important;
}

/* falls Enfold eine Overlay-DIV in der Section hat */
#top .hs-endfinal .av-section-color-overlay{
  opacity: 0 !important;
  display:none !important;
}

/* Section */
#top .hs-endfinal{
  background:#0f0f0f !important;
  padding: 90px 0 110px !important;
  position: relative !important;
  overflow: visible !important;
}

/* Bild = echtes Bild im Frame (sichtbar, nicht “hintergrundig”) */
#top .hs-endfinal .avia-image-container{
  margin: 0 auto !important;
  max-width: 1100px !important;
  position: relative !important;
  z-index: 1 !important;
}
#top .hs-endfinal .avia-image-container img{
  width: 100% !important;
  height: auto !important;
  display:block !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 140px rgba(0,0,0,.65) !important;
  filter: none !important;              /* <- entfernt “dunkel” */
  opacity: 1 !important;
}

/* Panel über dem Bild */
#top .hs-endfinal .hs-endpanel{
  max-width: 980px !important;
  margin: -120px auto 0 !important;      /* <- Overlay-Höhe */
  padding: 28px 28px 24px !important;
  border-radius: 22px !important;
  background: rgba(0,0,0,.40) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
  position: relative !important;
  z-index: 5 !important;

  /* wichtig: niemals eigenes Scrollen */
  overflow: visible !important;
  max-height: none !important;
}

/* Text im Panel erzwingen */
#top .hs-endfinal .hs-endpanel,
#top .hs-endfinal .hs-endpanel *{
  color:#fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Signatur wie Hero (roter Strich) */
#top .hs-endfinal .hs-endsign{
  display:inline-block !important;
  position:relative !important;
  padding-left:14px !important;
  margin:0 0 14px 0 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
  font-size:13px !important;
  color: rgba(255,255,255,.86) !important;
}
#top .hs-endfinal .hs-endsign:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:4px !important;
  height:18px !important;
  background:#d63e2d !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
}

/* Mobile */
@media (max-width: 989px){
  #top .hs-endfinal{ padding: 70px 0 90px !important; }
  #top .hs-endfinal .hs-endpanel{ margin: -70px auto 0 !important; padding: 20px 18px 18px !important; }
}
/* =========================================================
   HS ENDFINAL – LAYER RESET (fix: falsches Bild drüber, Blur-Layer, “fixierter” Text)
   Section class: hs-endfinal
   Image block class (optional): hs-endimg
   Textblock class: hs-endpanel
   ========================================================= */

/* 1) Section: eigener Stacking-Context + keine Enfold BG-Bilder */
#top .hs-endfinal{
  position: relative !important;
  isolation: isolate !important;         /* eigener Layer-Kontext */
  background: #0f0f0f !important;
  background-image: none !important;
  overflow: visible !important;
}

/* Falls Enfold das BG inline setzt */
#top .hs-endfinal[style*="background-image"]{
  background-image: none !important;
}
#top .hs-endfinal [style*="background-image"]{
  background-image: none !important;     /* kills inner BG wrapper */
}

/* 2) Enfold Overlay komplett AUS in dieser Section */
#top .hs-endfinal .av-section-color-overlay{
  display: none !important;
  opacity: 0 !important;
}

/* auch alte :before/:after Overlays ausschalten */
#top .hs-endfinal::before,
#top .hs-endfinal::after{
  content: none !important;
  display: none !important;
}

/* 3) Bild-Element: IMMER sichtbar, unter dem Panel */
#top .hs-endfinal .hs-endimg,
#top .hs-endfinal .avia-image-container{
  position: relative !important;
  z-index: 1 !important;
}

#top .hs-endfinal .hs-endimg img,
#top .hs-endfinal .avia-image-container img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 140px rgba(0,0,0,.65) !important;
}

/* 4) Panel/Text: NIE fixed/sticky – immer über dem Bild */
#top .hs-endfinal .hs-endpanel{
  position: relative !important;
  z-index: 5 !important;
  display: block !important;

  /* verhindert “Text ist fixiert” durch falsche Position */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

/* Panel Look (Glass) */
#top .hs-endfinal .hs-endpanel{
  max-width: 980px !important;
  margin: -120px auto 0 !important;      /* Overlay über Bild */
  padding: 28px 28px 24px !important;
  border-radius: 22px !important;
  background: rgba(0,0,0,.40) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;

  /* WICHTIG: kein inneres Scrollen */
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* 5) Text im Panel erzwingen */
#top .hs-endfinal .hs-endpanel,
#top .hs-endfinal .hs-endpanel *{
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Signatur wie Hero */
#top .hs-endfinal .hs-endsign{
  display: inline-block !important;
  position: relative !important;
  padding-left: 14px !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.86) !important;
}
#top .hs-endfinal .hs-endsign:before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 4px !important;
  height: 18px !important;
  background: #d63e2d !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
}

/* Mobile */
@media (max-width: 989px){
  #top .hs-endfinal .hs-endpanel{ margin: -70px auto 0 !important; padding: 20px 18px 18px !important; }
}
/* NOTFALL: Blurred Overlay/Panel in Endsektion ausblenden */
#top .hs-endwow__content,
#top .hs-endpanel,
#top .hs-endfinal .hs-endpanel,
#top #hs-endwow .hs-endwow__content{
  display:none !important;
}
/* HS-ENDFINAL: Textblock über Bild – SAFE (kein Container-Hack) */
#top .hs-endfinal .flex_column{
  position: relative !important;
}

/* Bild-Spalte: untere Ebene */
#top .hs-endfinal .flex_column:first-child{
  z-index: 1 !important;
}

/* Text-Spalte: liegt drüber */
#top .hs-endfinal .flex_column:last-child{
  z-index: 5 !important;
  margin-left: -70% !important;   /* zieht Text über das Bild */
}

/* Textpanel Look */
#top .hs-endfinal .flex_column:last-child .av_textblock_section{
  width: min(980px, 92vw) !important;
  padding: 28px 28px 24px !important;
  border-radius: 22px !important;
  background: rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
  color:#fff !important;
}

/* Mobile: kein Overlay (untereinander ist sauberer) */
@media (max-width:989px){
  #top .hs-endfinal .flex_column:last-child{
    margin-left: 0 !important;
    margin-top: 16px !important;
  }
}
/* HS-ENDFINAL: Textblock über Bild – SAFE (kein Container-Hack) */
#top .hs-endfinal .flex_column{
  position: relative !important;
}

/* Bild-Spalte: untere Ebene */
#top .hs-endfinal .flex_column:first-child{
  z-index: 1 !important;
}

/* Text-Spalte: liegt drüber */
#top .hs-endfinal .flex_column:last-child{
  z-index: 5 !important;
  margin-left: -70% !important;   /* zieht Text über das Bild */
}

/* Textpanel Look */
#top .hs-endfinal .flex_column:last-child .av_textblock_section{
  width: min(980px, 92vw) !important;
  padding: 28px 28px 24px !important;
  border-radius: 22px !important;
  background: rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;
  color:#fff !important;
}

/* Mobile: kein Overlay (untereinander ist sauberer) */
@media (max-width:989px){
  #top .hs-endfinal .flex_column:last-child{
    margin-left: 0 !important;
    margin-top: 16px !important;
  }
}
#top .hs-endwow-simple{
  background:#0f0f0f !important;
  padding:110px 0 !important;
  position:relative;
  overflow:hidden;
}
#top .hs-endwow-simple:before{
  content:"";
  position:absolute; inset:-30%;
  background:
    radial-gradient(700px 420px at 18% 22%, rgba(214,62,45,.18), transparent 60%),
    radial-gradient(900px 520px at 78% 30%, rgba(255,255,255,.06), transparent 62%);
  filter: blur(12px);
}
#top .hs-endwow-simple .container{ position:relative; z-index:2; }
#top .hs-endwow-simple .hs-kicker{
  display:inline-block; position:relative; padding-left:14px;
  letter-spacing:.14em; text-transform:uppercase; font-weight:800; font-size:13px;
  color:rgba(255,255,255,.84);
}
#top .hs-endwow-simple .hs-kicker:before{
  content:""; position:absolute; left:0; top:50%;
  width:4px; height:18px; background:#d63e2d; transform:translateY(-50%);
  border-radius:999px;
}
#top .hs-endwow-simple h2,
#top .hs-endwow-simple .av-special-heading-tag{
  color:#fff !important; font-weight:900 !important;
  letter-spacing:-.02em !important;
  font-size:clamp(34px,4vw,72px) !important;
  line-height:1.02 !important;
  margin:10px 0 14px !important;
}
#top .hs-endwow-simple p{
  color:rgba(255,255,255,.78) !important;
  font-size:18px !important;
  max-width:70ch;
}
#top .hs-endwow-simple .hs-line{
  width:min(520px,70vw); height:2px; margin-top:26px;
  background: linear-gradient(90deg, rgba(214,62,45,0), rgba(214,62,45,.95), rgba(214,62,45,0));
  opacity:.9;
}
/* =========================
   hs-endfinal: Bild + Text als WOW-Endpanel
   Voraussetzung: Bildblock + Textblock in gleicher Section
   ========================= */

/* Section */
#top .hs-endfinal{
  position: relative !important;
  padding: 90px 0 110px !important;
  background: #0f0f0f !important;
}

/* Bild hübsch */
#top .hs-endfinal .avia-image-container img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 140px rgba(0,0,0,.65) !important;
}

/* Textblock als Glass Panel über dem Bild */
#top .hs-endfinal .av_textblock_section{
  max-width: 980px !important;
  margin: -120px auto 0 !important;   /* Panel “liegt” auf dem Bild */
  padding: 26px 26px 22px !important;
  border-radius: 22px !important;

  background: rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;

  position: relative !important;
  z-index: 20 !important;
}

/* Typo schöner */
#top .hs-endfinal .av_textblock_section h1,
#top .hs-endfinal .av_textblock_section h2,
#top .hs-endfinal .av_textblock_section h3{
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 10px 0 !important;
  text-shadow: 0 16px 50px rgba(0,0,0,.55) !important;
}
#top .hs-endfinal .av_textblock_section p{
  color: rgba(255,255,255,.82) !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
}

/* Mobile */
@media (max-width: 989px){
  #top .hs-endfinal{ padding: 70px 0 90px !important; }
  #top .hs-endfinal .av_textblock_section{
    margin: -70px auto 0 !important;
    padding: 18px 16px 16px !important;
    border-radius: 18px !important;
  }
  #top .hs-endfinal .av_textblock_section p{ font-size: 16px !important; }
}
/* =========================
   hs-endfinal: Bild + Text als WOW-Endpanel
   Voraussetzung: Bildblock + Textblock in gleicher Section
   ========================= */

/* Section */
#top .hs-endfinal{
  position: relative !important;
  padding: 90px 0 110px !important;
  background: #0f0f0f !important;
}

/* Bild hübsch */
#top .hs-endfinal .avia-image-container img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 140px rgba(0,0,0,.65) !important;
}

/* Textblock als Glass Panel über dem Bild */
#top .hs-endfinal .av_textblock_section{
  max-width: 980px !important;
  margin: -120px auto 0 !important;   /* Panel “liegt” auf dem Bild */
  padding: 26px 26px 22px !important;
  border-radius: 22px !important;

  background: rgba(0,0,0,.42) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
  box-shadow: 0 22px 90px rgba(0,0,0,.55) !important;

  position: relative !important;
  z-index: 20 !important;
}

/* Typo schöner */
#top .hs-endfinal .av_textblock_section h1,
#top .hs-endfinal .av_textblock_section h2,
#top .hs-endfinal .av_textblock_section h3{
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 10px 0 !important;
  text-shadow: 0 16px 50px rgba(0,0,0,.55) !important;
}
#top .hs-endfinal .av_textblock_section p{
  color: rgba(255,255,255,.82) !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.55) !important;
}

/* Mobile */
@media (max-width: 989px){
  #top .hs-endfinal{ padding: 70px 0 90px !important; }
  #top .hs-endfinal .av_textblock_section{
    margin: -70px auto 0 !important;
    padding: 18px 16px 16px !important;
    border-radius: 18px !important;
  }
  #top .hs-endfinal .av_textblock_section p{ font-size: 16px !important; }
}
/* 
/* =======================================================
   INFO-LEISTE (ANNOUNCEMENT BAR) - PREMIUM LOOK
   ======================================================= */

/* 1. Der Hintergrund der Leiste */
#header_meta {
    background-color: #d63e2d !important; /* Euer schickes Marken-Rot */
    border: none !important; /* Weg mit den grauen Standard-Linien */
    padding: 10px 0 !important; /* Etwas mehr Luft nach oben und unten */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; /* Zarter Schatten */
    z-index: 100 !important;
}

/* 2. Der Text darin (Zentriert & Lesbar) */
#header_meta .phone-info {
    width: 100% !important; /* Nimmt die ganze Breite ein */
    text-align: center !important; /* Zentriert den Text wunderschön */
    float: none !important; /* Verhindert, dass Enfold es nach links quetscht */
    
    /* Typografie */
    color: #ffffff !important; /* Strahlend weißer Text */
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important; /* Etwas dicker, damit man es sofort liest */
    letter-spacing: 0.5px !important;
}

/* 3. Falls ein Link im Text ist (z.B. Mail-Adresse) */
#header_meta .phone-info a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
}

/* 4. Social Media Icons in der Leiste verstecken (falls welche an sind, die stören hier nur) */
#header_meta .social_bookmarks {
    display: none !important;
}
=======================================================
   MODERNER READ-MORE EFFEKT (Verlauf & Zentrierter Pfeil)
   ======================================================= */

.ho-modern-read-more {
    position: relative;
    width: 100%;
}

/* Versteckt die technische Checkbox im Hintergrund */
.ho-read-more-state {
    display: none !important; 
}

/* Der Text-Container (Anfangs nur teilweise sichtbar) */
.ho-read-more-wrap {
    position: relative;
    max-height: 120px; /* HIER einstellen, wie viel Text am Anfang sichtbar sein soll */
    overflow: hidden;
    transition: max-height 0.6s ease-in-out;
}

/* Der transparente Verlauf (Fade-Out nach Weiß) */
.ho-fade-out-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px; /* Höhe des Verlaufs */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none; /* Klicks gehen durch das Glas hindurch */
    transition: opacity 0.4s ease;
}

/* Der Klick-Pfeil (Zentriert unter dem Text) */
.ho-read-more-trigger {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    height: 40px;
    cursor: pointer;
    margin-top: -10px; /* Zieht den Pfeil etwas näher an den Text */
    position: relative;
    z-index: 10;
}

/* Wir zeichnen einen edlen, minimalistischen Pfeil per CSS */
.ho-read-more-trigger::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-bottom: 3px solid #d63e2d; /* Euer Marken-Rot */
    border-right: 3px solid #d63e2d;
    transform: rotate(45deg); /* Dreht das Viereck, sodass es ein Pfeil nach unten wird */
    transition: transform 0.4s ease, margin 0.4s ease;
}

/* =========================================
   WENN DER PFEIL GEKLICKT WIRD (AUSGEKLAPPT)
   ========================================= */

/* 1. Der Container fährt nach unten auf */
.ho-read-more-state:checked ~ .ho-read-more-wrap {
    max-height: 2000px; /* Groß genug für jeden Roman */
}

/* 2. Der Milchglas-Verlauf verschwindet sanft */
.ho-read-more-state:checked ~ .ho-read-more-wrap .ho-fade-out-overlay {
    opacity: 0; 
}

/* 3. Der Pfeil dreht sich elegant nach oben (180 Grad) */
.ho-read-more-state:checked ~ .ho-read-more-trigger::before {
    transform: rotate(225deg); 
    margin-top: 10px;
}
/* =========================
   TEAM WOW (Enfold) — FINAL
   Klasse auf 1/3 Column: hs-team-wow
   ========================= */

/* A) Karten-Wrapper: Form behalten + keine Ränder */
#top .hs-team-wow{
  overflow: hidden !important;
  border-radius: 18px !important;   /* <- wenn du vorher mehr/weniger Rundung hattest: 14–26 testen */
  position: relative !important;
  transform: translateZ(0);         /* verhindert „zitternde“ Layer */
}

/* sorgt dafür, dass auch das Bild selbst die Rundung übernimmt */
#top .hs-team-wow .avia-image-container,
#top .hs-team-wow .avia-image-container-inner,
#top .hs-team-wow .avia-image-container img{
  border-radius: 18px !important;
}

/* B) Bild: bleibt stehen (nur Licht/Look smooth) */
#top .hs-team-wow .avia-image-container{
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

#top .hs-team-wow .avia-image-container img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  transform: none !important;
  transition: filter .7s cubic-bezier(.2,.9,.2,1) !important;
  will-change: filter;
}

#top .hs-team-wow:hover .avia-image-container img{
  filter: saturate(1.06) contrast(1.05) brightness(.92) !important;
}

/* C) FULL-COVER Overlay (nicht von unten, sondern überall) */
#top .hs-team-wow .avia-image-container:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index: 5 !important;
  pointer-events:none !important;
  opacity:0 !important;
  transition: opacity .75s cubic-bezier(.2,.9,.2,1) !important;

  /* filmisch + rot akzent, deckt auch ECKEN */
  background:
    radial-gradient(900px 520px at 50% 35%, rgba(0,0,0,.15), rgba(0,0,0,.80) 70%),
    radial-gradient(700px 520px at 18% 88%, rgba(214,62,45,.22), transparent 60%);
}

#top .hs-team-wow:hover .avia-image-container:before{
  opacity: 1 !important;
}

/* D) Caption/Overlay Container: bulletproof + perfekt zentriert */
#top .hs-team-wow .avia-caption,
#top .hs-team-wow figcaption,
#top .hs-team-wow .image-overlay,
#top .hs-team-wow .image-overlay-inside,
#top .hs-team-wow .av-image-caption-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index: 6 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding: 22px !important;

  opacity:0 !important;
  transform: translateY(18px) !important;
  transition: opacity .75s cubic-bezier(.2,.9,.2,1), transform .75s cubic-bezier(.2,.9,.2,1) !important;
}

/* Hover rein */
#top .hs-team-wow:hover .avia-caption,
#top .hs-team-wow:hover figcaption,
#top .hs-team-wow:hover .image-overlay,
#top .hs-team-wow:hover .image-overlay-inside,
#top .hs-team-wow:hover .av-image-caption-overlay{
  opacity:1 !important;
  transform: translateY(0) !important;
}

/* E) Text: schön + KEIN Rahmen / kein Button-Look */
#top .hs-team-wow h3{
  margin:0 0 10px 0 !important;
  color:#fff !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.06 !important;
  font-size: 26px !important;
  text-shadow: 0 18px 60px rgba(0,0,0,.60) !important;
}

/* Caption-Text nur im Bild-Overlay stylen (nicht in Toggles) */
#top .hs-team-wow .avia-caption p,
#top .hs-team-wow figcaption p,
#top .hs-team-wow .image-overlay p,
#top .hs-team-wow .image-overlay-inside p,
#top .hs-team-wow .av-image-caption-overlay p{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  color: rgba(255,255,255,.82) !important;
  font-weight: 900 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
}
/* Toggle/Accordion in hs-team-wow nicht clippen + Pfeil sichtbar */
#top .hs-team-wow .togglecontainer,
#top .hs-team-wow .toggle_wrap{
  overflow: visible !important;
}

#top .hs-team-wow .toggler{
  position: relative !important;
}

#top .hs-team-wow .toggler .toggle_icon,
#top .hs-team-wow .toggler:before,
#top .hs-team-wow .toggler:after{
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
}
/* =======================================================
   MODERNER READ-MORE EFFEKT (Verlauf & Zentrierter Pfeil) - SAUBER
   ======================================================= */

.ho-modern-read-more {
    position: relative;
    width: 100%;
    display: block !important; 
}

/* Versteckt die technische Checkbox im Hintergrund */
.ho-read-more-state {
    display: none !important; 
}

/* Der Text-Container (Anfangs nur teilweise sichtbar) */
.ho-read-more-wrap {
    position: relative;
    max-height: 120px; /* HIER einstellen, wie viel Text am Anfang sichtbar sein soll */
    overflow: hidden;
    transition: max-height 0.6s ease-in-out;
}

/* Der transparente Verlauf (Fade-Out nach Weiß) */
.ho-fade-out-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px; 
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none; 
    transition: opacity 0.4s ease;
}

/* Der Klick-Pfeil-Container (Zentriert unter dem Text) */
.ho-read-more-trigger {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    height: 40px;
    cursor: pointer !important;
    margin-top: -10px; 
    position: relative;
    z-index: 10;
    background: transparent !important;
    border: none !important;
}

/* Der Pfeil selbst (aus CSS gezeichnet, unzerstörbar) */
.ho-read-more-trigger::before {
    content: '' !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    border-bottom: 3px solid #d63e2d !important; /* Euer Marken-Rot */
    border-right: 3px solid #d63e2d !important;
    transform: rotate(45deg) !important; 
    transition: transform 0.4s ease, margin 0.4s ease !important;
}

/* Verhindert "Geister-Pfeile" von ChatGPT-Altlasten */
.ho-read-more-trigger::after {
    display: none !important;
}

/* =========================================
   WENN DER PFEIL GEKLICKT WIRD (AUSGEKLAPPT)
   ========================================= */

/* 1. Der Container fährt nach unten auf */
.ho-read-more-state:checked ~ .ho-read-more-wrap {
    max-height: 2000px !important; 
}

/* 2. Der Milchglas-Verlauf verschwindet sanft */
.ho-read-more-state:checked ~ .ho-read-more-wrap .ho-fade-out-overlay {
    opacity: 0 !important; 
}

/* 3. Der Pfeil dreht sich elegant nach oben (180 Grad) */
.ho-read-more-state:checked ~ .ho-read-more-trigger::before {
    transform: rotate(225deg) !important; 
    margin-top: 10px !important;
}

<style>
/* =======================================================
   UNZERSTÖRBARER READ-MORE (DIREKT AUF DER SEITE)
   ======================================================= */
.ho-modern-read-more { 
    position: relative; 
    width: 100%; 
    display: block !important; 
    visibility: visible !important;
}
.ho-read-more-state { 
    display: none !important; 
}
.ho-read-more-wrap {
    position: relative;
    max-height: 120px;
    overflow: hidden;
    transition: max-height 0.6s ease-in-out;
}
.ho-fade-out-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; 
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none; transition: opacity 0.4s ease;
}
.ho-read-more-trigger {
    display: flex !important; justify-content: center !important; align-items: center !important;
    width: 100% !important; height: 40px !important; cursor: pointer !important;
    margin-top: -10px !important; position: relative !important; z-index: 9999 !important;
    background: transparent !important; border: none !important;
    visibility: visible !important; opacity: 1 !important;
}
.ho-read-more-trigger::before {
    content: '' !important; display: block !important;
    width: 14px !important; height: 14px !important;
    border-bottom: 3px solid #d63e2d !important;
    border-right: 3px solid #d63e2d !important;
    transform: rotate(45deg) !important; 
    transition: transform 0.4s ease !important;
    visibility: visible !important; opacity: 1 !important;
    background-image: none !important;
}
.ho-read-more-state:checked ~ .ho-read-more-wrap { max-height: 2000px !important; }
.ho-read-more-state:checked ~ .ho-read-more-wrap .ho-fade-out-overlay { opacity: 0 !important; }
.ho-read-more-state:checked ~ .ho-read-more-trigger::before { transform: rotate(225deg) !important; margin-top: 10px !important; }
.ho-read-more-trigger::after { display: none !important; content: none !important; }
</style>

/* =======================================================
   PREMIUM PROFIL DESIGN & READ-MORE PFEIL
   ======================================================= */

/* 1. Name und Posten (Premium Kicker-Style) */
.ho-profile-name {
    font-size: 32px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    color: #222222 !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.2 !important;
}
.ho-profile-roles {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #d63e2d !important; /* Euer Marken-Rot */
    margin: 0 0 25px 0 !important;
    display: block !important;
}

/* 2. Der Text (Lesbarkeit & Umbrüche) */
.ho-read-more-wrap p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #555555 !important;
    margin-bottom: 20px !important; /* HIER KOMMEN DIE UMBRÜCHE HER! */
    display: block !important;
}
.ho-read-more-wrap p:last-child {
    margin-bottom: 0 !important; /* Kein unnötiger Platz nach dem letzten Satz */
}

/* 3. Die Read-More Mechanik (Unzerstörbar) */
.ho-modern-read-more { position: relative; width: 100%; display: block !important; }
.ho-read-more-state { display: none !important; }
.ho-read-more-wrap {
    position: relative; max-height: 140px; overflow: hidden;
    transition: max-height 0.6s ease-in-out;
}
.ho-fade-out-overlay {
    position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; 
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    pointer-events: none; transition: opacity 0.4s ease;
}
.ho-read-more-trigger {
    display: flex !important; justify-content: center !important; align-items: center !important;
    width: 100% !important; height: 40px !important; cursor: pointer !important;
    margin-top: -10px !important; position: relative !important; z-index: 9999 !important;
}
.ho-echter-pfeil {
    display: inline-block !important; width: 14px !important; height: 14px !important;
    border-bottom: 3px solid #d63e2d !important; border-right: 3px solid #d63e2d !important;
    transform: rotate(45deg) !important; 
    transition: transform 0.4s ease, margin-top 0.4s ease !important;
    color: transparent !important; font-size: 0px !important; line-height: 0px !important;
}

/* 4. Aufklappen-Animation */
.ho-read-more-state:checked ~ .ho-read-more-wrap { max-height: 2000px !important; }
.ho-read-more-state:checked ~ .ho-read-more-wrap .ho-fade-out-overlay { opacity: 0 !important; }
.ho-read-more-state:checked ~ .ho-read-more-trigger .ho-echter-pfeil { 
    transform: rotate(225deg) !important; margin-top: 10px !important; 
}

/* =======================================================
   GHOSTBUSTER & PREMIUM BILD-EFFEKTE
   ======================================================= */

/* 1. Tötet den Geister-Pfeil (Alte Codes werden überschrieben) */
.ho-modern-read-more .ho-read-more-trigger::before,
.ho-modern-read-more .ho-read-more-trigger::after { 
    display: none !important; 
    content: none !important; 
    background-image: none !important; 
}

/* 2. Premium Bild-Effekte (Schatten & weiche Kanten) */
.hs-team-img img {
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    transition: transform 0.4s ease !important;
}
.hs-team-img:hover img {
    transform: scale(1.03) !important;
}

/* 3. BILD SCROLLT MIT (Sticky-Effekt) */
.hs-team-sticky {
    position: sticky !important;
    top: 120px !important; /* Abstand zum Menü oben */
    z-index: 10 !important;
    align-self: flex-start !important;
}

/* Auf dem Handy schalten wir das Sticky aus, da stört es nur! */
@media (max-width: 767px) {
    .hs-team-sticky { position: relative !important; top: auto !important; }
}
/* =======================================================
   TEAM-BILDER: SAUBERES FLEX-LAYOUT
   ======================================================= */

/* 1. Den Container zur echten Flexbox machen (Zwingt Bilder nebeneinander) */
@media only screen and (min-width: 768px) {
    .flex_column_table.hs-group-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Verhindert gnadenlos den Zeilenumbruch */
        justify-content: center !important;
        gap: 20px !important; /* Der exakte Abstand zwischen den Bildern */
        width: 100% !important;
    }

    /* 2. Die Spalten von Enfolds Float-Altlasten befreien */
    .hs-group-equal-height-col {
        float: none !important;
        clear: none !important;
        width: 50% !important; /* Teilen sich den verbleibenden Platz fair 50/50 */
        margin: 0 !important; /* Abstände regelt ab jetzt nur noch 'gap' */
        display: block !important;
    }
}

/* 3. Die Bilder selbst (Größe & Premium-Look) */
.hs-group-equal-height img {
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    transition: transform 0.4s ease !important;
    display: block !important;
    width: 100% !important;
    height: 420px !important; 
    object-fit: cover !important;
    object-position: center center !important;
}

.hs-group-equal-height:hover img {
    transform: scale(1.03) !important;
}

/* 4. Mobile Optimierung (Komplett unangetastet, nur sauberer Umbruch) */
@media (max-width: 767px) {
    .flex_column_table.hs-group-container {
        display: flex !important;
        flex-direction: column !important; /* Setzt sie untereinander */
        gap: 20px !important;
    }
    .hs-group-equal-height-col {
        width: 100% !important;
        margin: 0 !important;
    }
    .hs-group-equal-height img {
        height: auto !important;
    }
}

/* --- 1. DIE KACHEL (Kein Rand, gleiche Höhe) --- */
.hs-service-card {
    background: #ffffff !important;
    border: none !important; /* Der Rand ist weg! */
    border-radius: 20px !important;
    padding: 30px 20px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06) !important; /* Nur ein ganz weicher Schatten */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* Sanfter gegen den Hover-Bug */
    text-align: center;
    
    /* Der Trick für die exakt gleiche Höhe: */
    min-height: 280px !important; /* Passe diese Zahl an, falls du sie höher/flacher willst */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* --- 2. DER HOVER-EFFEKT (Bug-frei) --- */
/* Etwas weicherer Sprung nach oben, um das Flackern am Rand zu verhindern */
.hs-service-card:hover {
    transform: translateY(-6px) !important; 
    box-shadow: 0 15px 35px rgba(168, 28, 28, 0.15) !important; /* Das rote Schusterbud-Leuchten */
}

/* --- 3. DAS BILD IN DER KACHEL --- */
.hs-services-img img {
    border-radius: 15px !important;
    margin-bottom: 20px !important; /* Fester Abstand zum Text */
}

/* --- 4. DER TITEL (Immer perfekt zentriert) --- */
.hs-service-card h3 {
    font-size: 1.2em !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.4em !important;
    margin-top: auto !important; /* Drückt den Text dynamisch in die Mitte */
    margin-bottom: auto !important;
}
/* --- 1. DER BEHÄLTER FÜR DIE MODERNE KACHEL --- */
.hs-modern-tile {
    position: relative !important;
    margin-bottom: 40px !important;
    transition: transform 0.3s ease !important;
}

/* Leichter Schweb-Effekt beim Drüberfahren (ohne Flackern) */
.hs-modern-tile:hover {
    transform: translateY(-5px) !important;
}

/* --- 2. DAS BILD (Perfekt abgerundet und immer gleich groß) --- */
.hs-modern-tile img {
    border-radius: 20px !important; /* Schön runde Ecken */
    width: 100% !important;
    height: 280px !important; /* Zwingt alle Bilder auf die exakt gleiche Höhe! */
    object-fit: cover !important; /* Schneidet die Bilder perfekt zu, ohne sie zu verzerren */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

/* --- 3. DIE SCHWEBENDE TEXT-BOX (Der Streckhardt-Look) --- */
.hs-modern-tile h3 {
    position: absolute !important;
    bottom: 20px !important; /* Abstand von unten */
    left: 0 !important; /* Klebt am linken Rand des Bildes */
    background-color: #a81c1c !important; /* Dein Schusterbud-Rot! */
    color: #ffffff !important;
    padding: 12px 25px !important;
    margin: 0 !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    line-height: 1.3em !important;
    
    /* Die Ecken: Oben-Links und Unten-Links sind eckig, Rechts ist abgerundet */
    border-radius: 0 15px 15px 0 !important; 
    box-shadow: 5px 5px 15px rgba(0,0,0,0.15) !important;
    max-width: 90% !important; /* Verhindert, dass langer Text über das Bild hinausragt */
    
    /* Damit der Text auf keinen Fall von etwas anderem überdeckt wird */
    z-index: 10 !important; 
}
/* --- 1. DIE SPALTE --- */
.hs-modern-tile {
    margin-bottom: 60px !important; /* Platz nach unten für das Schild */
    transition: transform 0.3s ease !important;
    display: block !important;
}

.hs-modern-tile:hover {
    transform: translateY(-8px) !important;
}

/* --- 2. DAS BILD --- */
.hs-modern-tile img {
    border-radius: 20px !important;
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    display: block !important; 
    margin: 0 !important; 
}

/* Enfolds unsichtbare Platzhalter töten */
.hs-modern-tile .avia-image-container,
.hs-modern-tile .avia-image-container-inner,
.hs-modern-tile p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 3. DAS ROTE SCHILD (Der Brechstangen-Trick!) --- */
.hs-modern-tile h3 {
    position: relative !important; /* Kein absolute mehr! */
    z-index: 10 !important;
    
    /* HIER PASSIERT DIE MAGIE: Zieht das Schild 40px über das Bild */
    margin: -40px 0 0 0 !important; 
    
    background-color: #a81c1c !important; 
    color: #ffffff !important;
    
    width: 85% !important; 
    height: 100px !important; /* Feste Höhe für alle */
    box-sizing: border-box !important;
    padding: 10px 20px !important; 
    
    /* Text perfekt zentrieren */
    display: flex !important;
    flex-direction: column !important; 
    justify-content: center !important; 
    align-items: flex-start !important; 
    
    font-size: 1.05em !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3em !important;
    
    border-radius: 0 15px 15px 0 !important;
    box-shadow: 5px 10px 20px rgba(0,0,0,0.2) !important;
    
    word-wrap: break-word !important;
    hyphens: auto !important;
}

/* Letzte Sicherheitsmaßnahme für Enfold Überschriften */
.hs-modern-tile .av-special-heading {
    margin-top: 0 !important;
}
/* --- IPAD & TABLET FIX (Keine zerhackten Wörter mehr) --- */
.hs-modern-tile h3 {
    hyphens: none !important; /* Schaltet die fiese Silbentrennung ab */
    word-break: normal !important; /* Zwingt Wörter, am Stück zu bleiben */
}

/* Regeln, die NUR auf Tablets (iPad) greifen */
@media only screen and (max-width: 989px) and (min-width: 768px) {
    .hs-modern-tile h3 {
        width: 95% !important; /* Macht den roten Kasten breiter */
        font-size: 0.85em !important; /* Schrift minimal kleiner, damit es passt */
        padding: 10px 12px !important; /* Etwas weniger Innenabstand */
        height: 100px !important;
    }
}
/* --- DER WOW-HEADER FÜR DIE STARTSEKTION --- */
.hs-hero-title * {
    font-size: 3.5em !important; /* Schön groß und präsent */
    font-weight: 800 !important;
    color: #ffffff !important; /* Strahlend Weiß */
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important; /* Elegante Laufweite */
    
    /* Der Premium-Glas-Effekt */
    background: rgba(0, 0, 0, 0.4) !important; /* Halbtransparentes Schwarz */
    backdrop-filter: blur(8px) !important; /* Macht den Hintergrund unscharf */
    -webkit-backdrop-filter: blur(8px) !important;
    
    padding: 20px 40px !important;
    border-radius: 15px !important; /* Weiche Ecken */
    border-left: 8px solid #a81c1c !important; /* Der rote Schusterbud-Akzent */
    box-shadow: 0 15px 35px rgba(0,0,0,0.3) !important;
    display: inline-block !important; /* Passt die Box exakt an die Textlänge an */
}

/* Damit es auf dem Handy nicht den Bildschirm sprengt */
@media only screen and (max-width: 767px) {
    .hs-hero-title * { 
        font-size: 2em !important; 
        padding: 15px 20px !important; 
    }
}
/* --- PREMIUM AKKORDEON DESIGN --- */

/* 1. Die geschlossene Leiste (Der Deckel) */
.toggler {
    background: #fdfdfd !important; 
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 18px 25px !important;
    margin-bottom: 12px !important;
    color: #333333 !important;
    font-weight: 700 !important;
    font-size: 1.1em !important;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
}

/* Hover-Effekt (Fährt man drüber, wird der Rand rot) */
.toggler:hover {
    background: #ffffff !important;
    border-color: #a81c1c !important;
    box-shadow: 0 8px 20px rgba(168, 28, 28, 0.1) !important;
    transform: translateY(-2px);
}

/* 2. Wenn das Akkordeon GEÖFFNET ist */
.toggler.activeTitle {
    background: #a81c1c !important; /* Roter Hintergrund */
    color: #ffffff !important; /* Weißer Text */
    border-color: #a81c1c !important;
    border-radius: 12px 12px 0 0 !important; /* Unten eckig, damit es mit dem Textkasten verschmilzt */
    box-shadow: 0 5px 15px rgba(168, 28, 28, 0.2) !important;
    transform: none; /* Kein Schweben wenn offen */
}

/* 3. Der Textbereich (der herausfährt) */
.toggle_wrap .toggle_content {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-top: none !important; /* Verschmilzt mit dem roten Deckel */
    border-radius: 0 0 12px 12px !important;
    padding: 30px 25px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
    font-size: 1.05em !important;
    line-height: 1.7em !important;
    color: #444 !important;
}

/* --- DIE EINKLAPP-ANIMATION (Das drehende Plus) --- */
.toggle_icon {
    border: none !important; /* Den hässlichen Kreis vom Theme entfernen */
}

/* Die Linien des Plus-Icons */
.toggle_icon .vert_icon, 
.toggle_icon .hor_icon {
    border-color: #a81c1c !important; /* Rotes Plus im geschlossenen Zustand */
    border-width: 2px !important;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; /* Schöne, weiche Dreh-Animation */
}

/* Wenn offen: Linien werden weiß und drehen sich zum Minus */
.activeTitle .toggle_icon .vert_icon, 
.activeTitle .toggle_icon .hor_icon {
    border-color: #ffffff !important;
}

/* Spezifische Drehung für den Wow-Effekt */
.activeTitle .toggle_icon {
    transform: rotate(180deg) !important;
}
/* --- 1. ABSTAND ZWISCHEN PLUS-ICON UND TEXT IM AKKORDEON --- */
.toggler {
    /* Oben: 18px, Rechts: 25px, Unten: 18px, Links: 60px (hier war vorher 25px) */
    padding: 18px 25px 18px 60px !important; 
}

.toggle_icon {
    left: 20px !important; /* Setzt das Icon fest an den linken Rand */
}
/* --- 2. PREMIUM-ÜBERSCHRIFTEN (Mit Roter Linie) --- */
.hs-premium-h2 h1,
.hs-premium-h2 h2,
.hs-premium-h2 h3,
.hs-premium-h2 .av-special-heading-tag {
    font-size: 40px !important; /* Schön groß */
    font-weight: 800 !important;
    color: #333333 !important;
    padding-bottom: 15px !important;
    position: relative !important;
    margin-bottom: 25px !important;
    display: inline-block !important; /* Sorgt dafür, dass der Strich exakt unter dem Text sitzt */
}

/* Die rote Linie unter der Überschrift */
.hs-premium-h2 .av-special-heading-tag::after,
.hs-premium-h2 h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px; /* Länge der Linie */
    height: 4px; /* Dicke der Linie */
    background-color: #a81c1c !important; /* Schusterbud-Rot */
    border-radius: 2px;
}

/* --- 3. DER EINLEITUNGSTEXT (Kugelsichere Version) --- */
.hs-premium-text, 
.hs-premium-text p, 
.hs-premium-text .avia_textblock,
.hs-premium-text .av_inherit_color {
    font-size: 19px !important; /* Präsente, moderne Größe */
    line-height: 1.85em !important; /* Viel Weißraum für angenehmes Lesen */
    color: #444444 !important; /* Etwas dunkler für besseren Kontrast */
    margin-bottom: 45px !important; /* Deutlicher Abstand, damit das Akkordeon nicht drängelt */
    font-weight: 400 !important;
    text-align: left !important;
}

/* Verhindert, dass Enfold den letzten Absatz im Block zusammenstaucht */
.hs-premium-text p:last-child {
    margin-bottom: 45px !important;
}

/* --- 1. ENFOLD BLOCKADEN LÖSEN (Zwingend für Sticky) --- */
#wrap_all, .lgv-section, .lgv-section .container, .lgv-section .entry-content-wrapper {
    overflow: visible !important;
}

/* --- 2. DAS BILD FESTKLEBEN (Links) --- */
@media only screen and (min-width: 990px) {
    .lgv-sticky-col {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 120px !important; /* Abstand unter dem Menü */
        height: 80vh !important; /* Schöne Höhe */
    }
    
    /* Zwingt das Enfold-Bild-Element, die Spalte auszufüllen */
    .lgv-sticky-col .avia-image-container, 
    .lgv-sticky-col .avia-image-container-inner, 
    .lgv-sticky-col img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 12px;
    }
}

/* --- 3. DIE TIMELINE OPTIK & PFEILE (Rechts) --- */
.lgv-anim-text {
    position: relative;
    padding-left: 50px;
    margin-bottom: 15vh !important; /* Viel Platz zum Scrollen! */
    border-left: 2px solid #eaeaea;
    
    /* Start-Zustand für die Animation: Unsichtbar und leicht nach unten versetzt */
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.lgv-anim-text:last-child {
    border-left: 2px solid transparent;
}

/* Der rote Pfeil */
.lgv-anim-text::before {
    content: "↓";
    position: absolute;
    left: -16px;
    top: 0;
    background: #a81c1c; /* Schusterbud Rot */
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Ziel-Zustand: Wird durch das Snippet aktiviert */
.lgv-anim-text.is-visible {
    opacity: 1;
    transform: translateY(0);
}
/* --- MODERN PREMIUM INFO-KARTEN (GLEICH GROSS & CLEAN) --- */
.lgv-info-card {
    background: #ffffff !important;
    border-radius: 24px !important; /* Weichere Ecken wirken moderner */
    padding: 50px 40px !important;
    border: none !important; /* Harter Rahmen weg! */
    box-shadow: 0 12px 40px rgba(0,0,0,0.06) !important; /* Sehr weicher, teurer Schatten */
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.5s ease !important;
    
    /* FLEXBOX-MAGIE: Zwingt beide Karten auf exakt gleiche Höhe */
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Der schwebende Hover-Effekt mit rotem Schusterbud-Glow */
.lgv-info-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 50px rgba(168, 28, 28, 0.12) !important; 
}

.lgv-info-card h3 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    font-weight: 800 !important;
    font-size: 24px !important;
}

.lgv-info-card p {
    color: #555555 !important;
    line-height: 1.8em !important;
    font-size: 16px !important;
}

/* --- PREMIUM AUFKLAPP-EFFEKT (ACCORDION) --- */
.lgv-expand-card {
    /* Dieser Befehl schiebt das Aufklapp-Menü immer ganz nach unten,
       so dass beide Knöpfe exakt auf der gleichen Linie liegen! */
    margin-top: auto !important; 
}

.lgv-expand-card summary {
    list-style: none !important; 
    cursor: pointer;
    font-weight: 700;
    color: #a81c1c; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #f0f0f0; /* Viel sanftere Linie als vorher */
    transition: color 0.3s ease;
    outline: none !important; 
}

.lgv-expand-card summary::-webkit-details-marker {
    display: none !important;
}

.lgv-expand-card summary .lgv-icon {
    font-size: 26px;
    font-weight: 300; /* Etwas feineres Plus-Icon */
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    line-height: 1;
}

.lgv-expand-card[open] summary .lgv-icon {
    transform: rotate(45deg); 
    color: #333333;
}

.lgv-expand-content {
    padding-top: 20px;
    color: #555555;
    line-height: 1.8em;
    animation: lgvFadeDown 0.4s ease-out forwards;
}

@keyframes lgvFadeDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* ==========================================================================
   DAS NEUE PREMIUM-BILD CSS (Ersetzt das alte Bild-Styling)
   ========================================================================== */
.lgv-html-left {
    width: 45%;
    /* OPTIONAL: Wenn du willst, dass es beim Scrollen doch kleben bleibt, 
       entferne die Schrägstriche bei den nächsten zwei Zeilen: */
    /* position: sticky; */
    /* top: 120px; */
}

.lgv-html-left img {
    width: 100%;
    aspect-ratio: 3 / 4; /* Zwingt das Bild in ein edles Magazin-Hochformat */
    object-fit: cover;   /* Füllt den Rahmen perfekt aus, ohne zu verzerren */
    
    border-radius: 16px; /* Etwas weichere Ecken */
    box-shadow: 0 15px 40px rgba(0,0,0,0.08); /* Edler, tiefer Schatten */
    
    /* Bereitet den Hover-Effekt vor */
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.6s ease;
    
    /* Eigene Einflug-Animation für das Bild beim Laden der Seite */
    animation: lgvImageFade 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* Der magische 3D-Effekt, wenn man mit der Maus drübergeht */
.lgv-html-left img:hover {
    transform: scale(1.02) translateY(-5px); /* Bild kommt minimal auf dich zu */
    box-shadow: 0 25px 50px rgba(168, 28, 28, 0.15); /* Sanfter roter Schusterbud-Glow */
}

/* Die Flugkurve für das Bild beim Laden */
@keyframes lgvImageFade {
    from { 
        opacity: 0; 
        transform: translateY(40px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}
/* ==========================================================================
   PREMIUM-BILDER IN DEN INFO-KARTEN
   ========================================================================== */

/* 1. Zwingt beide Bilder in ein absolut identisches, edles Format */
.lgv-info-card .avia-image-container,
.lgv-info-card img {
    width: 100% !important;
    height: 220px !important; /* Exakt gleiche Höhe für beide Bilder */
    object-fit: cover !important; /* Füllt das Format perfekt, ohne zu verzerren */
    border-radius: 16px !important; /* Schöne, weiche Ecken passend zur Karte */
    margin-top: -10px !important; /* Zieht das Bild etwas weiter nach oben */
    margin-bottom: 25px !important;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.6s ease !important;
}

/* Verhindert, dass das Bild beim Zoomen über die runden Ecken ragt */
.lgv-info-card .avia-image-container-inner {
    overflow: hidden !important;
    border-radius: 16px !important;
    display: block !important;
}

/* 2. Der magische Hover-Effekt (Reagiert auf die ganze Karte!) */
.lgv-info-card:hover img {
    transform: scale(1.04) !important; /* Sanfter Zoom in das Bild hinein */
}
/* ==========================================================================
   DAS FINALE HANDY-FIX FÜR DEN CINE-BLOCK (Bis 767px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
    
    /* 1. Der Haupt-Container: Vollbild erzwingen */
    #hsx-cine {
        min-height: 90vh !important; /* Fast kompletter Bildschirm */
        position: relative !important;
        overflow: hidden !important; /* WICHTIG: Schneidet überstehende Bildränder ab */
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 40px 20px !important;
        margin: 0 !important;
    }

    /* 2. Den Hintergrund über die gesamte Fläche spannen */
    #hsx-cine .hsx-cine__media,
    #hsx-cine .hsx-cine__shade {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Das Bild zwingen, den Container lückenlos auszufüllen */
    #hsx-cine .hsx-cine__img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* DAS ist der magische Befehl für Vollbilder */
        object-position: center center !important;
        display: block !important;
    }

    /* 4. Der sanfte, abgedunkelte Filter */
    #hsx-cine .hsx-cine__shade {
        background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%) !important;
        z-index: 1 !important;
    }

    /* 5. Den Text nach vorne holen */
    #hsx-cine .hsx-cine__inner {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        background: transparent !important;
    }

    /* 6. Typografie perfekt anpassen */
    #hsx-cine .hsx-cine__line {
        font-size: 38px !important;
        line-height: 1.1em !important;
        display: block !important;
    }

    #hsx-cine .hsx-cine__lead {
        font-size: 16px !important;
        line-height: 1.5em !important;
        margin: 20px 0 !important;
        color: #ffffff !important;
    }

    /* 7. Buttons schick nebeneinander (Wenn Platz ist, sonst stapeln sie sich automatisch schön) */
    #hsx-cine .hsx-cine__cta {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 20px !important;
    }

    #hsx-cine .hsx-cine__btn {
        flex: 1 !important; /* Beide Buttons teilen sich den Platz 50/50 */
        min-width: 130px !important; /* Werden nicht zu winzig */
        padding: 12px 10px !important;
        text-align: center !important;
        font-size: 16px !important;
        margin: 0 !important;
    }
    
    #hsx-cine .hsx-cine__note {
        font-size: 11px !important;
        margin-top: 30px !important;
        color: #ffffff !important;
        opacity: 0.7 !important;
    }
}
/* ==========================================================================
   THE ULTIMATE AGENCY BANNER (Flexbox Override & 100% Bugfree)
   ========================================================================== */

/* 1. Deep Frosted Glass Box (Wird zur Flexbox gezwungen!) */
body#top div.avia-cookie-consent {
    background: rgba(12, 12, 12, 0.85) !important;
    backdrop-filter: blur(40px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 28px !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.9), 0 0 50px rgba(168, 28, 28, 0.1) !important;
    position: fixed !important;
    bottom: 40px !important;
    right: 40px !important;
    left: auto !important;
    width: 440px !important; 
    max-width: calc(100% - 40px) !important;
    padding: 45px 40px !important; 
    z-index: 9999999 !important;
    
    /* Der Matrix-Hack: Wir übernehmen die komplette Kontrolle über die Anordnung */
    display: flex !important;
    flex-direction: column !important;
}

/* 2. THE BIG HEADER: Kekse? (Wird mit Gewalt ganz nach oben gezwungen) */
body#top div.avia-cookie-consent::before {
    content: "🍪 Kekse? (Leider nur digitale)" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 20px !important; 
    font-weight: 900 !important;
    letter-spacing: -0.2px !important;
    text-align: center !important; 
    margin-bottom: 8px !important; 
    order: -2 !important; /* Steht immer als allererstes! */
}

/* 3. THE SUB-HEADER: Privatsphäre (An die Textbox geheftet) */
body#top div.avia-cookie-consent .avia-cookie-consent-message {
    display: flex !important;
    flex-direction: column !important;
    color: #a0a0a0 !important;
    font-size: 14px !important;
    line-height: 1.6em !important;
    margin: 0 !important;
    text-align: center !important; /* Normaler Text ist jetzt auch mittig, sieht edler aus */
    font-weight: 300 !important;
    order: -1 !important; /* Steht immer an zweiter Stelle! */
}

body#top div.avia-cookie-consent .avia-cookie-consent-message::before {
    content: "Ihre Privatsphäre. Ihre Wahl." !important;
    display: block !important;
    font-size: 15px !important; 
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important; 
    margin-bottom: 20px !important;
    text-align: center !important; 
    
    /* Kugelsicherer Farb-Glow (Kein Verschwinden mehr!) */
    color: #ff5e5e !important;
    animation: hsxSafeGlow 3s infinite alternate ease-in-out !important;
}

@keyframes hsxSafeGlow {
    0% { color: #a81c1c; text-shadow: 0 0 5px rgba(168,28,28,0.1); }
    100% { color: #ff5e5e; text-shadow: 0 0 15px rgba(255,94,94,0.6); }
}

/* 4. Link Cleanup */
body#top div.avia-cookie-consent a {
    color: #ffffff !important; 
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 1px solid rgba(255,255,255,0.3) !important; 
    transition: all 0.3s ease !important;
}

body#top div.avia-cookie-consent a:hover {
    color: #a81c1c !important;
    border-bottom-color: #a81c1c !important;
}

/* 5. BUTTON CONTAINER */
body#top div.avia-cookie-consent .avia-cookie-consent-button-container {
    order: 1 !important; /* Buttons immer ganz unten */
    margin-top: 20px !important;
}

/* BUTTON BASE */
body#top div.avia-cookie-consent a.avia-cookie-consent-button {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    padding: 18px !important; 
    border-radius: 14px !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 15px 0 0 0 !important;
    transition: all 0.2s ease !important; 
}

/* 6. THE WOW 2: Light Sweep Button */
body#top div.avia-cookie-consent a.avia-cookie-consent-button-1 {
    background: #a81c1c !important;
    color: #ffffff !important;
    border: none !important;
    margin-top: 15px !important; 
    box-shadow: 0 10px 30px rgba(168, 28, 28, 0.4) !important;
    position: relative !important;
    overflow: hidden !important; 
}

body#top div.avia-cookie-consent a.avia-cookie-consent-button-1::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 80% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
    transform: skewX(-25deg) !important;
    animation: hsxLightSweep 4s infinite cubic-bezier(0.19, 1, 0.22, 1) !important;
    animation-delay: 1s !important;
}

@keyframes hsxLightSweep {
    0% { left: -150%; }
    20% { left: 150%; } 
    100% { left: 150%; } 
}

body#top div.avia-cookie-consent a.avia-cookie-consent-button-1:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 15px 40px rgba(168, 28, 28, 0.6) !important;
}

/* Ablehnen-Button */
body#top div.avia-cookie-consent a.avia-cookie-consent-button-2 {
    background: transparent !important;
    color: #888888 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body#top div.avia-cookie-consent a.avia-cookie-consent-button-2:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Weiterlesen */
body#top div.avia-cookie-consent a.avia-cookie-consent-button-3,
body#top div.avia-cookie-consent a.avia-cookie-consent-button-toggle {
    background: transparent !important;
    color: #666666 !important;
    border: none !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    padding: 0 !important; 
    margin-top: 15px !important;
}

body#top div.avia-cookie-consent a.avia-cookie-consent-button-3:hover,
body#top div.avia-cookie-consent a.avia-cookie-consent-button-toggle:hover {
    color: #ffffff !important;
}

/* Mobile Anpassung */
@media only screen and (max-width: 767px) {
    body#top div.avia-cookie-consent {
        bottom: 15px !important; right: 15px !important;
        padding: 30px 25px !important;
    }
}
.slider-box-clean {
    background: transparent !important;
    background-image: none !important;
}

/* ==========================================================================
   LETZTER VERSUCH: BRUTALE ENTFÄRBUNG DES SLIDERS
   ========================================================================== */

/* Wir überschreiben jede Ebene des Sliders, die einen Verlauf haben könnte */
.hs-rail, 
.hs-rail__track, 
.hs-rail__card, 
.hs-rail__overlay {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
}

/* Wir entfernen den Verlauf aus den Pseudo-Elementen des Sliders, 
   falls er dort hartcodiert ist */
.hs-rail::before, 
.hs-rail::after, 
.hs-rail__track::before, 
.hs-rail__track::after {
    background: transparent !important;
    background-image: none !important;
    content: none !important; /* Hier schalten wir das Element ggf. ab, falls es nur Dekoration ist */
}

/* ==========================================================================
   KILLER-LÖSUNG: HS-RAIL-SEC RADIKAL-REINIGUNG
   ========================================================================== */

.hs-rail-sec {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    background-position: initial !important;
    background-repeat: initial !important;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    border: none !important;
    box-shadow: none !important;
}

/* Falls der Verlauf durch das Enfold-Container-System kommt */
.hs-rail-sec .container,
.hs-rail-sec .template-page,
.hs-rail-sec .content {
    background: transparent !important;
    background-image: none !important;
}

/* ==========================================================================
   TYPOGRAFIE-TUNING: MODERN & CLEAN
   ========================================================================== */

.hs-rail__card {
    /* Sanftere Abrundung für moderne Optik */
    border-radius: 20px !important;
}

.hs-rail__h {
    /* Überschrift etwas präsenter */
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 12px !important;
    color: #ffffff !important;
}

.hs-rail__p {
    /* Text etwas leichter und lesbarer */
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    color: #cccccc !important; /* Kein hartes Weiß für den Subtext */
    margin-bottom: 20px !important;
}

.hs-rail__btn {
    /* Button-Design aufwerten */
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
}

.hs-rail__btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

/* Fix für überragenden Text in den Slider-Kacheln */
.hs-rail__card .hs-rail__content {
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 15px !important;
    box-sizing: border-box !important;
}

.hs-rail__card .hs-rail__h, 
.hs-rail__card .hs-rail__p {
    display: block !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    white-space: normal !important;
}

/* Anpassung der Kachel-Breite, falls nötig */
.hs-rail__card {
    min-width: 250px !important; /* Verhindert zu starkes Stauchen */
    max-width: 350px !important; /* Hält die Kacheln auf Format */
}

/* ==========================================================================
   SCROLL-TO-TOP: AGENCY MINIMALISM (EDGE SLIDE)
   ========================================================================== */

/* Basis: Ein radikaler Tab, der am rechten Rand klebt */
#scroll-top-link {
    background: #0f0f0f !important; /* Tiefschwarz/Dunkelgrau */
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px 0 0 4px !important; /* Nur links abgerundet */
    width: 45px !important;
    height: 45px !important;
    right: 0 !important; /* Klebt hart am rechten Rand */
    bottom: 50px !important;
    box-shadow: -5px 0 15px rgba(0,0,0,0.3) !important;
    overflow: hidden !important;
    
    /* Unerwarteter Einflug: Kommt von rechts aus dem Off */
    transform: translateX(100%) !important;
    opacity: 0 !important;
    transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), 
                transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), 
                background 0.3s ease !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* Pfeil bleibt rechts */
}

/* Der Moment, in dem Enfold den Button freigibt */
#scroll-top-link.avia_pop_class,
#scroll-top-link[style*="display: block"],
#scroll-top-link[style*="opacity: 1"] {
    opacity: 1 !important;
    transform: translateX(0) !important; /* Slidet hart von rechts rein */
}

/* Der Hover-Effekt: Fährt nach links aus und zeigt Text */
#scroll-top-link:hover {
    width: 140px !important; /* Button zieht sich auf 140px lang */
    background: #c42d2d !important; /* Akzentfarbe */
    cursor: pointer !important;
}

/* Versteckter Text, der erst beim Hover erscheint */
#scroll-top-link::after {
    content: 'NACH OBEN' !important;
    position: absolute !important;
    left: 15px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    transform: translateX(10px) !important;
    transition: all 0.3s ease 0.1s !important; /* Leichte Verzögerung für den Slide-Effekt */
}

#scroll-top-link:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Passt den Enfold-Standard-Pfeil an */
#scroll-top-link::before {
    position: relative !important;
    right: 15px !important; /* Pfeilabstand zum Rand */
    transition: transform 0.3s ease !important;
}

/* Kleiner Extra-Kick: Pfeil zuckt beim Hover nach oben */
#scroll-top-link:hover::before {
    transform: translateY(-3px) !important;
}
/* ==========================================================================
   INTERAKTIVE FOKUS-KARTEN (ARBEITSWEISE)
   ========================================================================== */

/* Basis-Karte */
.arbeitsweise-card {
    position: relative !important;
    min-height: 380px !important; /* Gibt den Karten eine einheitliche, edle Höhe */
    display: flex !important;
    align-items: flex-end !important; /* Schiebt den Text standardmäßig nach unten */
    padding: 30px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    transition: all 0.4s ease-in-out !important;
    box-sizing: border-box !important;
}

/* Das dunkle Overlay, das standardmäßig dezent und beim Hover kräftig ist */
.arbeitsweise-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0 !important;
    background: linear-gradient(to top, rgba(15,15,15,0.95) 20%, rgba(15,15,15,0.4) 100%) !important;
    z-index: 1 !important;
    transition: all 0.4s ease-in-out !important;
}

/* Hover-Effekt für die gesamte Karte (Bild zoomt minimal) */
.arbeitsweise-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
}

.arbeitsweise-card:hover::before {
    background: rgba(15,15,15,0.92) !important; /* Wird beim Hover dunkler für perfekte Lesbarkeit */
}

/* Text-Container über das Overlay legen */
.arbeitsweise-card .avia_textblock {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

/* Titel (Immer sichtbar) */
.arbeitsweise-card .card-title {
    color: #ffffff !important;
    margin: 0 0 10px 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    transition: all 0.4s ease-in-out !important;
}

/* Beschreibungstext (Standardmäßig unsichtbar und nach unten verschoben) */
.arbeitsweise-card .card-text {
    color: #cccccc !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    opacity: 0 !important;
    max-height: 0 !important;
    transform: translateY(20px) !important;
    transition: opacity 0.3s ease, transform 0.4s ease, max-height 0.4s ease !important;
}

/* Hover-Effekt: Text wird weich eingeblendet und fährt hoch */
.arbeitsweise-card:hover .card-text {
    opacity: 1 !important;
    max-height: 200px !important;
    transform: translateY(0) !important;
}

/* Titel färbt sich beim Hover rot ein (Akzent) */
.arbeitsweise-card:hover .card-title {
    color: #c42d2d !important;
}
/* ==========================================================================
   HYBRID-LAYOUT: KLASSISCH + RASTER (BENTO BOX)
   ========================================================================== */

/* Wir machen die rechte Spalte zu einem modernen Grid (Raster) */
.flex_column.av_one_half:has(.hybrid-step) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important; /* Abstand zwischen den Kacheln */
    justify-content: space-between !important;
}

/* So sehen die einzelnen Schritt-Kacheln aus */
.hybrid-step {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 12px !important;
    width: calc(50% - 10px) !important; /* Macht 2 Kacheln nebeneinander */
    box-sizing: border-box !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; /* Sehr sanfter Agentur-Schatten */
    border: 1px solid rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
}

/* Schritt 5 (der Letzte) bekommt die volle Breite, da 5 ungerade ist */
.hybrid-step:nth-child(5) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Zentriert den letzten Schritt elegant */
    text-align: center !important;
    background: linear-gradient(135deg, #f8f8f8, #ffffff) !important; /* Leichter Akzent */
}

/* Der WOW-Effekt beim Hovern */
.hybrid-step:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 25px rgba(0,0,0,0.1) !important;
    border-color: #c42d2d !important; /* Jessicas roter Akzent am Rand */
}

/* Typografie in den Kacheln */
.hybrid-step h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    color: #0f0f0f !important;
}

.hybrid-step p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #666666 !important;
    margin: 0 !important;
}

/* iPad/Tablet & Handy Anpassung (Kacheln werden untereinander angezeigt) */
@media only screen and (max-width: 989px) {
    .hybrid-step {
        width: 100% !important;
    }
}
/* ==========================================================================
   WOW-FAKTOR: SCHACHBRETT "EDITORIAL FLOAT" (Titel oben, Text klappt aus)
   ========================================================================== */

/* 1. Die Bilder: Edle Rundungen und tiefer Agentur-Schatten */
.wow-checkerboard .avia-image-container {
    border-radius: 12px !important; 
    overflow: hidden !important; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important; 
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.6s ease !important;
}

.wow-checkerboard .avia-image-container:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.12) !important;
}

.wow-checkerboard .avia-image-container img {
    transition: transform 0.8s ease-out !important;
    border-radius: 12px !important;
}
.wow-checkerboard .avia-image-container:hover img {
    transform: scale(1.06) !important; 
}

/* 2. Die Textspalte: Zwingt den Inhalt strikt nach oben */
.wow-checkerboard .flex_column {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* Hält den Titel ganz oben auf einer Linie mit dem Bild */
    transition: transform 0.5s ease-out !important;
}

/* 3. Der Titel: Sofort sichtbar & bleibt stur stehen */
.wow-checkerboard .flex_column h1,
.wow-checkerboard .flex_column h2,
.wow-checkerboard .flex_column h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; /* Nimmt unnötigen Platz weg, solange zugeklappt ist */
    transition: all 0.4s ease !important;
}

/* Zwingt die Arbeitsweise-Überschrift auf Weiß (aus deinem alten Code) */
.wow-titel,
.wow-titel h1,
.wow-titel h2,
.wow-titel h3 {
    color: #ffffff !important;
}

/* 4. Der Fließtext: Versteckt NUR den Absatz (p), nicht den ganzen Textblock! */
.wow-checkerboard .flex_column p {
    opacity: 0 !important;
    max-height: 0 !important; /* Macht nur den Fließtext unsichtbar flach */
    overflow: hidden !important;
    margin: 0 !important;
    transform: translateY(-10px) !important; 
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 5. Der Hover-Effekt: NUR der Absatz rollt sanft nach unten aus */
.wow-checkerboard .flex_column:hover p {
    opacity: 1 !important;
    max-height: 400px !important; /* Gibt dem Text den Platz zum Ausrollen */
    transform: translateY(0) !important;
    margin-top: 15px !important; /* Eleganter Abstand zum Titel, wenn ausgeklappt */
}

}==========================================================================
   ARBEITSWEISE-KARTEN: SCHRIFTGRÖSSE UPDATE (PC & iPad)
   ========================================================================== */

/* Titel deutlich präsenter */
.arbeitsweise-card .card-title {
    font-size: 30px !important; /* Vorher 24px */
    margin-bottom: 12px !important; /* Minimal mehr Abstand nach unten */
}

/* Fließtext auf optimaler Lesegröße */
.arbeitsweise-card .card-text {
    font-size: 16px !important; /* Vorher 14px */
    line-height: 1.6 !important; /* Etwas luftigerer Zeilenabstand */
}

/* Platz-Update: Verhindert, dass der größere Text beim Hovern abgeschnitten wird */
.arbeitsweise-card:hover .card-text {
    max-height: 300px !important; /* Vorher 200px */
}

/* ==========================================================================
   ARBEITSWEISE: ÜBERSCHRIFT ERZWUNGEN WEISS
   ========================================================================== */

#top .wow-titel .av-special-heading-tag,
#top .wow-titel .av-subheading {
    color: #ffffff !important;
}

/* --- DIE BREITE CHECKLISTEN-LEISTE (UNTEN) --- */
.hsx-contact-checklist {
    width: 100%;
    background: #ffffff;
    border-radius: 24px;
    padding: 40px 50px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 10px; /* Minimaler Abstand zu den Boxen drüber */
    
    /* Fliegt als letztes rein (0.6s Verzögerung) */
    opacity: 0;
    transform: translateY(40px);
    animation: hsxFadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s forwards;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.hsx-contact-checklist:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px rgba(168, 28, 28, 0.15); /* Zarter roter Glow */
}

.hsx-checklist-title {
    flex: 1;
    min-width: 250px;
}

.hsx-checklist-title h3 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 10px 0 !important;
}

.hsx-checklist-title p {
    color: #666666 !important;
    margin: 0 !important;
    font-size: 16px !important;
}

.hsx-checklist-items {
    flex: 2;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.hsx-check-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f8f8f8;
    padding: 15px 20px;
    border-radius: 12px;
    flex: 1;
    min-width: 200px;
    border: 1px solid #eeeeee;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.hsx-check-item:hover {
    background: #ffffff;
    border-color: #a81c1c; /* Roter Rahmen beim Hover */
}

.hsx-check-icon {
    background: #a81c1c;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.hsx-check-text {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

/* HANDY-ANPASSUNG FÜR DIE LEISTE */
@media only screen and (max-width: 989px) {
    .hsx-contact-checklist {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
    }
    .hsx-checklist-items { width: 100%; flex-direction: column; gap: 15px; }
    .hsx-check-item { width: 100%; }
}
/* --- DIE BREITE CHECKLISTEN-LEISTE (UNTEN) --- */
.hsx-contact-checklist {
    width: 100%;
    background: #ffffff;
    border-radius: 24px;
    padding: 40px 50px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top: 10px; /* Minimaler Abstand zu den Boxen drüber */
    
    /* Fliegt als letztes rein (0.6s Verzögerung) */
    opacity: 0;
    transform: translateY(40px);
    animation: hsxFadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s forwards;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.hsx-contact-checklist:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px rgba(168, 28, 28, 0.15); /* Zarter roter Glow */
}

.hsx-checklist-title {
    flex: 1;
    min-width: 250px;
}

.hsx-checklist-title h3 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    margin: 0 0 10px 0 !important;
}

.hsx-checklist-title p {
    color: #666666 !important;
    margin: 0 !important;
    font-size: 16px !important;
}

.hsx-checklist-items {
    flex: 2;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.hsx-check-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f8f8f8;
    padding: 15px 20px;
    border-radius: 12px;
    flex: 1;
    min-width: 200px;
    border: 1px solid #eeeeee;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.hsx-check-item:hover {
    background: #ffffff;
    border-color: #a81c1c; /* Roter Rahmen beim Hover */
}

.hsx-check-icon {
    background: #a81c1c;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.hsx-check-text {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

/* HANDY-ANPASSUNG FÜR DIE LEISTE */
@media only screen and (max-width: 989px) {
    .hsx-contact-checklist {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
    }
    .hsx-checklist-items { width: 100%; flex-direction: column; gap: 15px; }
    .hsx-check-item { width: 100%; }
}
/* --- IPAD / TABLET ANPASSUNG (Für 11-Zoll iPads & Querformat) --- */
@media only screen and (max-width: 1199px) {
    .hsx-contact-checklist {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 30px !important;
    }
    .hsx-checklist-title {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .hsx-checklist-items {
        width: 100% !important;
        flex-direction: row !important; /* Zwingt sie nebeneinander */
        flex-wrap: nowrap !important; /* Verhindert das Umbrechen */
        gap: 15px !important;
    }
    .hsx-check-item {
        flex: 1 !important; /* Alle Kacheln exakt gleich groß */
        min-width: 0 !important; /* Überschreibt die PC-Breite */
        padding: 12px 10px !important; 
    }
}
/* ==========================================================================
   DAS SCHNELLE, ZENTRIERTE ZITAT (Fix: Anführungszeichen zieht nach OBEN)
   ========================================================================== */

/* 1. Die unsichtbare Box exakt zentrieren */
.hs-image-quote {
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
    padding: 80px 20px 20px 20px !important; 
    max-width: 800px !important;
    margin: 0 auto !important; 
    text-align: center !important; 
    position: relative !important;
    display: block !important;
    z-index: 10 !important;
}

/* 2. Der Text: Moderne, saubere Schrift & hart zentriert */
.hs-image-quote,
.hs-image-quote p,
.hs-image-quote span,
.hs-image-quote h1,
.hs-image-quote h2,
.hs-image-quote h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 28px !important; 
    font-weight: 500 !important;
    font-style: italic !important; 
    line-height: 1.5em !important;
    color: #ffffff !important; 
    text-align: center !important; 
    text-shadow: 0px 4px 30px rgba(0,0,0,0.9), 0px 1px 5px rgba(0,0,0,0.6) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 3. Das rote Anführungszeichen (Jetzt stark nach oben gezogen) */
.hs-image-quote::before {
    content: "“" !important;
    font-family: Georgia, 'Times New Roman', serif !important; 
    position: absolute !important;
    top: -60px !important; /* GEÄNDERT: Stark ins Minus, zieht das Zeichen deutlich über den Text */
    left: 50% !important;
    transform: translateX(-50%) !important; 
    font-size: 140px !important; 
    font-weight: bold !important;
    color: #a81c1c !important; 
    opacity: 0.8 !important; 
    z-index: -1 !important; 
    line-height: 1 !important;
    font-style: normal !important;
    text-shadow: 0px 5px 20px rgba(0,0,0,0.5) !important;
}

/* 4. Versteckte Umbrüche löschen */
.hs-image-quote p:empty,
.hs-image-quote br {
    display: none !important;
}

/* ==========================================================================
   DAS MASSIVE SCHLAGWORT-BANNER (Fix: Abgeschnittenes 'g' gerettet)
   ========================================================================== */

/* 1. Der Haupt-Container */
.hsx-hero-simple {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
}

/* 2. Das Hintergrundbild */
.hsx-hero-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
}

.hsx-hero-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 20% !important; 
}

/* 3. Der Verlauf */
.hsx-hero-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%) !important;
    z-index: 2 !important;
}

/* 4. Die Text-Box (FIX: Oben und unten minimal Luft für die Buchstaben!) */
.hsx-hero-content {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    padding: 10px 20px 25px 0 !important; /* Oben 10px, Unten 25px für das 'g'. Links bleibt 0! */
    display: flex !important;
}

/* 5. Die Schlagwörter (Gigantisch und dicht zusammengepresst) */
.hsx-hero-title {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    
    font-size: 130px !important; 
    line-height: 0.8em !important; 
    letter-spacing: -3px !important; 
    font-weight: 800 !important;
    margin: 0 !important;
    text-transform: none !important;
}

/* 6. Die 4 automatischen Farben */
.hsx-hero-title span:nth-child(1) { color: #999999 !important; }
.hsx-hero-title span:nth-child(2) { color: #cccccc !important; }
.hsx-hero-title span:nth-child(3) { color: #a81c1c !important; } 
.hsx-hero-title span:nth-child(4) { color: #f8f8f8 !important; }

/* ==========================================================================
   HANDY-OPTIMIERUNG
   ========================================================================== */
@media (max-width: 768px) {
    .hsx-hero-content {
        padding: 10px 10px 15px 0 !important; 
    }
    .hsx-hero-title {
        font-size: 60px !important; 
        line-height: 0.85em !important;
    }
}
==========================================================================
   MOBILE FIX V3: Der Enfold-Höhen-Killer für Info-Karten
   ========================================================================== */

@media only screen and (max-width: 767px) {
    
    /* 1. Sprengt die versteckten Enfold-Tabellen und festen Höhen auf */
    .responsive #top .flex_column_table,
    .responsive #top .av-equal-height-column-flextable,
    .responsive #top .av-flex-cells {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /* 2. Zwingt deine Info-Karte, mit dem Text mitzuwachsen */
    .responsive #top .flex_column.lgv-info-card,
    .responsive #top .lgv-info-card {
        display: block !important;
        height: auto !important; /* Ignoriert die von Enfold berechneten Pixel! */
        min-height: 0 !important;
        max-height: none !important;
        margin-top: 0 !important;
        margin-bottom: 50px !important; /* Massiver Abstand zur nächsten Karte */
        overflow: visible !important; /* Erlaubt dem Text, den Container nach unten zu dehnen */
    }

    /* 3. Schaltet den Abstand bei der untersten Karte ab */
    .responsive #top .lgv-info-card:last-child {
        margin-bottom: 0 !important;
    }
}
/* ==========================================================================
   DESKTOP FIX V2: Die Textblock-Brechstange (Equal Height & Link unten)
   ========================================================================== */

@media only screen and (min-width: 768px) {
    
    /* 1. Zwingt die Spalte auf volle Höhe */
    .responsive #top .flex_column.lgv-info-card,
    .responsive #top .lgv-info-card {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    /* 2. Zwingt die unsichtbaren Enfold-Verpackungen auf volle Höhe */
    .responsive #top .lgv-info-card .av_textblock_section,
    .responsive #top .lgv-info-card .avia_textblock {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        flex-grow: 1 !important; /* Sagt dem Textblock: Nimm allen Platz ein, den du kriegen kannst! */
    }

    /* 3. Schnappt sich den LETZTEN Absatz im Textblock (deinen Link) und drückt ihn auf den Boden */
    .responsive #top .lgv-info-card .avia_textblock > p:last-child,
    .responsive #top .lgv-info-card .avia_textblock > div:last-child {
        margin-top: auto !important; /* DAS ist die Magie, die den Link nach unten drückt */
        margin-bottom: 0 !important;
        padding-top: 20px !important; /* Ein bisschen Luft, falls der Text doch mal länger wird */
    }
}
@media only screen and (max-width: 767px) {
  /* Wir erhöhen die Spezifität extrem, um Enfold zu überstimmen */
  .responsive #top .flex_column_table .hs-team-wow .flex_column.av_one_third,
  .responsive #top .hs-team-wow .flex_column.av_one_third {
    width: 48% !important; /* Etwa 50% Breite */
    display: flex !important; /* Zwingt die Inhalte, nebeneinander zu stehen */
    flex-direction: column !important; /* Hält die Inhalte *innerhalb* der Spalte gestapelt */
    float: none !important; /* Setzt standardmäßige Float-Stapelung zurück */
    margin-left: 0 !important;
    margin-right: 4% !important; /* Abstand nach rechts */
    margin-bottom: 20px !important; /* Abstand nach unten für sauberes Stapeln */
  }

  /* Der 'first' Container (Anna) muss clear: both haben, damit die Reihe sauber startet */
  .responsive #top .hs-team-wow .flex_column.av_one_third.first {
    clear: both !important;
  }

  /* Wählt jedes 2. Element (Bob) aus und entfernt den rechten Abstand */
  .responsive #top .hs-team-wow .flex_column.av_one_third:nth-child(2n) {
    margin-right: 0 !important;
    clear: none !important;
  }

  /* Wählt jedes 1. Element einer 2er-Gruppe (Anna, Chris) aus und stellt sicher, dass es eine neue Zeile beginnt */
  .responsive #top .hs-team-wow .flex_column.av_one_third:nth-child(2n+1) {
    margin-right: 4% !important;
    clear: left !important;
  }
}







/* ==========================================================================
   MOBILE FIX: GANZ OBEN EINFÜGEN! (Kein Zählen mehr, automatische Lücke)
   ========================================================================== */

@media only screen and (max-width: 767px) {
    
    /* 1. Mülleimer für Enfolds unsichtbare 3er-Trennwände, die alles zerstören */
    .responsive #top .clear,
    .responsive #top hr.clear {
        display: none !important;
    }

    /* 2. Zwingt den Container, die Bilder flexibel zu verteilen */
    .responsive #top .entry-content-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important; /* Schiebt Bild 1 nach links, Bild 2 nach rechts. Lücke entsteht automatisch! */
    }

    /* 3. Jedes Team-Mitglied bekommt exakt 48% Platz */
    .responsive #top .flex_column.av_one_third.hs-team-wow {
        width: 48% !important;
        max-width: 48% !important;
        min-width: 0 !important;
        margin: 0 0 20px 0 !important; /* Nur noch Abstand nach unten! */
        float: none !important;
        clear: none !important;
        display: block !important;
    }

    /* --- DER BEKANNTE TEXT-FIX (V10) --- */

    .responsive #top .hs-team-wow .av-image-caption-overlay {
        display: flex !important;
        align-items: center !important; 
        justify-content: center !important; 
        padding: 0 !important;
    }

    .responsive #top .hs-team-wow .av-image-caption-overlay-position,
    .responsive #top .hs-team-wow .av-image-caption-overlay-center,
    .responsive #top .hs-team-wow .av-image-caption-overlay-center-inner {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .responsive #top .hs-team-wow .av-image-caption-overlay-title {
        font-size: 3.5vw !important; 
        line-height: 1.1 !important;
        word-wrap: break-word !important;
        margin-bottom: 2px !important;
        padding: 0 2px !important;
    }

    .responsive #top .hs-team-wow .av-image-caption-overlay-content p,
    .responsive #top .hs-team-wow .av-image-caption-overlay-content {
        font-size: 10px !important; 
        line-height: 1.1 !important;
        letter-spacing: 0 !important; 
        word-wrap: break-word !important;
        word-break: break-all !important; /* Die Brechstange für "Geschäftsführerin" */
        padding: 0 2px !important;
        margin: 0 !important;
    }
}

/* =======================================================
   ZITAT-BILD: ZOOM AUF DEM HANDY VERHINDERN
   ======================================================= */
@media only screen and (max-width: 767px) {
    
    /* Ansatz 1: Falls das Bild ein Hintergrundbild / eine Farb-Sektion ist */
    .hs-mobile-zitat, 
    .hs-mobile-zitat .av-parallax,
    .hs-mobile-zitat .av-parallax-inner {
        background-attachment: scroll !important; /* Tötet den Parallax-Zoom-Bug auf Handys */
        background-size: cover !important;
        background-position: center center !important;
        min-height: 40vh !important; /* Verhindert, dass das Bild zu hoch wird */
    }

    /* Ansatz 2: Falls das Zitat-Bild ein normales Image-Element (<img>) ist */
    .hs-mobile-zitat img {
        width: 100% !important;
        height: 50vh !important; /* Beschränkt die Bildhöhe auf die halbe Handy-Höhe */
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* =======================================================
   TEAM-BILDER: DER ENFOLD-NATIVE FIX (GARANTIERT NEBENEINANDER)
   ======================================================= */

@media only screen and (min-width: 768px) {
    
    /* 1. Die Spalten aus der Enfold-Gefangenschaft befreien */
    #top .hs-group-equal-height-col,
    #top .hs-group-equal-height {
        float: left !important;
        clear: none !important; /* Tötet den erzwungenen Zeilenumbruch! */
        width: 48% !important;  /* 48% Breite lässt genau 4% für die Lücke in der Mitte */
        margin: 0 !important;
        display: block !important;
    }

    /* 2. Dem ersten (linken) Bild den Abstand nach rechts geben */
    #top .hs-group-equal-height-col.first,
    #top .hs-group-equal-height-col:first-child,
    #top .hs-group-equal-height:first-child {
        margin-right: 4% !important;
        clear: both !important; /* Sichert ab, dass von oben nichts in die Quere kommt */
    }

    /* 3. Dem zweiten (rechten) Bild zwingend verbieten umzubrechen */
    #top .hs-group-equal-height-col:nth-child(2),
    #top .hs-group-equal-height:nth-child(2) {
        clear: none !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
}

/* =======================================================
   DIE BILD-OPTIK (Desktop & Handy)
   ======================================================= */
.hs-group-equal-height img,
.hs-group-equal-height-col img {
    width: 100% !important;
    height: 450px !important; 
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    transition: transform 0.4s ease !important;
    display: block !important;
}

.hs-group-equal-height img:hover,
.hs-group-equal-height-col img:hover {
    transform: scale(1.03) !important;
}

/* 4. Handy-Schutz: Deaktiviert die feste Höhe, damit es mobil nicht zerreißt */
@media only screen and (max-width: 767px) {
    .hs-group-equal-height img,
    .hs-group-equal-height-col img {
        height: auto !important; 
    }
}


/* =======================================================
   COOKIE-BANNER RETTUNG: SICHTBAR & KLICKBAR
   ======================================================= */

/* 1. BERECHTIGUNG FÜR KLICKS (Ganz nach vorne zwingen) */
#avia-cookie-bar,
.avia-cookie-consent-wrap,
.avia-popup,
#borlabs-cookie,
.cookie-notice-container {
    z-index: 2147483647 !important; /* Das absolute Maximum, das Browser kennen */
    pointer-events: auto !important; /* Zwingt den Browser, Klicks zuzulassen */
    position: fixed !important;
}

/* 2. TEXTFARBE AUFHELLEN (Damit man ihn lesen kann) */
#avia-cookie-bar p,
#avia-cookie-bar div:not(.avia-cookie-consent-button),
.avia-cookie-consent-wrap p,
.avia-cookie-consent-wrap div:not(.avia-cookie-consent-button),
.avia-popup p,
.avia-popup div:not(.avia-cookie-consent-button) {
    color: #e0e0e0 !important; /* Helles, weiches Grau */
    line-height: 1.6 !important;
    text-shadow: none !important;
}

/* 3. ÜBERSCHRIFT WEISS MACHEN */
#avia-cookie-bar h1, #avia-cookie-bar h2, #avia-cookie-bar h3,
.avia-cookie-consent-wrap h1, .avia-cookie-consent-wrap h2, .avia-cookie-consent-wrap h3,
.avia-popup h1, .avia-popup h2, .avia-popup h3 {
    color: #ffffff !important;
}
/* =======================================================
   TEAM-BILDER: VOLLE GRÖSSE (ENFOLD-SPERRE GEBROCHEN)
   ======================================================= */

@media only screen and (min-width: 768px) {
    
    /* 1. Spalten zwingend auf 49% Breite setzen */
    #top .hs-group-equal-height-col,
    #top .hs-group-equal-height {
        float: left !important;
        clear: none !important; 
        width: 49% !important;  
        margin: 0 !important;
        display: block !important;
    }

    /* 2. Abstand (2%) exakt in die Mitte */
    #top .hs-group-equal-height-col.first,
    #top .hs-group-equal-height-col:first-child,
    #top .hs-group-equal-height:first-child {
        margin-right: 2% !important; 
        clear: both !important; 
    }

    /* 3. Rechtes Bild zwingend oben halten */
    #top .hs-group-equal-height-col:nth-child(2),
    #top .hs-group-equal-height:nth-child(2) {
        clear: none !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
}

/* =======================================================
   BILDER MAXIMAL VERGRÖSSERN (DER FIX FÜR DIE LÜCKEN)
   ======================================================= */
   
/* 4. Enfolds innere Container aufbrechen, damit die Bilder den Platz nutzen! */
#top .hs-group-equal-height .avia-image-container,
#top .hs-group-equal-height .avia-image-container-inner,
#top .hs-group-equal-height-col .avia-image-container,
#top .hs-group-equal-height-col .avia-image-container-inner,
#top .hs-group-equal-height .avia-image-overlay-wrap,
#top .hs-group-equal-height-col .avia-image-overlay-wrap {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 5. Die Bilder selbst (Breit und wuchtig) */
.hs-group-equal-height img,
.hs-group-equal-height-col img {
    width: 100% !important;
    height: 600px !important; /* Höhe angepasst für die breitere Fläche */
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    transition: transform 0.4s ease !important;
    display: block !important;
}

.hs-group-equal-height img:hover,
.hs-group-equal-height-col img:hover {
    transform: scale(1.03) !important;
}

/* 6. Handy-Schutz: Deaktiviert die feste Höhe mobil */
@media only screen and (max-width: 767px) {
    .hs-group-equal-height img,
    .hs-group-equal-height-col img {
        height: auto !important; 
    }
}
/* =======================================================
   ENFOLD-HÜLLEN-STRUKTUR AUFBRECHEN & RÄNDER KILLEN
   ======================================================= */
   
/* 4. Enfolds Rahmen restlos nackt machen (Kein Padding, kein weißer Hintergrund) */
#top .hs-group-equal-height .avia-image-container,
#top .hs-group-equal-height .avia-image-container-inner,
#top .hs-group-equal-height-col .avia-image-container,
#top .hs-group-equal-height-col .avia-image-container-inner {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    height: auto !important; 
    padding: 0 !important; 
    background: transparent !important;
    border: none !important;
}

/* 5. Die Bilder selbst (VOLLFLÄCHIG, OHNE RAND & KÖPFE SICHER) */
.hs-group-equal-height img,
.hs-group-equal-height-col img {
    width: 100% !important;
    height: 700px !important; 
    object-fit: cover !important; /* COVER tötet die weißen Ränder! */
    object-position: center top !important; /* Zwingt den Fokus nach ganz oben auf die Köpfe! */
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    transition: transform 0.4s ease !important;
    display: block !important;
    margin: 0 !important;
}

.hs-group-equal-height img:hover,
.hs-group-equal-height-col img:hover {
    transform: scale(1.03) !important;
}

/* 6. Handy-Schutz: Deaktiviert die feste Höhe mobil */
@media only screen and (max-width: 767px) {
    .hs-group-equal-height img,
    .hs-group-equal-height-col img {
        height: auto !important; 
    }
}
@media only screen and (min-width: 768px) {
    
    /* 1. Spalten-Breite auf 49% halten, aber Enfolds innere Hüllen entfernen */
    #top .hs-group-equal-height-col,
    #top .hs-group-equal-height {
        float: left !important;
        clear: none !important; 
        width: 49% !important;  
        margin: 0 !important;
        display: block !important;
    }

    /* 2. Abstand (2%) exakt in die Mitte */
    #top .hs-group-equal-height-col.first,
    #top .hs-group-equal-height-col:first-child,
    #top .hs-group-equal-height:first-child {
        margin-right: 2% !important; 
        clear: both !important; 
    }

    /* 3. Rechtes Bild zwingend oben halten */
    #top .hs-group-equal-height-col:nth-child(2),
    #top .hs-group-equal-height:nth-child(2) {
        clear: none !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
}

/* =======================================================
   CHECKLISTE: HANDY-OPTIMIERUNG (KACHELN UNTEREINANDER)
   ======================================================= */

@media only screen and (max-width: 767px) {
    
    /* 1. Den Container zwingen, die Kacheln als Spalte zu stapeln */
    .hsx-checklist-items {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important; /* Sorgt für einen sauberen Abstand zwischen den Kacheln */
        width: 100% !important;
    }

    /* 2. Jeder Kachel die volle Breite geben */
    .hsx-check-item {
        width: 100% !important;
        margin: 0 !important; /* Entfernt eventuelle alte Abstände */
        box-sizing: border-box !important;
        
        /* Optional: Inhalt der Kachel sauber ausrichten */
        display: flex !important;
        align-items: center !important; 
        justify-content: flex-start !important;
    }
    
    /* 3. Den Text in der Kachel anpassen, damit er nicht umbricht */
    .hsx-check-text {
        text-align: left !important;
        width: auto !important;
    }
}


/* =======================================================
   PREMIUM TESTIMONIAL SLIDER: DER FINALE FIX FÜR DIE FARBSEKTION
   Dunkles Theme (#0f0f0f) + Pfeile entfernt
   ======================================================= */

/* --- 1. DIE BÜHNE (FARBSEKTION) --- */
/* Nahtloser Sektionshintergrund */
.hs-testimonial-stage {
    background-color: #0f0f0f !important; /* Exakt deine Hintergrundfarbe */
    padding-top: 60px !important;
    padding-bottom: 80px !important;
    border-top: none !important; /* Trennlinie entfernt für nahtlosen Übergang */
}

/* Überschrift zentrieren */
.hs-testimonial-stage h2.zentriert {
    text-align: center !important;
    margin-bottom: 50px !important;
    width: 100% !important;
}

/* --- 2. DER SLIDER-CONTAINER (BEGRENZUNG & ZENTRIERUNG) --- */
.hs-testimonial-stage .avia-testimonial-wrapper {
    max-width: 800px !important; 
    margin: 0 auto !important; 
    position: relative !important;
    z-index: 2 !important;
}

/* --- 3. DAS KARTEN-DESIGN (DER BEWERTUNGS-KASTEN) --- */
/* Dunklere Inhaltskarte hebt sich vom #0f0f0f Hintergrund ab */
.hs-testimonial-stage .avia-testimonial-content {
    background: #2c2c2c !important; 
    padding: 60px 50px 40px 50px !important; 
    border-radius: 20px !important; 
    box-shadow: 0 15px 45px rgba(0,0,0,0.5) !important; /* Schatten minimal verstärkt für Tiefe */
    border-left: 5px solid #e30613 !important; 
    position: relative !important;
}

/* --- 4. DIE GROSSEN ROTEN ANFÜHRUNGSZEICHEN (HINTERGRUND) --- */
.hs-testimonial-stage .avia-testimonial-arrow-wrap {
    display: none !important;
}

.hs-testimonial-stage .avia-testimonial-content::before {
    content: '\201C' !important; 
    font-family: Arial, serif !important; 
    font-size: 120px !important;
    color: #e30613 !important; 
    opacity: 0.15 !important; 
    position: absolute !important;
    top: -10px !important;
    left: 20px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    z-index: 1 !important;
}

/* --- 5. TEXT-STYLING (WOW-EFFEKT) --- */
.hs-testimonial-stage .avia-testimonial-content p {
    font-size: 22px !important; 
    line-height: 1.6 !important; 
    color: #e0e0e0 !important; 
    font-weight: bold !important;
    font-style: italic !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
}

.hs-testimonial-stage .avia-testimonial-name {
    display: block !important;
    text-align: center !important;
    margin-top: 30px !important;
    font-size: 14px !important;
    color: #e30613 !important; 
    font-style: normal !important;
    font-weight: normal !important;
}

/* --- 6. NAVIGATIONS-PFEILE ENTFERNEN --- */
.hs-testimonial-stage .avia-slideshow-arrows a {
    display: none !important;
}

/* --- 7. PAGINIERUNG (DIE PUNKTE UNTEN) --- */
.hs-testimonial-stage .avia-slideshow-dots {
    bottom: -40px !important;
}

.hs-testimonial-stage .avia-slideshow-dots a {
    background: #444444 !important; 
    opacity: 1 !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
}

.hs-testimonial-stage .avia-slideshow-dots a.active {
    background: #e30613 !important; 
}

/* --- 8. HANDY-OPTIMIERUNG (MOBILE BREAKPOINTS) --- */
@media only screen and (max-width: 767px) {
    .hs-testimonial-stage .avia-testimonial-content {
        padding: 40px 20px 30px 20px !important;
    }
    .hs-testimonial-stage .avia-testimonial-content p {
        font-size: 18px !important; 
    }
}

/* =======================================================
   PREMIUM ÜBERSCHRIFT: ROTEN STRICH ZENTRIEREN & MÜLL KILLEN
   ======================================================= */

/* 1. Überschrift stylen und Enfold-Ausrichtung überschreiben */
h2.hs-kunden-heading,
.hs-kunden-heading .av-special-heading-tag {
    text-align: center !important;
    font-size: 36px !important; 
    color: #ffffff !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    letter-spacing: 2px !important; 
    margin-bottom: 20px !important; /* Etwas Platz für unseren Strich machen */
    width: 100% !important;
    display: block !important;
}

/* 2. Tötet die Enfold-Doppellinien auf der linken Seite! */
h2.hs-kunden-heading::before,
.hs-kunden-heading::before,
.hs-kunden-heading .special-heading-border,
.hs-kunden-heading .special-heading-inner-border {
    display: none !important;
}

/* 3. Unser roter Strich (Zwingend in der Mitte!) */
h2.hs-kunden-heading::after,
.hs-kunden-heading .av-special-heading-tag::after {
    content: '' !important;
    display: block !important;
    width: 60px !important; 
    height: 4px !important; 
    background-color: #e30613 !important; 
    margin: 20px auto 40px auto !important; 
    border: none !important; /* Verhindert das Doppelstrich-Design von Enfold */
    border-radius: 2px !important;
    
    /* Die magischen Befehle, die den Strich aus der linken Ecke befreien: */
    position: static !important; 
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

/* 4. Killt die störende dünne graue Linie über der Karte */
.hs-testimonial-stage .hr,
.hs-testimonial-stage hr {
    display: none !important;
}

/* 5. Handy-Optimierung */
@media only screen and (max-width: 767px) {
    h2.hs-kunden-heading,
    .hs-kunden-heading .av-special-heading-tag {
        font-size: 26px !important; 
        letter-spacing: 1px !important;
    }
}

/* =======================================================
   LÜCKENFÜLLER-BILD (SCHRIFTZUG UNTER JESSICA)
   ======================================================= */

.hs-img-vertical {
    margin-top: 30px !important; /* Schöner Abstand zu Jessicas Bild */
    height: 500px !important; /* Zieht das Bild in die Länge, um die Lücke zu füllen */
    background-size: cover !important; /* Schneidet die Ränder ab, füllt aber den Kasten perfekt */
    background-position: center center !important;
}

/* Auf dem Handy komplett ausblenden, um endloses Scrollen zu vermeiden */
@media only screen and (max-width: 767px) {
    .hs-img-vertical {
        display: none !important;
    }
}

/* =======================================================
   PREMIUM LEISTUNGS-KACHELN (MASTER-CODE)
   Inklusive Mobile-Swipe, Hover-Animation und Höhen-Fix
   ======================================================= */

/* --- 1. HAUPT-CONTAINER (INKL. 100% BREITEM STRICH-KILLER TAPE) --- */
.hs-services-section {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto !important; 
    padding: 20px 20px 80px 20px !important; 
    display: flow-root !important; 
    position: relative !important; 
    background-color: #0f0f0f !important;
}

/* =======================================================
   ENFOLD-STRICH KILLER 
   ======================================================= */

/* Sucht exakt die Enfold-Hülle, in der unsere Kacheln liegen, und killt den Rahmen */
#top .container_wrap:has(.hs-services-section) {
    border-top: none !important;
    border-bottom: none !important;
}

/* Killt zur Sicherheit auch den unteren Rahmen der Sektion darüber (Jessica) */
#top .container_wrap:has(.hs-sticky) {
    border-bottom: none !important;
}

/* --- 2. ÜBERSCHRIFT (Weiß & Zentriert) --- */
.hs-services-title {
    text-align: center !important;
    color: #ffffff !important; 
    font-size: 36px !important; 
    font-weight: 800 !important;
    margin-bottom: 50px !important;
    letter-spacing: 1px !important;
}

/* --- 3. DESKTOP GRID --- */
.hs-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* --- 4. KARTEN DESIGN --- */
.hs-service-card {
    position: relative;
    display: block;
    height: 450px;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.hs-service-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.hs-service-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
    transition: background 0.4s ease;
}

/* --- 5. INHALT & HOVER ANIMATION --- */
.hs-service-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translateY(40px);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.hs-service-content h3 {
    color: #ffffff !important;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px 0 !important;
    line-height: 1.3;
}

.hs-service-content p {
    color: #dddddd;
    font-size: 16px;
    margin: 0 0 20px 0 !important;
    opacity: 0; 
    transition: opacity 0.4s ease;
}

.hs-service-btn {
    display: inline-block;
    align-self: flex-start;
    padding: 10px 24px;
    border: 2px solid #e30613; 
    color: #ffffff;
    border-radius: 50px;
    font-weight: bold;
    font-size: 14px;
    opacity: 0; 
    transition: all 0.4s ease;
}

/* Hover Effekte Desktop */
.hs-service-card:hover .hs-service-bg { transform: scale(1.08); }
.hs-service-card:hover .hs-service-overlay { background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 100%); }
.hs-service-card:hover .hs-service-content { transform: translateY(0); }
.hs-service-card:hover .hs-service-content p, .hs-service-card:hover .hs-service-btn { opacity: 1; }
.hs-service-btn:hover { background-color: #e30613; color: #ffffff; }

/* --- 6. MOBILE OPTIMIERUNG (SWIPEN) --- */
@media only screen and (max-width: 900px) {
    .hs-services-grid {
        display: flex;
        overflow-x: auto; 
        scroll-snap-type: x mandatory; 
        gap: 20px;
        padding-bottom: 20px; 
        scrollbar-width: none; 
        -ms-overflow-style: none;  
    }
    .hs-services-grid::-webkit-scrollbar { display: none; }
    
    .hs-service-card {
        flex: 0 0 85%; 
        scroll-snap-align: center; 
        height: 400px;
    }

    /* Text & Button auf dem Handy immer anzeigen */
    .hs-service-content { transform: translateY(0); }
    .hs-service-content p, .hs-service-btn { opacity: 1; }
}

/* =======================================================
   SCHACHBRETT: RIESIGE LÜCKEN AUF DEM HANDY LÖSCHEN
   ======================================================= */

@media only screen and (max-width: 767px) {
    /* 1. Die Hülle (Raster-Zeile) eng zusammenziehen */
    #top .hs-schachbrett-luecke {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border: none !important;
    }

    /* 2. Den gigantischen Standard-Abstand in den Zellen rasieren */
    #top .hs-schachbrett-luecke .flex_cell {
        padding-top: 15px !important; /* Nur noch 15px statt der Enfold-Standard-Riesenlücke */
        padding-bottom: 15px !important;
    }

    /* 3. Bilder sollen gar keinen Abstand nach oben/unten haben, damit sie bündig wirken */
    #top .hs-schachbrett-luecke .flex_cell:has(img),
    #top .hs-schachbrett-luecke .flex_cell:has(.hs-premium-image) {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* =======================================================
   GESCHICHTE SEKTION: DER BULLETPROOF FIX
   ======================================================= */

/* TEXT: Zwingt die Sektion, Textblöcke und alle Absätze auf Weiß */
.hs-geschichte-sektion,
.hs-geschichte-sektion p,
.hs-geschichte-sektion span,
.hs-geschichte-sektion div,
.hs-geschichte-sektion .avia_textblock,
.hs-geschichte-sektion .avia_textblock p {
    color: #ffffff !important;
}

/* BILD: Zwingt Enfolds Bild-Container und das Bild selbst zu runden Ecken */
.hs-geschichte-sektion .avia-image-container,
.hs-geschichte-sektion .avia-image-container-inner,
.hs-geschichte-sektion .avia-image-container img {
    border-radius: 24px !important;
    overflow: hidden !important;
}


/* =======================================================
   GESCHICHTE: ELEGANTER READ-MORE TOGGLE
   ======================================================= */

.hs-geschichte-toggle-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

/* Versteckt die Checkbox */
.hs-history-checkbox {
    display: none !important;
}

/* Die Box, die den Text hält */
.hs-history-content {
    position: relative;
    max-height: 250px; /* So viel Text ist anfangs sichtbar (ca. 1-2 Absätze) */
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Der dunkle Fade-Out Effekt, der mit eurem Hintergrund verschmilzt */
.hs-history-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to bottom, rgba(15,15,15,0) 0%, rgba(15,15,15,1) 100%);
    pointer-events: none;
    transition: opacity 0.6s ease;
}

/* --- WENN GEKLICKT WIRD (OFFEN) --- */
.hs-history-checkbox:checked + .hs-history-content {
    max-height: 2500px; /* Klappt weit genug auf, um den ganzen Text zu zeigen */
}

/* Blendet den dunklen Verlauf aus, wenn offen */
.hs-history-checkbox:checked + .hs-history-content::after {
    opacity: 0; 
}

/* --- DER BUTTON --- */
.hs-history-btn {
    display: inline-block;
    margin-top: -10px; /* Zieht den Button leicht in den Schatten hinein */
    position: relative;
    z-index: 10;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 5px;
    border-bottom: 2px solid #e30613; /* Die rote Corporate Identity Linie */
    transition: all 0.3s ease;
}

.hs-history-btn:hover {
    color: #e30613;
}

/* --- DYNAMISCHER TEXTWECHSEL --- */
/* Text im geschlossenen Zustand */
.hs-history-btn::before {
    content: 'Die ganze Geschichte lesen \2193'; /* Pfeil nach unten */
}

/* Text im offenen Zustand */
.hs-history-checkbox:checked ~ .hs-history-btn::before {
    content: 'Geschichte einklappen \2191'; /* Pfeil nach oben */
}

/* =======================================================
   FOOTER: MINIMALISTISCH & CLEAN
   ======================================================= */
#footer, 
#footer .widget {
    border: none !important;
    background-color: #0f0f0f !important;
}

/* =======================================================
   FOOTER: PREMIUM WOW-FAKTOR
   ======================================================= */

/* 1. Der Kasten: Rote CI-Linie, Farbverlauf und Tiefe */
#footer {
    background: linear-gradient(180deg, #181818 0%, #0a0a0a 100%) !important;
    border-top: 3px solid #e30613 !important; /* Euer markantes Rot als Abschluss */
    border-bottom: none !important;
    padding: 70px 0 50px 0 !important; /* Viel mehr Raum zum Atmen */
    box-shadow: inset 0 15px 30px rgba(0,0,0,0.4); /* Sanfter Schatten nach innen für mehr Tiefe */
}

/* 2. Zwingt alle Standard-Linien von Enfold ins absolute Nichts */
#footer .widget {
    border: none !important;
    margin-bottom: 0 !important;
}

/* 3. Macht die Hover-Effekte bei Links weicher und edler */
#footer a {
    transition: all 0.3s ease-in-out !important;
}

#footer a:hover {
    color: #e30613 !important; /* Leuchtet beim Drüberfahren im Schusterbud-Rot */
    transform: translateX(3px); /* Ein winziger, cooler Schiebe-Effekt */
    display: inline-block;
}
.container {width:100%;} .container .av-content-small.units {width:80%; }
			
			  .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, 
			  .responsive.html_boxed.html_header_transparency #header{ width: 1310px; max-width:90%; }
			  .responsive .container{ max-width: 1310px; }
			
#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul{background-color: #d63e2d;}
.breadcrumb-trail span, .alternate_color .breadcrumb a{color:#ffffff;font-weight:bold;text-transform:uppercase;}
#top #header .av-main-nav > li > a{font-size:20px;}
body#top #wrap_all .footer_color .widgettitle{border-color: #d63e2d;}
html #top .all_colors .widgettitle{border-style:solid; border-width:1px; padding:10px 0; border-left:none; border-right:none; margin-bottom:15px}
#top .all_colors strong{color:#d63e2d;}
#top #header_main_alternate {background-color: #ffffff;}
#top #header .av-main-nav > li > a{color:#000000;background-color:#ffffff;border-color:#d63e2d;}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text,
		#top #wrap_all #header #menu-item-search>a
		
		{border-color: #d63e2d;}
#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext{color: #000000;}
#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#ffffff;background-color:#d63e2d;border-color:#d63e2d;font-size:14px;}
#top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#ffffff;background-color:#b32d1e;border-color:#b32d1e;}
#top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a:before{border-radius: 0px;}
#top #wrap_all .all_colors h1, #top #wrap_all .all_colors h2, #top #wrap_all .all_colors h3, #top #wrap_all .all_colors h4, #top #wrap_all .all_colors h5, #top #wrap_all .all_colors h6{font-weight:bold;text-transform:none;}