@media (max-width: 1400px) {
  .sticky-off .branding a img, .sticky-off .branding img{
    width:160px;
  }
  /*
  .main-nav > li > a{
    margin: 18px 10px 18px 10px;
    padding: 4px 0px 4px 0px
  }
*/
}
@media (max-width: 1200px) {
  .sticky-off .branding a img, .sticky-off .branding img{
    width:140px;
  }
  .main-nav > li > a .menu-text{

  }
  .main-nav .sub-nav > li > a .menu-text{

  }
}

/* ################################################## */

.masthead .top-bar .right-widgets
{
  z-index: 999;
}



@media screen and (min-width: 993px) {


    .masthead .header-bar,
    .masthead .top-bar,
    .masthead .main-nav,
    .masthead .main-nav > li > a
    {
        transition: all 0.3s ease;
    }

    
    .masthead:not(.side-header).full-height .main-nav
    {
      background-color: var(--sh-background-color);
    }

    .masthead:not(.side-header):not(.sticky-on).full-height .main-nav
    {
      background-color: #fff;
      border-radius: var(--border-radius);
      padding: 0 10px;
    }

    .main-nav > li > a .menu-text
    {
        font-size: 17px;
    }

    .main-nav > li > a {
        margin: 18px 5px 18px 5px;
    }

    .masthead.sticky-on .main-nav > li > a {
        margin: 12px 5px 10px 5px;
    }


    /* bisher hat nur BKZ eine TopBar */
    .masthead .top-bar
    {
      margin: 17px auto 0 !important;
    }


    .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon):not(.sticky-on) .header-bar {
        margin-top: -40px;
    }

    .masthead.sticky-on .top-bar,
    .masthead.sticky-on:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar {
        margin-top: 0px !important;
    }

}


@media screen and (min-width: 1250px) {

    .main-nav > li > a .menu-text
    {
        font-size: 18px;
    }
    .main-nav > li > a {
        margin: 18px 20px 18px 20px;
        padding: 4px 4px 4px 4px;
    }

    .masthead:not(.side-header):not(.sticky-on).full-height .main-nav
    {
      padding: 0 30px;
    }



}



/* ############################ */

.timeline-slider-horizontal .slick-next, 
.timeline-slider-horizontal .slick-prev
{
    top: 60%;
    opacity: 1;
    transition: all 0.3s ease;
}

.timeline-slider-horizontal .slick-next.slick-disabled, 
.timeline-slider-horizontal .slick-prev.slick-disabled
{
    opacity: 0.1;
    cursor: default;
}


.timeline-slider-horizontal ul.slick-dots
{
    position: absolute;
    bottom: 100%; 
    margin-bottom: -50px;   
}

.timeline-slider-horizontal .slick-dots li
{
    padding: 0 6%;
    margin: 0;
}

.timeline-slider-horizontal .slick-dots li.slick-active i
{
    border: 1px solid var(--sh-rot-color);
    padding: 4px;
    border-radius: 50%;
    margin-left: -4px;
}

.timeline-slider-horizontal .slick-slider
{
    padding-top: 140px;
}

.timeline-slider-horizontal .slick-dots li .dot-label
{
    position: absolute;
    bottom: 230%;
    font-size: 120%;
    font-family: var(--the7-h1-font-family);
    transform: translateX(-50%);
    left: 50%;
    color: var(--sh-blau-color);
}

.timeline-slider-horizontal .slick-dots li .dot-label,
.timeline-slider-horizontal .slick-dots li i 
{
    opacity: .3;
}

.timeline-slider-horizontal .slick-dots li:hover .dot-label,
.timeline-slider-horizontal .slick-dots li:focus .dot-label,
.timeline-slider-horizontal .slick-dots li:active .dot-label
{
    opacity: 1;
    color: var(--sh-blau-color);
}

.timeline-slider-horizontal .slick-dots li.slick-active  .dot-label
{
    opacity: 1;
    color: var(--sh-rot-color);
}


.timeline-slider-horizontal .slick-dots li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(50% - 8px);
  height: 2px;
  background: var(--sh-blau-color);
  opacity: 0.2;
  transform: translateY(-50%);
  z-index: 1;
}

/* Die Linie rechts vom Dot */
.timeline-slider-horizontal .slick-dots li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(50% - 8px);
  height: 2px;
  background: var(--sh-blau-color);
  opacity: 0.2;
  transform: translateY(-50%);
  z-index: 1;
}

/* Ersten Dot: linke Linie ausblenden */
.timeline-slider-horizontal .slick-dots li:first-child::before {
  display: none;
}

@media (max-width: 1199px)
{
  .timeline-slider-horizontal .slick-dots li
  {
      padding: 0 4%;
      margin: 0;
  }

  .timeline-slider-horizontal .image-col .vc_single_image-wrapper
  {
    padding-bottom: 20px;
  }
}

.timeline-strategie h4,
.timeline-finanzierung h4,
.timeline-organisation h4,
.timeline-finanzierung h4
{
  padding-top: 0; padding-bottom: 20px;
}


.timeline-strategie h4,
.timeline-strategie h5:not(.year)
{
  color: var(--sh-rot-color);
}


.timeline-finanzierung h4,
.timeline-finanzierung h5:not(.year)
{
  color: var(--sh-blau-color);
}

.timeline-organisation h4,
.timeline-organisation h5:not(.year)
{
  color: var(--sh-dunkelblau-color);
}


/* ################################## */

.slick-next i, 
.slick-prev i
{
    font-family: icomoon-the7-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
}

.slick-prev i:before
{
    content: "\f014" !important;
}

.slick-next i:before
{
    content: "\f015" !important;
}


@media (min-width: 768px)
{

  .synced-slider-nav-column > .vc_column-inner
  {
     padding-left: 0px;
  }

}


.ult-carousel-wrapper.synced-slider-main 
{
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.synced-slider-main .slick-prev,
.synced-slider-main .slick-next
{
    opacity: 0.5;
}

.synced-slider-main .slick-prev:hover,
.synced-slider-main .slick-prev:active,
.synced-slider-main .slick-prev:focus,
.synced-slider-main .slick-next:hover,
.synced-slider-main .slick-next:active,
.synced-slider-main .slick-next:focus
{
    opacity: 1;
}


.synced-slider-main .slick-prev
{
    left: -50px;
    font-size: 35px;
}

.synced-slider-main .slick-next
{
    right: -50px;
    font-size: 35px;
}

/*
.synced-slider-main .slick-next i,
.synced-slider-main .slick-prev i
{
    color: var(--sh-blau-color);
    font-size: 40px;
    background: rgb(255, 255, 255);
}
*/

.synced-slider-main .image-column
{

}


.synced-slider-nav > .slick-slider
{
  padding-bottom: 15px;
}

.synced-slider-nav .slick-track > .slick-active
{
  cursor: pointer;
}

.synced-slider-nav .slick-track > .slick-slide .vc_single_image-img
{
  border-top-left-radius: 0;
  transition: border-top-left-radius 0.3s ease;
}

.synced-slider-nav .slick-track > .slick-slide.slick-current .vc_single_image-img
{
  border-top-left-radius: var(--border-radius);
}


.synced-slider-nav .vc_column-inner
{
  padding: 0;
}

.synced-slider-nav .wpb_single_image
{
  padding-bottom: 15px;
}

.synced-slider-nav .wpb_text_column p
{
  font-size: 90%;
  line-height: 1.3em;
}



@media (max-width: 767px)
{

  .synced-slider-main .text-column
  {
     padding-bottom: 35px;
  }

}


/* ####################### */


.treppe-icon
{
  padding: 20px 10%;
  margin: 0;
}

.treppe-text
{
  padding: 33px 33px 33px 0;
  margin: 0;
}

.wpb_text_column.treppe-text h3
{
  padding-top: 0;
}


.bg-treppe > .upb_row_bg
{
    background-size: auto calc(100% - 160px) !important;
    background-position: min(0%, 70%) 100% !important;
}


@media (max-width: 767px)
{

  .treppe-wrapper
  {
    padding: 0 20px;
  }

  .treppe-icon
  {
    padding: 23px 0 0 5px;
  }

  .treppe-text {
    padding: 28px 5px 25px 0;
  }

  .vc_column_container.treppe-wrapper .vc_row > .vc_column_container {
     align-items: flex-start;
  }

}


/* ########################### */

.zweckverbaende .team-member-name h2,
.zweckverbaende .team-member-name h3
{
    font: var(--the7-h3-font);
    margin-bottom: 0;
    font-weight: 500;
}

.zweckverbaende .team-member-content h3,
.zweckverbaende .team-member-content h4
{
    font: var(--the7-h4-font);
    margin-bottom: 0;
}

.zweckverbaende .team-member-content
{
    margin-bottom: 20px;
}

.zweckverbaende .team-member-links ul li
{
    margin-bottom: 2px;
}

.zweckverbaende .team-container .team-desc
{
    padding-top: 0px;
    padding-right: 25px;
    margin-bottom: 45px;
    box-sizing: border-box;
}

@media (min-width: 992px)
{
    .zweckverbaende > .wpb_wrapper
    {
        display: flex;
        flex-wrap: wrap;
    }

    .zweckverbaende .team-container
    {
        width: 50%;
        min-width: auto;
    }
}

@media (min-width: 1200px) 
{
    .zweckverbaende .team-container
    {
        width: 33.33333%;
    }

}

/* ########################### */


.newsletter-form 
{
  padding-top: 20px;
}


.newsletter-form .input
{
  color: black !important;
  width: 100%;
}

.sib-form-block__button
{
  background-color: var(--sh-rot-color) !important;
    color: #fff;
    border-radius: var(--border-radius);
    font-size: 14px;
    padding: 14px 30px;
    text-transform: uppercase;
    font-weight: normal;
    align-self: flex-start;
}

#capqop1:after
{
  content: '+';
  display: inline-block;
  padding: 0 5px;
}
#CAPQUIZ
{
  background: #fff;
  color: #666;
}
#CAPQUIZ.fail
{
  border: 2px solid var(--sh-rot-color);
  /* color: #fff; */
}



/* ########## WP Google Maps #################################### */

.wpgmza-gdpr-compliance,
.wpgmza-gdpr-compliance p,
.wpgmza-gdpr-compliance h3
{
    color: #fff;
}

.wpgmza-infowindow .ol-info-window-close
{
    font-size: 150%;
}

.wpgmza-infowindow .wpgmza_infowindow_address
{
    display: none;
}

.wpgmza-infowindow p:not(.markertext):not(.wpgmza_infowindow_title)
{
    margin: 0;
}

.wpgmza_infowindow_title
{
    font: var(--the7-h4-font);
    margin-bottom: 10px;
}

.ol-overlay-container .ol-info-window-plain
{
    padding: 15px;
    border: 1px solid var(--sh-dunkelblau-color);
    box-shadow: 5px 5px 15px var(--sh-dunkelblau-trans-color);
}

.wpgmza_map
{
    margin-bottom: 40px;
}

.bg-dunkelblau .wpgmaps_mlist_row.wpgmza_basic_row
{
    background-color: var(--sh-hellgrau-color);
    box-sizing: border-box;
}

.bg-dunkelblau .wpgmza-category-heading
{
    color: white;
}



body .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-content-address-holder-inner.wpgmza_marker_title
{
    font: var(--the7-h4-font);
    padding-left: 34px;
    padding-top: 3px;
    /*font-size: 1.1em;*/
    margin-bottom: 8px;
}

body .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-content-address-holder
{
    position: relative;
    overflow: visible;
}

body .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-content-address-holder img
{
    transform: scale(0.9);
    position: absolute;
    top: 0;
    left: -4px;
}

body .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-address,
body .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-basic-listing-image-holder
{
    display: none;
}

.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p
{
    padding-left: 34px;
}

.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p.markertext
{
    font-size: 1.1em;
    
}

.wpgmza-infowindow p.standort 
{
  padding-left: 34px;
  background:url(../images/icon-standort-blau.svg) no-repeat left top transparent;
}
.wpgmza-infowindow p.mail
{
  padding-left: 34px;
  background:url(../images/icon-mail-blau.svg) no-repeat left 7px transparent;
}
.wpgmza-infowindow p.telefon
{
  padding-left: 34px;
  background:url(../images/icon-telefon-blau.svg) no-repeat left top transparent;
}

/*
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p.standort
{
  background:url(../images/icon-standort-blau.svg) no-repeat left top transparent;
}
*/
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p.mail
{
  background:url(../images/icon-mail-blau.svg) no-repeat left 6px transparent;
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p.telefon
{
  background:url(../images/icon-telefon-blau.svg) no-repeat left 3px transparent;
}


.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p:last-child
{
    margin-bottom: 0;
}

/*
.wpgmza_marker_list_class
{
    color: #fff;
}

.wpgmza_marker_list_class .wpgmaps_blist_row
{
    padding-left: 15px;
}

.wpgmza_marker_list_class .wpgmaps_blist_row:hover {
    background-color: #EEE;
    color: var(--sh-dunkelblau-color);
}

.wpgmza_marker_list_class .wpgmza_div_address {
    padding-left: 0px;
}
*/


@media (min-width: 768px)
{
    .wpgmaps_mlist_row.wpgmza_basic_row
    {
        width: 50%;

    }

}





/* ########################### */