.ast-desktop .ast-primary-header-bar.main-header-bar {padding-top: 0px;}
.ast-builder-menu-1 .menu-item > .menu-link {font-size: 24px;}
#ast-scroll-top, .site-footer-primary-section-4.site-footer-section.site-footer-section-4, .site-header-primary-section-left-center.site-header-section.ast-flex.ast-grid-left-center-section {display: none !important;} .ast-mobile-popup-inner, .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {background: #255985 !important; color: #fff !important;}
.ast-builder-menu-mobile .menu-item a {border-bottom: none !important; line-height: 1.5em !important;}
.ast-mobile-svg.ast-close-svg {fill: #fff;}
#menu-item-4466 a {font-size: 0.9em;} #block-18 {position: fixed; bottom: 0px; right: 0px;}
#block-18 .wp-block-search__inside-wrapper {width: auto !important;}
#block-18.deaktiviert {position: relative; bottom: 0px; right: 0px;}
#block-18.deaktiviert span.search-toggle-btn {right: inherit; left: 95px;}
span.search-toggle-btn {
cursor: pointer;
position: absolute;
top: 37px;
right: 22px;
z-index: 99;
background: #fff;
border-radius: 50%;
width: 29px;
height: 30px;
text-align: center;
padding-top: 1px;
border: 2px solid #426f8d;
z-index: 999999;
} footer .wp-block-search__input{
display: none !important;
} footer .wp-block-search__button *,
footer .wp-block-search__button svg{
display: none !important;
} footer .wp-block-search,
footer .wp-block-search__inside-wrapper{
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
} .menu-item-1411 a {position: relative;}
.menu-item-1411 a::after {content: ''; position: absolute; right: -25px; width: 20px; height: 20px; border-radius: 50%; top: -3px;}
.menu-item-1411.gruen a::after {background: #469951; border: 2px solid #d1e5d3;}
.menu-item-1411.gelb a::after {background: #eedb27; border: 2px solid #fbf6c9;}
.menu-item-1411.rot a::after {background: #c70d0d; border: 2px solid #f1c2c2;}
body.page-id-1641 .elementor-widget-n-accordion .e-n-accordion-item-title {border: none !important;}
body.page-id-1641 .e-n-accordion-item .elementor-element {border: none !important;} footer .wp-block-search__button {
position: relative !important;
transform: none !important; width: 140px !important;
height: 140px !important; background-color: transparent !important;
background-image: url(//www.wvgn.de/wp-content/uploads/2025/12/KlarA1.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
z-index: 99999 !important;
} footer .wp-block-search__button::before,
footer .wp-block-search__button::after{
content: none !important;
} footer .wp-block-search__button::before {
content: 'X';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
cursor: pointer;
z-index: 10;
} footer .wp-block-search__button.deaktiviert::before {
content: '⬆'; 
} footer .wp-block-search__button.deaktiviert {
opacity: 0.6; } @media (max-width: 768px){
footer .wp-block-search__button{
width: 120px !important;
height: 120px !important;
left: 12px !important;
bottom: 12px !important;
}
} .page-id-3224 li.uael-post__header-filter[data-filter=".a-h"],
.page-id-3224 li.uael-post__header-filter[data-filter=".i-p"],
.page-id-3224 li.uael-post__header-filter[data-filter=".q-z"]
{display: none !important;}
.page-id-2691 li.uael-post__header-filter[data-filter=".news"],
.page-id-2691 li.uael-post__header-filter[data-filter=".veranstaltungen"],
.page-id-2691 li.uael-post__header-filter[data-filter=".pressemitteilungen"],
.page-id-2691 li.uael-post__header-filter[data-filter=".infos"]
{display: none !important;}
body .uael-post__header .uael-post__header-filter {
margin-left: 2px !important;
margin-right: 2px !important;
padding: 12px 24px !important;
color: rgba(76, 76, 76, 1) !important;
font-family: Roboto Condensed, sans-serif !important;
text-transform: uppercase !important;
font-size: 16px !important;
border-width: 0px !important;
border-color: rgba(0, 0, 0, 0) !important;
border-radius: 0px !important;
background: rgba(255, 255, 255, 1) !important;
position: relative;
font-weight: bold !important;
}
body .uael-post__header .uael-post__header-filter:hover{
color: rgba(0, 0, 0, 1) !important;
border-color: transparent !important;
background: rgba(255, 255, 255, 0) !important;
}
body .uael-post__header .uael-post__header-filter:after {
background: #255985 !important;
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 50% !important;
width: 0% !important;
height: 0px !important;
opacity: 0 !important;
-webkit-transition: all .25s ease-out !important;
-o-transition: all .25s ease-out !important;
transition: all .25s ease-out !important;
}
body .uael-post__header .uael-post__header-filter:hover:after, body .uael-post__header .uael-post__header-filter.uael-filter__current:after {
height: 3px !important;
width: 100% !important;
opacity: 1 !important;
left: 0px !important;
} .wvgn_hero {
max-height: 65vh;
min-height: 65vh;
}
.wvgn_hero > .e-con-inner {
padding-bottom: 50px !important;
}
.wvgn_accordion {
position: relative;
}
.wvgn_accordion > .e-con-full.e-flex.e-con.e-child, .wvgn_accordion details.e-n-accordion-item, .wvgn_accordion .e-n-accordion, .wvgn_accordion .elementor-widget-container, .wvgn_accordion .elementor-element.elementor-widget-n-accordion {
position: static !important;
}
.wvgn_accordion .e-n-accordion-item > .e-con-full.e-flex.e-con.e-child {
position: absolute;
left: 0px;
width: 75vw;
top: 100%;
background: #255985;
z-index: 99;
padding: 15px 25px;
} .single-service .entry-header, 
.single-service .post-navigation, 
.single-service .entry-meta, 
.single-service #comments,
body.single.single-post #secondary {display: none !important;}
body.single.single-post #primary {width: 100%;}
.entry-meta {display: none !important;} .service_wrap .uael-post__thumbnail {width: 92%; margin: 0 auto; border-radius: 20px; height: 50px !important;}
.single-service #content img {border-radius: 20px;} .custom-wvgn-footer {
background-color: #fff;
color: #00649b; font-size: 15px;
line-height: 1.5;
}
.custom-wvgn-footer h4 {
color: #00649b !important;
font-size: 20px;
margin-bottom: 10px;
font-weight: 600;
text-transform: uppercase;
}
.custom-wvgn-footer p {
margin: 0;
color: #00649b;
font-size: 16px !important;
} .footer-slogan {
text-align: right;
color: #fdb913; 
font-size: 32px;
font-weight: bold;
padding: 30px 130px 10px 0; } .footer-top-columns {
display: flex;
justify-content: flex-start; align-items: flex-start;
padding-bottom: 40px;
gap: 80px; }
.footer-col {
flex: 1;
}
.footer-logo {
flex: 0 0 300px; }
.footer-logo img {
max-width: 100%; height: auto;
} .footer-blue-wrap {
background-color: #00649b;
color: #fff;
position: relative;
padding: 15px 0;
}
.footer-blue-inner {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.footer-links a, 
.footer-links a:visited {
color: #ffffff !important; text-decoration: none;
margin-right: 25px;
font-size: 16px;
display: inline-flex;
align-items: center;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer-links .icon-a11y {
font-size: 24px;
margin-left: 8px;
}
.footer-social {
display: flex;
gap: 15px; margin-right: 150px; 
}
.footer-unternehmen {
flex: 0 0 330px; }  .footer-social a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background-color: #ffffff !important;
border-radius: 50%;
text-decoration: none;
transition: transform 0.2s ease, background-color 0.2s ease;
} .footer-social a:hover {
transform: scale(1.1);
} .footer-social a svg {
width: 20px;
height: 20px;
fill: #00649b !important; } .footer-klara {
position: absolute;
right: 0; bottom: -30px; 
z-index: 10;
}
.footer-klara img {
width: 120px; height: auto;
} .footer-bottom-wrap {
background-color: #fff;
padding: 20px 0 60px 0;
}
.footer-bottom-wrap p {
color: #666;
font-size: 14px;
} @media (max-width: 1024px) {
.footer-top-columns {
flex-direction: column;
gap: 30px;
}
.footer-slogan {
text-align: left;
font-size: 24px;
padding-right: 10px;
}
.footer-blue-inner {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.footer-social {
margin-right: 0;
}
.footer-klara {
bottom: 10px;
}
.footer-logo, .footer-unternehmen, .footer-kundencenter {flex: 1;}
#block-18.deaktiviert span.search-toggle-btn {
right: inherit;
left: 20px;
top: 14px;
}
span.search-toggle-btn {right: 0px; top: 11px;}
}
@media screen and (max-width: 1310px) {
.ast-builder-menu-1 .menu-item > .menu-link {font-size: 20px;}	
}
@media screen and (max-width: 1200px) {
.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {padding-left: 0px; padding-right: 0px;}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {position: absolute; top: -25px; right: 15px;}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {line-height: 36px;}
.site-primary-footer-wrap.ast-builder-grid-row-container {padding-left: 20px; padding-right: 20px;}
.ast-builder-grid-row-4-equal .ast-builder-grid-row {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
.ast-hfb-header .site-header {margin-right: 0px; margin-left: 0px;}
.uael-post__columns-tablet-2 .uael-post-wrapper {
width: 100% !important;
}
body .uael-post__body .uael-post__thumbnail:not(.uael-post-wrapper__noimage) {padding-bottom: 0px !important;}
body .uael-post__inner-wrap.uael-post__noimage .uael-post__content-wrap {margin: 0px; width: 100% !important;}
body .uael-post__body {padding: 0px 20px;}
}
.main-navigation li {width: 100%; display: flex !important; align-items: end; padding-right: 25px;}
.main-navigation li a {border: none !important; font-size: 1.2rem; margin-bottom: 5px;}
#ast-desktop-header {display: none !important;}
.menu-item-4179 {display: flex !important; align-items: center; justify-content: center;}	
.site-navigation #ast-hf-mobile-menu .menu-item-4179 a {background: #d32f2f !important; border-radius: 8px; width: auto;}
@media screen and (min-width: 921px) {
#ast-mobile-header {position: fixed; top: 0px; left: 0px; width: 100%; display: block !important;}
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {padding-top: 0px !important;}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {top: 0px;}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {background: #255985;}
}
@media screen and (max-width: 921px) {
#ast-mobile-header {position: fixed; top: 0px; left: 0px; width: 100%;}
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {padding-top: 0px !important;}
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {top: 0px;}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill {background: #255985;}
.site-footer .ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row {grid-template-columns: repeat(1, 1fr);}
.site-footer .wp-block-image.size-full img {max-width: 100% !important;}
.site-footer .wp-block-search__inside-wrapper {width: auto !important; max-width: 100%;}
.entry-content  .elementor[data-elementor-post-type="service"] > .elementor-element.e-flex.e-con-boxed.e-con.e-parent {margin-left: 0px !important; margin-right: 0px !important;}
.page-id-301 .tgr-filter-item[data-filter-id="kaufmaennischer-bereich"],
.page-id-301 .tgr-filter-item[data-filter-id="geschaeftsfuehrung"],
.page-id-301 .tgr-filter-item[data-filter-id="technischer-bereich"],
.page-id-301 .tgr-filter-item[data-filter-id="stabstellen"],
.page-id-301 .tgr-filter-item[data-filter-id="kundencenter"],
.page-id-301 .tgr-filter-item[data-filter-id="verbandsvorsteher"] {display: none !important;}
}
#footer_hide footer {display: none !important;}
.roundedgrid .uael-post__thumbnail {border-radius: 20px 20px 0px 0px !important;}
@media screen and (max-width: 544px) {
header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img 
{max-width: 180px; width: 180px;}
} #custom-sticky-header {
position: sticky;
top: 0;
width: 100%;
background-color: #255985;
z-index: 999;
margin: 0px;
}
.custom-header-inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 50px;
max-width: 100%;
} .custom-logo-wrap img {
max-height: 75px;
width: auto !important;
} #custom-hamburger {
background: none;
border: none;
cursor: pointer;
display: flex;
flex-direction: column;
gap: 5px;
padding: 10px;
}
#custom-hamburger .bar {
display: block;
width: 30px;
height: 3px;
background-color: #ffffff; 
border-radius: 3px;
} #custom-menu-overlay {
position: fixed;
top: 0;
right: -100%;
width: 100%; 
height: 100vh;
background-color: #255985;
z-index: 1000;
transition: right 0.4s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-shadow: -5px 0 15px rgba(0,0,0,0.2);
visibility: hidden;
}
#custom-menu-overlay.is-active {
right: 15px; 
visibility: visible;
}
#custom-close-menu {
position: absolute;
top: 20px;
right: 30px;
font-size: 40px;
background: none;
border: none;
cursor: pointer;
color: #fff;
}
.overlay-menu-list {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.overlay-menu-list li {
margin-bottom: 15px;
}
.overlay-menu-list a {
font-size: 22px;
color: #fff !important;
text-decoration: none;
font-weight: bold;
transition: color 0.2s;
}
.overlay-menu-list a:hover, .overlay-menu-list .current-menu-item a {
color: #86b7e1 !important;
}
.overlay-menu-list #menu-item-4179 a {background: #d32f2f; padding: 8px 12px; border-radius: 12px; }
.overlay-menu-list #menu-item-4179 a:hover {color: #fff !important; background: #b71c1c;}
#custom-hamburger:focus-visible,
#custom-close-menu:focus-visible,
.overlay-menu-list a:focus-visible {
outline: 3px dashed #ff9900; outline-offset: 4px;
}
#custom-close-menu {
transition: transform 0.2s;
}
#custom-close-menu:focus-visible {
transform: scale(1.1);
}
#klara_nav {    position: relative !important;
transform: none !important;
width: 100% !important;
height: 140px !important;
background-color: transparent !important;
background-image: url(//www.wvgn.de/wp-content/uploads/2025/12/KlarA1.png) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
border: none !important;
cursor: pointer;
} .social-icons::after {
content: url(//www.wvgn.de/wp-content/uploads/2025/02/Wasserampelrotgelbgruen.png);
display: inline-block;
margin-left: 10px;
width: 30px;
height: auto;
vertical-align: middle;
}
.ast-separate-container .ast-article-single:not(.ast-related-post) {background-color: #efeae0;} @media (max-width: 921px) {
.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"] {
display: block;
}
}
@media (max-width: 544px) {
.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"] {
display: block;
}
}
@media (min-width: 768px) {
#custom-menu-overlay {
width: auto; padding: 0px 60px;
}
}
@media (max-width: 767px) {
.custom-header-inner {
padding: 15px 5%;
}
#custom-menu-overlay.is-active {
right: 0px; 
}
}