/*
 Theme Name:    Paritätische Akademie Berlin - Child Theme
 Description:	Child Theme based on Theme "Paritätische Akademie Berlin"
 Author:        Sandra Naumann Design
 Template:      pab
 Version: 		0.0.1
*/
*{
font-smoothing:antialiased;
-webkit-font-smoothing:antialiased;
text-rendering: auto;
}

html, body, h1, h2, h3, h4, h5, h6, p {
	text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
   font-kerning: normal;
}
*:focus {
    outline: none;
}
html {
  box-sizing: border-box;
/*  font-size: 22px;
  font-size: calc( 16px + 4 * (100vw / 1500));*/
}
*, *:before, *:after {
  box-sizing: inherit;
}
/*body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}*/
ol, ul {
  list-style: none;
}
img {
  max-width: 100%;
  height: auto;
}
a, a:link, a:active, a:visited {
 	transition: all 0.25s ease-out; 
	-webkit-transition: all 0.25s ease-out; 
	-moz-transition: all 0.25s ease-out; 
	-o-transition: all 0.25s ease-out;
}
/**************** start editing here, mobile first *****************/
.pab-container {
	max-width: 100%;
  /*padding: 0; */
}
header .pab-container,
footer .pab-container {
	max-width: 1240px;
}

.brz .brz-btn .snd-btn-red {
      padding: 12px 39px 9px 39px;

  }

/* Button Text white und red mittig */
.brz .brz-btn {
      padding: 12px 39px 8px 39px !important;

  }

/* p Farbe Global festlegen 
p {
    color: #575756;
}

/* H1 - H6 Farbe Global festlegen 
h1 {
    color: #005da8 !important;
}
h2 {
    color: #005da8 !important;
}
h3 {
    color: #575756 !important;
}
h4 {
    color: # !important;
}
h5 {
    color: # !important;
}
h6 {
    color: # !important;
}
*/

/* Hover Farben */
a[href]:hover h2 {
    color: #db0029 !important;
}

/* Links in Text #DB0029 einfärben und Myriad Pro Semibold setzen */
.brz .brz-rich-text .link--anchor, .brz .brz-rich-text .link--external, .brz .brz-rich-text .link--popup {
  
    color: #DB0029;
    font-weight: 500;
     font-size: inherit;
    font-family: inherit;
}



/* snd-sliders Pfeil Mitte */
.brz .snd-slider .snd-slider-left {
  position: relative;
}
/* snd-sliders Pfeil nach unten zeigend Blau */
.brz .snd-slider .snd-slider-left:after {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: calc(50% - 28px);
  display: block;
  width: 0;
  height: 0;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  border-top: 28px solid #084C8D;
  content: ' ';
}
/* snd-sliders Pfeil nach oben zeigend Grau */
.brz .snd-slider.snd-slider-grey .snd-slider-left:after {
  top: calc(100% - 56px);
  border-top: 28px solid transparent;
  border-bottom: 28px solid #F0F0F0;
}
/* snd-sliders Pfeil nach unten zeigend Grau */
.brz .snd-slider.snd-slider-faq .snd-slider-left:after {
    border-top: 28px solid #F0F0F0;
}

.brz .snd-slider .brz-slick-slider__arrow {
  top: calc(50% - 60px);
}

/* snd-slider Dots */
.brz .snd-slider .brz-slick-slider__dots li {
  padding-right: 23px;
}
.brz .snd-slider .brz-slick-slider__dots li button {
  position: relative;
  overflow: visible;
  width: 9px;
  height: 9px;
  
}
.brz .snd-slider .brz-slick-slider__dots li button:after {
  display: block;
  z-index: 99;
  position: absolute;
  top: -9px;
  left: -9px;
  border: 3px solid #084C8D;
  width: 23px;
  height: 23px;
  content: ' ';
  background: #fff;
}
.brz .snd-slider .brz-slick-slider__dots li:hover button:after {
  border-color: red;
}
.brz .snd-slider .brz-slick-slider__dots li.slick-active button {
  background: red;
  border-color: red;
}
.brz .snd-slider .brz-slick-slider__dots li.slick-active button:after {
  background: none;
}
/* snd-slider arrows */
.brz .snd-slider .brz-slick-slider__arrow {
    display: none !important;
}

/* snd-tabs */
.brz .snd-tabs * {
  border: none;
}
/* unset whatever priorist is doing in main.css */
.brz .snd-tabs li {
  font-size: unset;
}
.brz.snd-page .snd-tabs .brz-tabs__items--active .brz-tabs__item--content {
      margin: 0 !important;
      padding: 0 20px;
    }

/* snd carousel teaser */
.brz .snd-carousel .brz-posts__item .brz-column__items {
    height: 100%;
    padding-bottom: 40% !important;
    vertical-align: middle;
}
.brz .snd-carousel .brz-posts__item .snd-btn-btm {
    position: absolute;
    width: 100%;
    bottom: 20px;
}

/* Breadcrumbs 
.brz .brz-wp__breadcrumbs .brz-breadcrumbs {
    width: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    word-break: break-all;
    text-transform: uppercase;
}*/

/**************** Media Queries as in Bootstrap used in Brizy*****************
/* Small devices (portrait phones, 320px and up) */
@media (min-width: 320px) {
  /* PAB Container Padding on mobile */
  .pab-container {
   max-width: 100%;
   padding: 0;
 }
  header .pab-container,
  footer .pab-container {
  max-width: 1240px;
  padding: 0 1rem 0 1rem;;
 }
  /* All content containers max width 
  .brz .brz-css {
    max-width: 88%;
  }*/

  /* Block boxed width */
  .brz .snd-boxed .brz-container__wrap {
    max-width: 100%;
  }

}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  /* Block boxed width */
  .brz .snd-boxed .brz-container__wrap {
    max-width: 100%;
  }

  /* Accordion Title Text Padding */
    .brz .brz-accordion__nav {
      padding: 19px 51px 11px 83px !important;
      
    }

    /* Accordion Title Text Span Padding */
    .brz .snd-accordion-faq .brz-span {
      float: none;
      margin: 0;
      padding: 0 190px 0px 0px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   /* PAB Container Padding on mobile */
    .pab-container {
     max-width: 100%;
     padding: 0;
   }
   /* Boxed Elements in header, content, footer to max 1240 - padding = 1200 */
    header .pab-container,
    footer .pab-container,
    .brz .snd-boxed .brz-container__wrap {
    max-width: 1240px;
    padding: 0 30px;
   }


    /* Accordion Arrow positioning */
    .brz .brz-accordion__item--active > .brz-accordion__nav > .brz-accordion--icon-wrapper > .brz-accordion__nav--previewIcon--active {
      display: block;
      transform: rotate(180deg);
      margin-top: 5px !important;
    }
    .brz .brz-accordion__nav--icon, .brz .brz-accordion__nav--previewIcon, .brz .brz-accordion__nav--previewIcon--active {
      margin: auto 0;
      margin-top: auto;
      transform: rotate(-90deg);
      margin-top: 5px !important;
    }

    /* Accordion Title Text Padding */
    .brz .brz-accordion__nav {
      padding: 19px 22px 11px 40px !important;
      
    }

    /* Accordion Title Text Span Padding */
    .brz .snd-accordion-faq .brz-span {
      float: none;
      margin: 0;
      padding: 0 22px 0px 0px !important;
      font-size: inherit;
    }

  /* Links in Text #DB0029 einfärben und Myriad Pro Semibold setzen */
  .brz .brz-rich-text .link--anchor, .brz .brz-rich-text .link--external, .brz .brz-rich-text .link--popup {
    
      color: #DB0029;
      font-size: inherit !important;
      font-family: inherit;
  }
  .brz.snd-page .snd-tabs .brz-tabs__items--active .brz-tabs__item--content {
      margin: 0 !important;
      padding: 0;
    }
}
@media (max-width: 991px) {
  /* tabs mobile */
  .brz.snd-page .snd-tabs {
    border: none;
  }
  .brz.snd-page .snd-tabs .brz-tabs--vertical {
    /* fixes to / btm gap */
    margin-top: -20px;
    margin-bottom: -30px;
  }
  .brz.snd-page .snd-tabs .brz-tabs__items {
    margin-bottom: 15px;
  }
  .brz.snd-page .snd-tabs .brz-tabs__nav--button {
    margin-top: 0;
    position: relative;
    width: 100%;
    font-size: 24px !important;
    font-weight: 600 !important;
    font-feature-settings: "kern";
    font-stretch: 100 !important;
    hyphens: manual;
    text-transform: none;
    letter-spacing: .02rem !important;
    background-color: #f0f0f0 !important;
    line-height: 2 !important;
    padding: 8px 0 0;
    text-align: center!important;
    justify-content: center !important;
    -webkit-justify-content: center !important;
  }
  .brz.snd-page .snd-tabs .brz-tabs__nav--button:after {
      /* arrowhead right */
      position: absolute;
      font-size: 70px;
      content: '\203A';
      right: 1rem;
      top: -41px;
      font-weight: 400;
  }
  .brz.snd-page .snd-tabs .brz-tabs__nav--mobile--active .brz-tabs__nav--button:after {
    /* arrowhead down */
     position: absolute;
      font-size: 70px;
      content: '\203A';
      right: 1rem;
      top: -40px;
      font-weight: 400;
      transform: rotate(90deg);
    }
    .brz.snd-page .snd-tabs .brz-tabs__items--active {
      margin: 0 0 15px !important;
      border: 2px solid rgb(240, 240, 240);
    }
}
/* mostly tablets, specific to keep mobile design up to 992 */
@media (min-width: 768px) and (max-width: 991px) {
  /*
   old structure:
  .brz.snd-page .snd-slider .brz-bg-content > .brz-row {*/
  .brz.snd-page .snd-slider .brz-row {
    flex-direction: initial;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
 /* 
   old structure:
 .brz .snd-slider .brz-bg-content > .brz-row > .brz-columns {*/
  .brz .snd-slider .brz-row > .brz-columns {
    flex: 1 1 100%;
    max-width: 100%;
  }
  /*
  old structure:
  .brz .snd-slider .brz-bg-content > .brz-row > .brz-columns .snd-button-white > div > div,
  .brz .snd-slider .brz-bg-content > .brz-row > .brz-columns .snd-button-red > div > div,*/
  .brz .snd-slider .brz-row > .brz-columns .snd-button-white div,
  .brz .snd-slider .brz-row > .brz-columns .snd-button-red div,
  .brz .snd-slider p {
    text-align: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
   /* Boxed Elements in header, content, footer to max 1240 - padding = 1200 */
    header .pab-container,
    footer .pab-container,
    .brz .snd-boxed .brz-container__wrap {
    max-width: 1240px;
    padding: 0 50px;
   }

   /* snd-tabs "equal height" */
   :root {
     --snd-forentabs-lang-height: 744px;
     --snd-forentabs-kurz-height: 577px;
   }
   .brz .snd-tabs.snd-forentabs-kurz .brz-tabs__nav--vertical,
  .brz .snd-tabs.snd-forentabs-kurz .brz-bg,
  .brz .snd-tabs.snd-forentabs-kurz .brz-tabs__item--content {
    height: var(--snd-forentabs-kurz-height);
    max-height: var(--snd-forentabs-kurz-height);
  }
  .brz .snd-tabs.snd-forentabs-lang .brz-tabs__nav--vertical,
  .brz .snd-tabs.snd-forentabs-lang .brz-bg,
  .brz .snd-tabs.snd-forentabs-lang .brz-tabs__item--content {
    height: var(--snd-forentabs-lang-height);
    max-height: var(--snd-forentabs-lang-height);
  }
  /* snd-tabs with border starting at "desktop" */
  .brz .snd-tabs {
    border: 2px solid #F0F0F0;
  }
  /*snd-tabs closing gab on right column */
  .brz .snd-tabs .brz-row .brz-columns:last-child {
      right: -1px !important
  }
  /* 
  snd-tabs buttons align to btm
  NOT WORRKING BECAUSE OF COMPLEX HTML */
  /*.brz .snd-tabs .brz-row .brz-columns {
    position: relative;
  } *
  .brz .snd-tabs .brz-row .brz-columns:first-child .snd-btn-red {
      position: absolute;
      bottom: 20px;
  }*/
  .brz .snd-tabs .brz-tabs__nav--vertical {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    border-right: 1px solid #f0f0f0;
    overflow: visible;
  }
  .brz .snd-tabs .brz-tabs__nav--vertical li.brz-tabs__nav--item {
    position: relative;
    align-self: stretch;
    display: flex;
    flex: 3 1 auto;
    overflow: visible;
  }
  .brz .snd-tabs .brz-tabs__nav--vertical li.brz-tabs__nav--item > div.brz-tabs__nav--button {
    position: relative;
    border: none;
    width: 100%;
    border-bottom: 2px solid #F0F0F0;
    padding: 0 2.5rem 0 1.5rem;
  }
  .brz .snd-tabs .brz-tabs__nav--vertical li.brz-tabs__nav--item:last-child > div.brz-tabs__nav--button {
      border: none;
  }
  .brz .snd-tabs .brz-tabs__nav--vertical li.brz-tabs__nav--active > div.brz-tabs__nav--button {
      background: #f0f0f0 !important;
      overflow: visible;
  }
  .brz .snd-tabs .brz-tabs__nav--vertical li.brz-tabs__nav--active > div.brz-tabs__nav--button:after {
      position: absolute;
      z-index: 9999;
      top: calc(50% - 20px);
      left: 100%;
      content: ' ';
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid #f0f0f0;
  }
  /* snd-sliders Pfeil Mitte */
  .brz .snd-slider .snd-slider-left:after {
    top: calc(50% - 28px);
    left: 100%;
    border-left: 28px solid #084C8D;
    border-right: 28px solid transparent;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
  }
  .brz .snd-slider.snd-slider-grey .snd-slider-left:after {
     top: calc(50% - 28px);
     left: auto;
     right: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid #F0F0F0;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
  }
  .brz .snd-slider.snd-slider-faq .snd-slider-left:after {
  top: calc(50% - 28px);
    left: 100%;
    border-left: 28px solid #F0F0F0;
    border-right: 28px solid transparent;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
  }

  .brz .snd-slider .brz-slick-slider__arrow {
    top: calc(50% - 55px);
  }

  /* Accordion Title Text Padding */
    .brz .brz-accordion__nav {
      padding: 19px 51px 11px 83px !important;
      
    }

    /* Accordion Title Text Span Padding */
    .brz .snd-accordion-faq .brz-span {
      float: none;
      margin: 0;
      padding: 0 190px 0px 0px !important;
    }
  /* Blog Post Artikel Navigation */
.brz .brz-navigation .brz-a:not(.brz-btn)[href] {
  width: 15rem;
    align-content: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}