/* ===========================
   Job Detail Layout (scoped)
   =========================== */

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.ast-builder-grid-row {
    max-width: 1680px;
    margin: 0 auto;
    width: 100%;
}

body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-size: 16px !important;
}

h2, .entry-content :where(h2) {
    font-size: 48px !important;
}

h4, .entry-content :where(h4){
    font-size: 20px !important;
}


.text-weis {
    color:#ffffff;
}

ul#ast-hf-mobile-menu {
    text-align: center;
}

.wrapper, .vc_row {
    max-width: 1680px !important;
    margin: 0 auto !important;
    width: 100% !important;
    padding: 0 !important;
    left: 0 !important;
}

.vc_section {
    margin: auto !important;
}

.vc_row.sticky, .sticky .wpb_wrapper {
    width: auto;
    max-width: fit-content !important;
    margin-right: 0px !important;
}

.vc_btn3.vc_btn3-icon-right {
    text-align: center !important;
}

.sticky a {
    text-align: left !important;
}

.sticky {
    width: 100px;
    position: fixed;
    top: 15%;
    right: -16px;
    z-index: 10;
}

.ast-container {
    max-width: 100% !important;
padding: 0 !important;
}

section {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.entry-content.clear {
    position: relative;
}

.accent::before {
  content: "[";
  color: #E53626;
  margin-right: 8px !important;
}

.accent::after {
  content: "]";
  color: #E53626;
  margin-left: 8px !important;
}

a.menu-link:hover {
    color: #E53626 !important;
}

.ast-theme-transparent-header .main-header-menu .menu-link {
    background-color: transparent;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: normal;
}

.sr7-btn:hover {
    background: #e53626 !important;
    color: #051b3f !important;
}

.top-video > .vc_row {
    left: 0 !important;
    padding: 0 !important;
}

.vc_btn3 {
    background-image: none !important;
}

.btn-style a {
    font-size: 16px !important;
    text-decoration: none !important;
    font-weight: 500;
}

.btn-style a:hover {
     color: #191970 !important
}

.btn-secondary a:hover {
  border: 1px solid #191970 !important;
}

.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 8px !important;
}


.card-btn {
    z-index: 1 !important;
}

.card-btn a {
    text-decoration: none !important;
    display: flex !important;
}

.gruende {
    display: flex;
    flex-wrap: nowrap !important;
    margin-bottom: 10px !important;
    gap: 10px;
}

.video-wrapper  {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.video-container .vc_column-inner {
    padding: 0 !important;
}

.video-container .vc_column-inner, .video-container .wpb_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
}

.video-inner {
    margin-bottom: 0px !important;
    border-radius: 15px;
}

.video-inner img {
    border-radius: 15px;
}

.reel {
    border-radius: 15px;
}

.card-btn {
    width: 92% !important;
    max-width: 92% !important;
    display: flex !important;
    flex: 0 0 auto;
    flex-direction: column-reverse;
    bottom: 15px !important;
}

.card-gray {
    background-color: #F2F7FA !important;
    border-radius: 15px;
    padding: 0px !important;
}

.card-gray > .vc_column-inner {
    border-radius: 8px;
    padding: 15px !important;
}	

ul#ast-hf-menu-1 {
    border-radius: 8px;
    background-color: rgba(247, 249, 250, 0.5);
    height: 55px;
}

body {
    width: 100%;
    position: relative;
}

.ast-separate-container #primary {
    margin: auto !important;
}

#ast-scroll-top {
  border-radius: 100px;
}

h2 span {
    color: #D43B2F;
}

.ap-image img {
    width: 500px;
}

.stat-card .vc_column-inner {
    justify-content: flex-start !important;
}

/* ===========================
   Testimonials
   =========================== */

ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey {
    display: none;
}

.vc_pageable-slide-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.wpb_text_column.wpb_content_element.stars {
    position: absolute;
    top: 0;
    right: 0;
}

.testimonial-card {
    margin-bottom: 0px !important;
}

.testimonial-card-item .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
    background-color: #ffffff;
    bottom: 0px;
    margin: 15px !important;
    padding: 10px;
    border-radius: 15px;
    transform: none;
    width: 92% !important;
    top: auto !important;
}

img.vc_single_image-img.attachment-large {
    border-radius: 15px;
}

.vc_grid.vc_row .vc_grid-item .wpb_content_element {
    margin-bottom: 0px !important;
}

.owl-carousel .owl-item img {
    height: auto;
    object-fit: cover;
}

.vc_gitem-post-meta-field-name.vc_gitem-align-left {
    font-weight: 700;
    font-size: 32px;
}

figure.wpb_wrapper.vc_figure {
    height: 100%;
    max-height: 600px;
}

a.vc_gitem-link.vc_single_image-wrapper.vc_box_border_grey {
    height: 100%;
}

.vc_gitem-post-meta-field-rolle.vc_gitem-align-left {
    font-size: 14px;
}

.vc_gitem-post-meta-field-kurztext.vc_gitem-align-left {
    font-size: 16px;
    padding-top: 20px;
hyphens: auto;
}

.vc_gitem-zone {
    border-radius: 15px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next.vc_grid-nav-next-outside {
    right: 0px;
    top: -10px;
}


.testimonial-card a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

.vc_grid-square_dots {
    display: none !important;
}

@media (max-width: 767px) {
  .grid-desktop {
    display: none !important;
  }
 #technisch-faq h3, #kaufmaennisch-faq h3, #studium-faq h3, .faq h3 {
    width: 70%;
}
}

/* Mobile Grid nur bis 767px */
@media (min-width: 768px) {
  .grid-mobile {
    display: none !important;
  }
}

/* ===== Testimonial Slider: Overflow & Equal Height ===== */

/* 1) Überlappung darf nicht abgeschnitten werden */

.testimonial-card .owl-carousel{
  overflow: visible !important;
  height: auto !important;
}

/* 2) Owl-Items gleich hoch machen */
.testimonial-card .owl-stage{
  display: flex !important;
}
.testimonial-card .owl-item{
  display: flex !important;
  height: auto !important;
}
.testimonial-card .owl-item > div{
  display: flex !important;
  height: 100% !important;
}

.testimonial-image {
    padding: 3px !important;
}

/* 3) VC Grid Item auf Flex-Column, damit Card "nach unten" kann */
.testimonial-card .vc_grid-item-mini, .testimonial-card .vc_gitem-animated-block, .testimonial-card .vc_gitem-zone, .testimonial-card .vc_gitem-zone-mini, .testimonial-card .vc_col-sm-12, .testimonial-card .wpb_single_image.wpb_content_element.vc_align_center, .testimonial-card .vc_gitem_row.vc_row.vc_gitem-row-position-top {
    height: 100%;
}

.testimonial-card .vc_grid-item-mini{
  display: flex;
  flex-direction: column;
}

.testimonial-card .vc-gitem-zone-height-mode-auto:before {
    padding-top: 0px !important;
}

.testimonial-card  .vc_gitem_row.vc_row.vc_gitem-row-position-top {
    position: relative;
    top: 0px !important;
}

/* ===== Bildbereich (oben) ===== */
.testimonial-card .vc_gitem_row-position-top{
  flex: 0 0 auto;
  height: 260px;              /* Bildhöhe Desktop */
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* ===== Card-Bereich (überlappt unten ins Bild) ===== */
.testimonial-card .vc_gitem_row-position-middle{
  flex: 1 1 auto;
  display: flex;
  margin-top: -70px;          /* Überlappung */
  z-index: 2;
  padding: 0 18px;            /* seitlicher Abstand zur Bildkante */
}

/* Die eigentliche weiße Karte (meist in der inneren Col) */
.testimonial-card .vc_gitem_row-position-middle .vc_gitem-col{
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 22px 22px 26px;
  width: 100%;

  display: flex;              /* Inhalt schön verteilen */
  flex-direction: column;
  flex: 1 1 auto;             /* sorgt für Equal Height */
  min-height: 320px;          /* optional: Mindesthöhe */
}

/* Optional: Zitat/Text soll wachsen, Footer/Name bleibt unten */
.testimonial-card .vc_gitem_row-position-middle .vc_gitem-col > *{
  min-width: 0;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .testimonial-card .vc_gitem_row-position-top{ height: 220px; }
  .testimonial-card .vc_gitem_row-position-middle{ margin-top: -55px; }
  .testimonial-card .owl-stage-outer{ padding-bottom: 60px; }
}

@media (max-width: 600px){
  /* Auf sehr klein lieber weniger/keine Überlappung, damit nichts clippt */
  .testimonial-card .vc_gitem_row-position-top{ height: 200px; }
  .testimonial-card .vc_gitem_row-position-middle{ margin-top: -35px; }
  .testimonial-card .owl-stage-outer{ padding-bottom: 40px; }
  .bottom-video {
    margin-top: -100px !important;
}
.sticky {
       top: 40% !important;
}
}

@media (max-width: 420px){
  /* ganz klein: Card komplett unter das Bild */
  .testimonial-card .vc_gitem_row-position-middle{ margin-top: 12px; padding: 0; }
  .testimonial-card .owl-stage-outer{ padding-bottom: 20px; }
}

.info-wrapper .wpb_wrapper {
    display: flex;
    gap: 16px;
    align-items: stretch;
}

.info-wrapper .wpb_wrapper > .vc_btn3-container {
    flex: 1 1 0;
    margin: 0 !important;
    display: flex;
}

.info-wrapper .wpb_wrapper > .vc_btn3-container .vc_btn3 {
    width: 100%;
    justify-content: center;
}

.testimonials-training {
    background-color: rgba(247, 249, 250, 0.1) !important;
    color: #ffffff;
    background-color: rgba(247, 249, 250, 0.1) !important;
    text-align: left !important;
    padding: 8px;
    background-image: url(/wp-content/uploads/2026/02/„.png);
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-size: 120px auto !important;
}

.testimonials-training .vc_gitem-post-meta-field-name {
    font-size: 16px;
}

.tt-text-wrapper {
    width: 80% !important;
}

.testimonials-training .vc_gitem-post-meta-field-rolle {
    opacity: 0.6;
}

.tt-img img {
    width: 80px !important;
    border-radius: 100px;
}

.tt-img-section {
    width: 80px !important;
}

/* ===========================
   Single Job Page
   =========================== */

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}
		
.single-job .job-detail{
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 18px;
}

.single-job .job-hero-image{
  height: 260px;
  background-size: cover;
  background-position: center;
}

.single-job .job-hero{
  padding: 6px 0 18px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-bottom: 18px;
}

.single-job .job-title{
  font-size: 40px;
  line-height: 1.15;
  margin: 0 0 12px;
}

.single-job .job-apply-button{
  display: inline-block;
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  background: #0b5cff;
  color: #fff;
}

.single-job .job-apply-button:hover{
  filter: brightness(0.95);
}

.single-job .job-info{
  margin-top: 16px;
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: #fff;
}

.job-info-item {
    align-items: center;
    text-align: center;
    word-wrap: break-word;
}

.job-info-icon {
  font-size: 22px;
  color: #0b2a52; /* euer Blau */
  margin-top: 2px;
}

.job-info-text {
  display: flex;
  flex-direction: column;
}

.single-job .job-info-label{
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .7;
  margin-bottom: 4px;
}

.single-job section h1 {
  font-size: 48px !important;
  hyphens: auto;
}

.single-job section h2{
  font-size: 32px !important;
  margin: 0 0 12px;
}

.single-job .job-cta{
  padding: 18px 18px;
  border-radius: 8px;
  background: rgba(11, 92, 255, 0.06);
}

.cta-text-area {
    padding-bottom: 20px;
}

.single-job .job-contact-card{
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 8px;
  background: #fff;
}

.single-job .job-contact-name{
  font-weight: 700;
  margin-bottom: 6px;
}


.job-hero{
  width:100%;
  min-height:520px;
  background-size:cover;
  background-position:center;
  position:relative;
  display:flex;
  align-items:flex-end;
}

.job-hero__overlay{
  width:min(1100px, 92%);
  margin:0 auto 28px;
  background:#0b2a52; /* blau */
  color:#fff;
  padding:22px 24px;
  border-radius:16px;
  transform: translateY(20px); /* leicht überlagert */
}

.job-hero__category{
  font-size:14px;
  opacity:.9;
  margin-bottom:6px;
}

.job-hero__title{
  margin:0 0 14px;
  color:#fff;
}

.btn.btn--primary{
  display:inline-block;
  background:#d43b2f; /* rot */
  color:#fff;
  padding:12px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
}

.job-hero__cta{
  text-align:center;
}

.job-info{
  width:min(1100px, 92%);
  margin:0 auto 24px;
  background:#f2f2f2; /* hellgrau */
  padding:18px 18px;
  border-radius:8px;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:14px;
}

.job-block.job-organisation {
    margin-top: 25px;
    text-align: center;
}

@media (max-width: 900px){
  .job-info{ grid-template-columns: repeat(2, 1fr); }
}

.job-info__label{ font-size:12px; opacity:.7; margin-bottom:4px; }
.job-info__value{ font-size:16px; font-weight:600; }

.job-content{
  width:min(1100px, 92%);
  margin:0 auto 60px;
  background:#fff;
}

.job-block h2{ margin-top:28px; }

.job-accordion{
  margin-top:18px;
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:10px;
  padding:10px 12px;
}

.job-accordion summary{
  cursor:pointer;
  font-weight:700;
}

.job-accordion__content{
  padding:10px 6px 6px;
}

.job-cta{
  margin-top:36px;
  text-align:center;
  padding:26px 14px;
  background:#fff;
}

.job-contact{
  margin-top:26px;
}

.job-content p {
    margin-bottom: 10px !important;
}

.job-contact__card{
  background:#f2f2f2; /* grau */
  border-radius:8px;
  padding:18px;
}

/* Layout container */
.job-detail .job-content,
.job-detail .job-info{
  width:min(1100px, 92%);
  margin-left:auto;
  margin-right:auto;
}

/* HERO */
.job-hero-wrap {
    position: absolute;
    width: 100vw;
    left: 0;
top: 0;
}

/* Hero Image */
.job-hero-image {
  width: 100%;
  min-height: 580px;
  background-size: cover;
  background-position: center;
}

/* Overlay card */
.job-hero-card{
  max-width: 1100px;
  margin-top: 445px;
  background:#0b2a52; /* blau */
  color:#fff;
  border-radius:16px;
  padding:22px 24px;
  position:relative;
  top:-40px; /* overlap */
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  min-height: 245px;
  text-align: center;
}

.job-hero-category{
  font-size:14px;
  opacity:.9;
  margin-bottom:6px;
}

.job-hero-title{
  margin:0 0 14px;
  color:#fff;
}

.job-hero-cta{
  text-align:center;
}

/* Buttons */
.btn.btn--primary,
.job-apply-button{
  display:inline-block;
  background:#d43b2f; /* rot */
  color:#fff;
  padding:12px 18px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
}

.job-cta .job-card__actions {
  display: flex;
  justify-content: center;
}

/* INFO BOX (hellgrau) */
.job-info{
  background:#f2f2f2;
  border-radius:12px;
  padding:18px;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:14px;
  margin-top:-10px; /* optisch näher an hero card */
  margin-bottom:26px;
}

@media (max-width: 900px){
  .job-info{ grid-template-columns: repeat(2, 1fr); }
}

.job-info-label{
  font-size:12px;
  opacity:.75;
  margin-bottom:4px;
}

.job-info-value{
  font-size:16px;
  font-weight:700;
}

/* Content */
.job-lead{
  margin-bottom:18px;
  text-align: justify;
  hyphens: auto;
}

.job-block h2{
  margin-top:26px;
}

/* Accordion */
.job-accordion{
  margin-top:18px;
  border:1px solid #e7e7e7;
  border-radius:10px;
  padding:10px 12px;
  background:#fff;
}

.job-accordion summary{
  cursor:pointer;
  font-weight:800;
}

.job-accordion-content{
  padding:10px 6px 6px;
}

/* CTA section */
.job-cta{
  margin-top:34px;
  text-align:center;
  padding:26px 14px;
  background:#fff;
}

/* Contact card (grau) */
.job-contact-card{
  background:#f2f2f2;
  border-radius:8px;
  padding:18px;
}

@media (min-width: 840px) {
.footer-video .sr7-layer {
   height: 640px !important
}
.bottom-video {
    margin-top: -320px !important;
}

sr7-slide#SR7_58_2-56, sr7-module#SR7_58_2 {
    height: 700px !important;
}
  }

@media (max-width: 840px) {
.bottom-video {
    margin-top: -220px !important;
}
}

@media (max-width: 600px) {
.bottom-video {
    margin-top: -100px !important;
}
}

@media (max-width: 921px) {
    .ast-theme-transparent-header #primary, .ast-theme-transparent-header #secondary {
        padding: 20px;
    }
}

@media (max-width: 768px) {
  .job-hero-image {
    min-height: 250px; 

  }

.job-hero-card{
  margin-top: 200px;
  }

.job-detail {
    padding: 0 10px !important;
}

.single-job .job-info{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.single-job .job-info .job-info-item.gehalt {
    grid-column: 1 / -1;
}
}


/* Jobs Overview Grid */
.jobs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 24px 0;
}

@media (max-width: 980px) {
  .jobs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .jobs-grid { grid-template-columns: 1fr; }

}


/* ===========================
   Job Card
   =========================== */

.job-card {
  border-radius: 16px;
  overflow: visible;
  padding: 0;
  position: relative;

}

.job-card__actions,
.job-card__share,
.job-card__cta {
  position: relative;
  z-index: 2;
}

.job-card__share-wrap {
  position: relative;
  display: inline-flex;
}

.job-card__share-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 160px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 6px;
  z-index: 50;
}

.job-card__share-wrap.is-open .job-card__share-menu {
  display: block;
}

.job-card__share-item {
  display: block;
  padding: 10px 12px;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
}

.job-card__share-item:hover {
  background: #F2F7FA;
}

.job-card__link-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  text-indent: -9999px;
}

.job-card__image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

.job-card__content {
  padding: 18px 0;
}

.job-card__title {
  margin: 0 0 12px 0;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 700;
}

/* Link in Titel neutralisieren (keine rote Astra-Linkoptik) */
.job-card__title a {
  color: #fff;
  text-decoration: none;
}

.job-card__title a:hover {
  text-decoration: underline;
}

.job-card__badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  position: absolute;
  margin-top: -35px;
  margin-left: 10px;
}

.job-badge {
  background: #fff;
  color: #071b3a;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}

/* Footer / CTA */
.job-card__footer {
  padding: 18px;
}

.job-card__actions {
  display: flex;
  align-items: stretch; /* DAS ist das entscheidende */
  gap: 12px;
}

.job-card__cta {
  flex: 1 1 auto;              /* Button streckt sich */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e43b2f;
  color: #fff;
  text-decoration: none !important;
  padding: 14px 18px;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
}

.job-card__share {
  flex: 0 0 48px;              /* feste Breite */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e43b2f;
  border-radius: 8px;
  color: #e43b2f;
  text-decoration: none !important;
  background-color: transparent;
}

.job-card__share .material-icons-outlined {
  font-size: 22px;
  line-height: 1;
}

/* ===========================
   Footer
   =========================== */

.cta-bottom {
    width: 800px !important;
    padding-top: 100px !important;
    padding-bottom: 380px !important;
}

.cta-bottom h2 {
    color: #fff;
}

.btn-right {
    float: right;
}

.bottom-video {
    position: absolute !important;
}

.footer-video .sr7-layer {
    border-radius: 24px !important;
}

.hg-bottom {
    height: 500px;
}

h3.wp-block-heading {
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

ul.wp-block-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.widget.widget_block.widget_text p a, ul.wp-block-list a, .footer-text, .footer-social-inner-wrap, .footer-ki {
    color: #F9FAFB;
    opacity: 0.6;
    text-decoration: none !important;
}

.footer-text_wrapper {
    margin-left: 20px;
}

.ast-builder-html-element p {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.ast-builder-html-element {
    display: flex;
    align-items: center;
}

ul.wp-block-list a:hover {
    opacity: 1;
}

.ast-builder-grid-row-2-lheavy .ast-builder-grid-row {
    grid-template-columns: 3fr 1fr !important;
}

@media (max-width: 544px) {
    .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {
        text-align: left;
        flex-wrap: wrap;
    }
  .footer-text_wrapper {
    margin-left: 0px;
}
}

@media (max-width: 921px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ===========================
    Slide-Card Layout
   =========================== */


.training-slide{
  display:flex;
  gap:20px;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 24px rgba(0,0,0,.08);
  min-height:240px;
}

.training-slide__media{
  flex: 0 0 42%;
  position:relative;
  background:#f3f4f6;
}
.training-slide__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.training-slide__media--placeholder{
  width:100%;
  height:100%;
  min-height:240px;
}

.training-slide__content{
  flex: 1 1 auto;
  padding:22px 22px 18px 0;
}
.training-slide__title{
  margin:0 0 10px 0;
  font-size:20px;
  line-height:1.25;
}
.training-slide__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.training-badge{
  display:inline-block;
  padding:6px 10px;
  border-radius:6px;
  background:#eef2ff;
  font-size:12px;
  line-height:1;
}
.training-slide__lead{
  margin:0 0 16px 0;
  color:#333;
  font-size:14px;
  line-height:1.45;
  max-width:520px;
}

.training-slide__actions{
  display:flex;
  gap:12px;
  align-items:center;
}
.training-slide__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:8px;
  background:#e53935;
  color:#fff;
  text-decoration:none !important;
  font-weight:600;
}
.training-slide__details{
      color: #e53626;
    text-decoration: none !important;
    border: 1px solid #e53626;
    padding: 10px 12px;
    border-radius: 8px;
}

.training_card_mobil .vc_grid-owl-prev, .training_card_mobil .vc_grid-owl-next {
    top: 25px !important;
}

img:is([sizes=auto i],[sizes^="auto," i]) {
    contain-intrinsic-size: auto 285px !important;
}

/* Slider */
.training-slider{
  position:relative;
  width:100%;
  overflow:hidden;
}
.training-slider__track{
  overflow:hidden;
}
.training-slider__slides{
  display:flex;
  transition:transform .35s ease;
  will-change:transform;
}
.training-slider__slide{
  flex:0 0 100%;
  padding:10px 48px; /* Platz für Pfeile */
  box-sizing:border-box;
}

.training-slider__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:6px;
  border:0;
  background:rgba(15,23,42,.12);
  cursor:pointer;
  z-index:2;
}
.training-slider__prev{ left:10px; }
.training-slider__next{ right:10px; }

@media (max-width: 700px){
  .training-slide{ flex-direction:column; }
  .trainin	g-slide__content{ padding:16px; }
  .training-slider__slide{ padding:10px 12px; }
  .training-slider__nav{ display:none; }
 
 .cta-bottom {
    width: 100% !important;
    padding-top: 100px !important;
    padding-bottom: 160px !important;
}
  #cta-buttons-bottom {
    display: flex;
}
}

@media (max-width: 840px) {
    h2, .entry-content :where(h2) {
        font-size: 28px !important;
    }
 h3, .entry-content :where(h3) {
        font-size: 20px !important;
    }
  .vc_btn3.vc_btn3-size-md.vc_btn3-icon-right:not(.vc_btn3-o-empty) .vc_btn3-icon {
    right: 14px !important;
}
  a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-custom.vc_btn3-icon-right {
    padding-right: 35px;
}
.vc_btn3-right{
    text-align: left !important;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}

  .vc-gitem-zone-height-mode-auto:before {
    padding-top: 0 !important;
}
.video-wrapper {
    flex-wrap: wrap;
}
.training_card_mobil .vc_grid-owl-prev, .training_card_mobil .vc_grid-owl-next {
    top: 25px !important;
}

.hg-bottom {
    height: 200px;
}

.ast-primary-header-bar {
    height: 50px;
    min-height: auto;
}
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    background-color: #E53626;
    border-radius: 8px;
}
.cards-cta-absolute .wpb_wrapper {
    padding-top: 40px;
}
.single-job section h1 {
  font-size: 32px !important;
}
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    background-color: rgba(247, 249, 250, 0.1);
    padding: 12px;
    border-radius: 3px;
}

.acc .vc_tta-panel-heading,
.acc .vc_tta-panel-body {
    border: 0 !important;
}

.acc .vc_tta-panel-heading h4 a {
    color: white !important;
}

.acc .vc_tta-panel-heading h4 a i:before,
.acc .vc_tta-panel-heading h4 a i:after {
    border-color: unset !important;
    color: white !important;
}

.acc .vc_tta-panel-body p {
    color: white;
}

.acc-white .vc_tta-panel-heading h4 a {
    color: #051B3F !important;
}

.acc-white .vc_tta-panel-body p {
    color: #051b3f;
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:before {
  right: 5px !important;
  left: 5px !important;
}

.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:after {
    top: 5px !important;
    bottom: 5px !important;
}

.vc_tta-panel-heading {
    opacity: 0.6;
}

.vc_active .vc_tta-panel-heading {
    background-color: rgba(247, 249, 250, 0.1) !important;
    border-radius: 8px !important;
 opacity: 1;
}

.vc_active .vc_tta-controls-icon-plus {
    background-color: #e53626 !important;
}

.vc_tta-panel-heading:hover {
    background-color: rgba(247, 249, 250, 0.1) !important;
    border-radius: 8px !important;
}

#gewerbliche-ausbildung h2 {
    color: #ffffff !important;
}

/* ===========================
   Training Card
   =========================== */
.training_card_wrapper .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-3-4:before {
    padding-top: 0px !important;
}


/* 1) Slider darf Überstand/Höhe korrekt zeigen */
.training_card_wrapper .owl-stage-outer{
  overflow: visible;            /* falls du Overlap brauchst */
}

/* 2) EQUAL HEIGHT: stage & items als Flex */
.training_card_wrapper .owl-stage{
  display: flex !important;
  align-items: stretch !important;
}

.training_card_wrapper .owl-item > div{
  display: flex !important;
  height: 100% !important;
}

/* 3) WPBakery Grid Item / Card auf volle Höhe */
.training_card_wrapper .vc_grid-item,
.training_card_wrapper .vc_grid-item-mini,
.training_card_wrapper .vc_gitem-animated-block,
.training_card_wrapper .vc_gitem-zone,
.training_card_wrapper .vc_gitem-zone-mini{
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.testimonial-white-wrapper {
    min-height: 250px !important;
    display: flex;
    flex-direction: column;
}

.testimonial-gros .testimonial-white-wrapper {
   min-height: 275px !important;
}


#gewerbliche-ausbildung .vc_column_container>.vc_column-inner,
#technische-ausbildung .vc_column_container>.vc_column-inner,
#kaufmaennische-ausbildung .vc_column_container>.vc_column-inner,
#studium .vc_column_container>.vc_column-inner,
#technisch-faq .vc_column_container>.vc_column-inner,
#kaufmaennisch-faq .vc_column_container>.vc_column-inner,
#studium-faq .vc_column_container>.vc_column-inner
 {
    padding: 0;
}

.training_card_wrapper {
    hyphens: auto;
}

.training_card {
    display: flex;
    height: 420px;
}

.training_card_wrapper .vc_gitem-row-position-top {
    position: relative !important;
}

.training_card_wrapper .vc_gitem-row-position-middle {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}

.training_card_wrapper .owl-item img {
    border-radius: 15px;
    height: 285px;
    object-fit: cover;
}

.training_card_mobil .owl-item img {
    height: auto !important;
}

.training_card .vc_custom_heading {
    min-height: 85px;
    margin-bottom: 0px;
}

.training_card h3 {
    margin-bottom: 0px;
}

.subtitle_studium {
    font-weight: 700;
    margin-top: -35px;
    font-size: 20px;
}

.training_card_wrapper .vc_grid-item {
    padding: 2px;
    margin-left: 2px;
}

.vc_gitem-zone.training_card {
    background-color: #ffffff !important;
    border-radius: 8px;
    border: 1px solid #cccccc;
}

.training_card .vc_gitem-row-position-top {
    top: 10px;
    width: 95% !important;
}

.training-details {
    display: grid;
    grid-template-columns: 150px 1fr;
    margin-bottom: 8px;
}

.training-details .vc_gitem-post-meta-label {
    font-weight: 600;
}

.training_card .vc_gitem-align-left {
    margin: 10px 0;
}

.vc_gitem-post-meta-field-text {
    margin-top: 20px !important;
}

.testimonial-card .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav.vc_grid-owl-nav-color-juicy_pink,
.training_card_wrapper .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav.vc_grid-owl-nav-color-juicy_pink, 
.faq-swipe .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav.vc_grid-owl-nav-color-juicy_pink  {
    color: #E53935 !important;
}

.testimonial-card .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav, 
.training_card_wrapper .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav, 
.faq-swipe .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
    opacity: 1 !important;
    text-align: right;
}

.testimonial-card .vc_grid-owl-prev, .testimonial-card .vc_grid-owl-next,
.training_card_wrapper .vc_grid-owl-prev, .training_card_wrapper .vc_grid-owl-next,
.faq-swipe .vc_grid-owl-prev, .faq-swipe .vc_grid-owl-next {
    top: -35px !important;
    font-size: 40px !important;
}

.testimonial-card .vc_grid-owl-prev, .training_card_wrapper .vc_grid-owl-prev,
.faq-swipe .vc_grid-owl-prev {
    left: auto !important;
    right: 60px;
}

.training_card_wrapper .vc_grid-owl-prev, 
.training_card_wrapper .vc_grid-owl-next, 
.faq-swipe .vc_grid-owl-prev, 
.faq-swipe .vc_grid-owl-next{
    margin: 10px;
}

.faq-swipe .owl-item {
    padding: 0 12px;
}

.faq-wrapper:before {
    padding-top: 0 !important;
}



.faq-wrapper {
    background-color: #F2F7FA;
    border-radius: 8px !important;
    text-align: center;
   height: auto !important;
}

.faq-wrapper.faq-hell {
    background-color: ##1D3152 !important;
}

.faq-hell .faq-wrapper {
    background-color: #1D3152 !important;
}

.faq-wrapper .vc_gitem-post-meta-field-frage.vc_gitem-align-left {
    font-size: 20px;
    padding-top: 20px;
}

.faq-wrapper .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
    margin-bottom: 20px !important;
    transform: none !important;
}

.faq-wrapper .vc_gitem-zone-mini {
    display: flex;
    flex-flow: wrap;
    min-height: 272px;
}

.faq-wrapper .vc_gitem_row {
    position: relative !important;
}

.testimonials-training .vc_gitem-zone-mini {
    min-height: 245px;
}


@media (max-width: 800px) {
  .vc_gitem-zone.training_card, .training_card .vc_gitem-row-position-top {
    width: 100% !important;
}
.training_card .vc_gitem_row.vc_row.vc_gitem-row-position-top {
    position: relative;
}
.training_card_mobil figure.wpb_wrapper.vc_figure {
    height: 190px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.training_card_wrapper .owl-stage-outer.owl-height {
    border-radius: 15px;
    height: auto !important;
}

.training_card_wrapper .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
    position: relative;
    top: 0;
    transform: none !important;
}

.training_card_wrapper .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-3-4:before {
    padding-top: 0px;
}

.training_card_wrapper h3 {
    margin-bottom: 0px;
}

.training_card {
    height: auto;
}
.gruende {
    flex-wrap: wrap !important;
    gap: 10px;
    margin-bottom: 0 !important;
}
}