/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Skip Link */

.skip-link-top {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 999;
  background: #01448a;
  color: #fff;
  padding: 10px 15px;
  font-weight: bold;
  text-decoration: none;
}

.skip-link-top:focus {
  position: absolute;
  left: 10px;
  top: 10px;
  width: auto;
  height: auto;
  overflow: visible;
}

#main-content {
  scroll-margin-top: 100px; /* Abstand zum fixierten Header */
}

/* Tab-Navigation */

 .q_logo a:focus-visible {
    outline: 0.125rem solid #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

.q_logo a:focus-visible img {
    outline: 0.125rem solid #db1212;
    outline-offset: 0.15rem;
}

.flexslider a:focus-visible,
.portfolio_slider a:focus-visible,
.qode_carousels a:focus-visible {
    outline: 0.125rem solid #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

.flexslider a:focus-visible img,
.portfolio_slider a:focus-visible img,
.qode_carousels a:focus-visible img {
    outline: 0.125rem solid #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

qbutton large center white default a:focus-visible 
{
    color: #db1212
 outline: 0.125rem solid #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

.wpb_single_image a:focus-visible {
    outline: 0.125rem solid  #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

footer a:focus-visible {
    outline: 0.125rem solid  #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

p a:focus-visible {
    outline: 0.125rem solid  #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

a:focus-visible , button:focus-visible , input:focus-visible  {
   outline: 0.125rem solid #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

nav.main_menu>ul>li>a:focus-visible
 {
    outline: 0.125rem solid  #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}



 p a:focus:before {
  content: '';
}

li a:focus-visible {
    outline: 0.125rem solid  #db1212;
    outline-offset: 0.15rem;
    -moz-outline-radius: 2px;
}

/* Tab-Navigation EOF */

.current {text-decoration:underline!important;}

p {margin-bottom:15px; margin-top:15px;}
h1 {margin-bottom:0px;}
.us-title h1 {font-size:38px; line-height:46px;}
@media (max-width: 850px) {
.us-title h1 {font-size:24px; line-height:30px;}
}
h2 {margin-bottom:15px;}
h3 {margin-bottom:15px;}
.footer_top h3 {color:#01448a!important;}
h4 {margin-bottom:15px;}
h5 {margin-bottom:0px;}
h6 {margin-bottom:0px;}
ul {margin-bottom:15px;}
ol {margin-bottom:15px;}


ul {
    list-style-position: outside!important;
	margin-left:18px;
}

ol {
    list-style-position: outside!important;
	margin-left:18px;
}

li {line-height:32px;}

hr { border: 0px; height: 0px; border-bottom: 1px dotted #594546; margin-top:15px; margin-bottom:15px;}

span.wpcf7-list-item {margin: 0px 0px 0px 0px!important;}

.logo_wrapper, .mobile_menu_button {margin-left:5px;}

nav.mobile_menu {margin-left:5px;}

nav.main_menu ul li
{
	float: none !important;
}

nav.main_menu ul li {text-align:left;}

.text-info a{text-decoration:underline!important;}

.header_bottom .main_menu.center
{
    width: 100%;
    text-align: center !important;
}

.header_bottom .container_inner, .header_bottom .main_menu.center
{
    margin-bottom: 1px;
  text-align: center !important;
}

.main_menu
{
  text-align: center !important;
    background-color: #2c6fb6;
}

.header_bottom {
    padding: 0px;
}

#menu-top_menu
 {
    width: 1200px !important;
    margin: 0px auto !important;

}

.blog_holder article .post_info a, .blog_holder article .post_text h2 .date {display:none;}

.blog_holder article .post_info {display:none;}

.title_subtitle_holder {display:none;}

header.sticky .logo_wrapper, header.sticky.centered_logo .logo_wrapper, header.sticky .side_menu_button, header.sticky .shopping_cart_inner {height: 0px !important;}

@media (max-width: 850px) {
.alignleft{
display:none!important;
}
}

div#wpcs_tab_15341 {font-size: 17px!important;}

.header_inner_right.left_side, .header_bottom .header_inner_right
{
    display: none !important;
}

.header_top #searchform input[type="submit"], .widget.widget_search form input[type="submit"] {background-color:#ffffff!important;}


.bg {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f5f7+0,ffffff+100 */
background: #f5f5f7; /* Old browsers */
background: -moz-linear-gradient(top, #f5f5f7 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5f5f7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5f5f7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.bg1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2ced2+0,d5dee1+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4bac2+0,d5dee1+100 */
background: #a4bac2; /* Old browsers */
background: -moz-linear-gradient(top, #a4bac2 0%, #d5dee1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a4bac2 0%,#d5dee1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a4bac2 0%,#d5dee1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4bac2', endColorstr='#d5dee1',GradientType=0 ); /* IE6-9 */
}


@media (max-width: 850px) {
#hidden{
display:none!important;
}
	.white .sa_owl_theme .owl-nav .owl-next {display:none!important;}

.white .sa_owl_theme .owl-nav .owl-prev {display:none!important;}
}

.boxshadow {box-shadow: 5px 5px 20px #d0cbc7; background-color: #ffffff; min-height:620px;}
.boxshadowen {box-shadow: 5px 5px 20px #d0cbc7; background-color: #ffffff; min-height:660px;}
.boxshadow2 {box-shadow: 5px 5px 20px #d0cbc7; background-color: #ffffff; min-height:447px;}
.boxshadow3 {box-shadow: 5px 5px 20px #d0cbc7; background-color: #ffffff;}


@media (min-width: 900px) {
.left {padding-left:10%}
	

}

.sa_owl_theme .owl-nav .owl-prev {left: -30px!important;}

.white .sa_owl_theme .owl-nav .owl-next {right: -30px!important;}

@media (max-width: 800px) {
	.qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, div.grid_section .section_inner, nav.content_menu ul {width:88%!important;}
}

.sl-overlay {background: #9494a0!important;}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail {margin:8px!important;}

.qode-accordion-holder .qode-accordion-content {margin-top:-10px!important; margin-bottom:20px!important;}

.footer_top a:hover {color:#c21f59!important;}

nav.mobile_menu {left:10px;}

.logo_wrapper, .mobile_menu_button {margin-left:15px!important;}

@media (max-width: 1360px) {
	nav.main_menu > ul > li > a {
    padding: 0 7px!important;
}
}

.dis-none {display:none;}

/* Footer 2 Spalten */
 .row {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 38px;
  text-align: left;
}

.column {
  flex: 1;
}

/* FAQ */

.faq-container {
    margin: 2rem 0;
  }

  .faq-questions {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .faq-question {
    display: block;
    padding: 1rem 1.5rem;
    background: #fff;
    color: #005fa1;
    text-decoration: none;
    border: 1px solid #005fa1;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
  }

  .faq-question:hover {
    background-color: #005fa1;
    color: #fff;
  }

  .faq-answer {
    margin-bottom: 3rem;
  }

  .faq-answer h3 {
    margin-top: 1.5rem;
    color: #222;
  }

  .faq-back {
    display: inline-block;
    margin-top: 1rem;
    font-size: 0.9rem;
    text-decoration: none;
    color: #005fa1;
  }

  .faq-back:hover {
    text-decoration: underline;
  }

.faq-answer {
  scroll-margin-top: 120px;
}

.faq-top  {
  scroll-margin-top: 120px;
}

/* Barrierefreiheit im Menue */
/* Skiplink (optional) */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
  text-decoration: none;
}
.skip-link:focus {
  top: 0;
}

/* Untermenüs standardmäßig verstecken */

/* Zeige Untermenü bei Tastatur-Fokus (focus-within) */
.menu-item-has-children:focus-within > .second {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Zeige Untermenü, wenn per JS aria-expanded="true" gesetzt wurde */
.menu-item-has-children[aria-expanded="true"] > .second {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* Wenn aria-expanded aktiv ist: Untermenü zeigen */
.menu-item-has-children[aria-expanded="true"] > .second {
  height: auto !important;
  overflow: visible !important;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

/* Jameda */

.jameda-widget {
    max-width: 272px;
    width: 100%;
    margin: 1rem auto;
    background-image: url('https://cdn1.jameda-elements.de/premium/widgets/_images/top10-top20-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
  }

  .jameda-badge {
    padding: 20px 15px;
    color: #000;
  }

  .jameda-name {
    font-weight: bold;
    margin-bottom: 10px;
  }

  .jameda-specialty {
    font-size: 16px;
  }

  .jameda-link {
    color: #005fa1;
    text-decoration: none;
  }

  .jameda-link:hover {
    text-decoration: underline;
  }

  .sr-only {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

.jameda-rating-widget {
    position: relative;
    width: 100%;
    max-width: 272px;
    background-image: url('https://cdn1.jameda-elements.de/premium/widgets/_images/top10-top20-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding: 15px;
    margin: 20px auto;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    border-radius: 6px;
  }

  .jameda-badge-link {
    display: block;
    width: 70px;
    margin-bottom: 10px;
    text-decoration: none;
    text-align: center;
    color: #fff;
  }

  .jameda-score-text {
    font-size: 11px;
    color: #fff;
    margin-bottom: 5px;
  }

  .jameda-score-box {
    background: linear-gradient(to bottom, #8bd324 0%, #7cc118 100%);
    color: #fff;
    border-radius: 4px;
    padding: 4px 0;
    font-size: 12px;
    border: 1px solid #76b21d;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  }

  .jameda-score-value {
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
  }

  .jameda-caption {
    font-size: 14px;
    color: #333;
  }

  .jameda-headline {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .jameda-snippet {
    font-size: 13px;
    color: #444;
    margin-bottom: 10px;
    line-height: 1.4;
  }

  .jameda-snippet a {
    color: #01a3d4;
    text-decoration: none;
  }

  .jameda-snippet a:hover {
    text-decoration: underline;
  }

  .jameda-footer-link a {
    font-size: 13px;
    color: #005fa1;
    text-decoration: none;
  }

  .jameda-footer-link a:hover {
    text-decoration: underline;
  }

  @media screen and (max-width: 400px) {
    .jameda-rating-widget {
      padding: 10px;
      font-size: 13px;
    }
    .jameda-score-value {
      font-size: 22px;
    }
  }

.jameda-score-text {
  font-size: 18px !important; 
  color: #000 !important; 
  font-weight: bold;
}

.jameda-badge-link {
    display: block;
   width: 100%; !important;
    margin-bottom: 10px;
    text-decoration: none;
    text-align: center;
    color: #fff;
}

.jameda-score-box {
    background: linear-gradient(to bottom, #8bd324 0%, #7cc118 100%);
    color: #fff;
    border-radius: 4px;
    padding: 4px 0;
    font-size: 12px;
    border: 1px solid #76b21d;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    text-align: center !important; 
    width: 50% !important; 
}

/* CTA Box */

.cta-box {padding:30px; margin-top:100px; bottom:60px; border-radius:25px; width: 84%}
.cta-box h2 {color:#ffffff;}
.cta-box p {color:#ffffff;}
.cta-box .qbutton.white {margin-top:20px;}

.cta-box.vc_row {
    margin-left: 0;
    margin-right: 0;
}