
/*Focus*/



#primary-menu > li > a:focus-visible,
.masthead .main-nav > li > a:focus-visible {
  outline: var(--focus-ring) !important;
  outline-offset: 4px !important;
  border-radius: 4px !important;
}

/* Entfernt das blockierende Outline im inneren Banner */
.shortcode-banner-inside {
    outline: none !important;
}


.ult-team-member-wrap a:focus,
.ult-team-member-wrap a:focus-visible,
.ult-team-member-name-wrap a:focus,
.ult-team-member-name-wrap a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 6px !important;
    position: relative;
    z-index: 20;
}


.wpb_text_column h3 a:focus,
.wpb_text_column h3 a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 8px !important;
    border-radius: 8px !important;
    position: relative;
    z-index: 20;
}

.shortcode-banner:focus,
.shortcode-banner:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
}

.wpb_column a:focus-visible,
.wpb_column a:focus,
.wpb_column .dt-btn:focus-visible,
.wpb_column .dt-btn:focus {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 6px;
}

.nav-links a:focus,
.nav-links a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px !important;
    z-index: 20 !important;
    position: relative !important;
}

.wpb_column .shortcode-single-image-wrap a:focus-visible,
.wpb_column .shortcode-single-image-wrap a:focus {
    box-shadow: 0 0 0 var(--focus-ring) !important;
    border-radius: 8px;
    outline: none !important;
}

.wpb_column h3 a:focus-visible,
.wpb_column h3 a:focus {
    box-shadow: inset 0 0 0 var(--focus-ring) !important;
    border-radius: 4px;
}

.wpb_column p a:focus-visible,
.wpb_column p a:focus {
    outline: var(--focus-ring) !important;
    outline-offset: 3px !important;
}

.wpb_column,
.vc_column-inner,
.wpb_wrapper {
    outline: none !important;
    box-shadow: none !important;
}


.team-media a:focus,
.team-media a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
    position: relative !important;
    z-index: 20 !important;
}

.team-media a.rollover.this-ready {
    position: relative !important;
    display: inline-block !important;
    z-index: 5 !important;
}

.team-media a.rollover.this-ready i {
    pointer-events: none !important;
    z-index: 1 !important;
}

.team-media a.rollover.this-ready:focus,
.team-media a.rollover.this-ready:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 6px !important;
    border-radius: 4px;
    z-index: 10 !important;
}

.team-media {
    overflow: visible !important;
}



.wpcf7-form-control:focus {
    box-shadow: none !important;
}

.wpcf7-form-control:focus {
    border: 1px solid transparent !important;
}

.wpcf7-form-control[type="text"]:focus,
.wpcf7-form-control[type="email"]:focus,
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus {
    outline: var(--focus-ring) !important;
    outline-offset: 3px !important;
}


.wpcf7-list-item input[type="checkbox"]:focus {
    outline: var(--focus-ring) !important;
}

.wpcf7-list-item input[type="checkbox"]:checked {
    accent-color: var(--vrede-or) !important;
}

.wpcf7-select:focus {
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.wpcf7-select:focus,
.wpcf7-select:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 3px !important;
    border-radius: 4px;
}

.wpcf7-textarea:focus {
    box-shadow: none !important;
    border: 1px solid transparent !important;
}

.wpcf7-textarea:focus,
.wpcf7-textarea:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 3px !important;
    border-radius: 4px;
}


.wpcf7-submit:focus:not(:disabled),
.wpcf7-submit:focus-visible:not(:disabled) {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}

.wpcf7-submit:disabled {
    opacity: 0.5;
}


.team-col-content a:focus,
.team-col-content a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}

.post-thumbnail .fancy-date a:focus,
.post-thumbnail .fancy-date a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}

.post-thumbnail .fancy-categories a:focus,
.post-thumbnail .fancy-categories a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}

.post-meta a:focus,
.post-meta a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}

.post-meta a {
    display: inline-block; 
}

.share-buttons a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}


.entry-tags a {
    display: inline-block !important;     
    padding: 2px 4px !important;          
    line-height: 1.3 !important;          
    position: relative;
}

.entry-tags a:focus,
.entry-tags a:focus-within {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
    z-index: 100;
}

.share-buttons a:focus,
.share-buttons a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
    position: relative;
    z-index: 100;
}



.single-related-posts .related-item article {
    position: relative;
}

.single-related-posts .related-item article:focus-within {
    outline: var(--focus-ring) !important;
    outline-offset: 6px !important;
    border-radius: 6px;
    z-index: 20;
}

.single-related-posts .related-item .mini-post-img a {
    outline: none !important;
    tabindex: -1;
}

.sidebar-content .searchform .searchform-s:focus {
    outline: var(--focus-ring) !important;
    outline-offset: 3px !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.sidebar-content .searchform a.submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.sidebar-content .searchform a.submit:focus,
.sidebar-content .searchform a.submit:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 4px;
}
.sidebar-content .recent-posts li,
.sidebar-content .recent-posts article {
    overflow: visible !important;
}

.sidebar-content .recent-posts article:focus-within {
    outline: var(--focus-ring) !important;
    outline-offset: 2px !important; /* statt 6px */
    border-radius: 6px;
    z-index: 20;
}

.post-title.h4-size {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-tags {
    overflow: visible !important;
}

.entry-tags a {
    position: relative;
    z-index: 10;
}


.entry-title,
.entry-titel a {
    overflow: visible !important;
}


.entry-title a:focus,
.entry-title a:focus-visible,
.entry-title:focus-within {
    outline: 4px solid var(--focus-ring) !important;
    outline-offset: 6px !important;
    border-radius: 6px !important;
    position: relative !important;
    z-index: 9999 !important;
}


.ult-content-box-container {
    position: relative !important;
    z-index: 1 !important;
    outline: none !important;
}


.ult-content-box-container:focus {
    outline: 4px solid var(--focus-ring) !important;
    outline-offset: 6px;
    border-radius: 8px;
    display: block;
}

.ult-content-box-container:focus::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 4px solid var(--focus-ring);
    border-radius: 10px;
    pointer-events: none;
    z-index: 999999;
}


.scroll-top:focus,
.scroll-top:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 6px !important;
    z-index: 999999 !important;
}


.wf-float-left a:focus-within {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 6px !important;
} 

.ult-team-member-wrap.ult-style-1 > a {
    display: inline-block !important;
}

.ult-team-member-wrap.ult-style-1 a:focus,
.ult-team-member-wrap.ult-style-1 a:focus-visible {
    outline: var(--focus-ring) !important;
    outline-offset: 4px !important;
    border-radius: 6px !important;
}

.skip-carousel {
  position: absolute;
  left: 0;
  top: -9999px;        /* komplett weg außerhalb des sichtbaren Bereichs */
  background: #002d47;
  color: #fff;
  padding: 10px 16px;
  font-size: 16px;
  text-decoration: none;
  z-index: 9999;
  border-radius: 4px;
  

  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  overflow: hidden;

  /* Keine Maus-Interaktion */
  pointer-events: none;
}

/* Fokusmodus: sichtbar und erreichbar */
.skip-carousel:focus {
  top: 150px;                 /* sichtbar */           
  width: auto;
  height: auto;
  clip: auto;
  overflow: visible;

  pointer-events: auto;      /* Maus wieder ok, falls nötig */
}

.shortcode-single-image-wrap .fancy-media-wrap a:focus {
  outline: var(--focus-ring) !important;
  outline-offset: 4px !important;
  border-radius: 6px !important;
}



