/* ===== INCRAST – PAGE: Über uns ======================================
   Präfix: .pg-appl
   Sektionen: .pg-appl-hero / -mission / -team / -werte / -cta
   ===================================================================== */

.pg-appl-hero h1{ font-size: clamp(28px, 3.2vw + 10px, 42px); }
.pg-appl-content{ max-width: 980px; margin: 0 auto; }
.pg-appl-werte .uk-card{ border-radius:14px; box-shadow:0 14px 38px rgba(0,0,0,.06); }
.pg-appl-cta .uk-button{ border-radius:999px; }


/* ===== Bewerbung Fragebogen Start - vorschaltseite (INCRAST) ===== */ 
.pg-appl {
  --ink:#0e1a28;
  --text:#1b2430;
  --muted:#6a7380;
  --gold:#F8D6AB;
  max-width: 1100px;
  margin: 0 auto 48px;
  padding: 0 clamp(16px, 4vw, 28px);
  color: var(--text);
} 


/* ===== Hero ===== */ 
.pg-appl-hero {
  max-width: 1600px !important;
  max-height: 360px;
  margin: auto;
  background-color: #1a2b40 !important;
  padding: 40px 0 !important;
}


.pg-appl-hero h1 {
  color: #f4f2ed !important;
  margin-top: 10px;
}  

.pg-appl-hero p {
  font-family: Raleway !important;
  font-size: clamp(1rem, 0.875rem + 0.9375vw, 1.5rem);
  color: #f4f2ed !important;
}


@media (max-width: 959px) {
  .pg-appl-hero img {
    display: none !important;
  }
}  

@media (min-width: 640px) and (max-width: 959px) {
  .pg-appl-hero h1, p {
    padding: 0 20px 0 50px;
  }
}


/* ==== Select-Feld ===== */
.incrast-career-selector {
  width: 100%;
  max-width: 520px;
  margin-left: 100px;
}

/* Überschrift / Label */
.career-label {
  display: block;
  margin-bottom: 15px;

  font-family: inherit;
  font-size: clamp(1.25rem, calc(1.125rem + 0.625vw), 1.75rem);
  line-height: 1.3;
  font-weight: 400;

  color: #1c2e45;
}

/* Umrandung des Select-Feldes */
.career-select-wrap {
  position: relative;
  width: 100%;
  max-width: 360px;
}

/* Select */
.career-select {
  width: 100%;
  min-height: 50px;

  padding: 10px 52px 9px 20px;

  font-family: inherit;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.4;

  color: #1c2e45;
  background-color: #ffffff;

  border: 1px solid #c98a32;
  border-radius: 2px;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  cursor: pointer;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

/* Eigener Pfeil */
.career-select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;

  width: 9px;
  height: 9px;

  border-right: 1.5px solid #c98a32;
  border-bottom: 1.5px solid #c98a32;

  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}

/* Hover */
.career-select:hover {
  border-color: #ad7024;
}

/* Fokus */
.career-select:focus {
  outline: none;
  border-color: #ad7024;
  box-shadow: 0 0 0 3px rgba(201, 138, 50, 0.14);
}

/* Button */
.career-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-top: 24px;
  min-height: 52px;
  padding: 13px 28px;

  font-family: inherit;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;

  color: #ffffff;
  background-color: #1c2e45;

  border: 1px solid #1c2e45;
  border-radius: 2px;

  cursor: pointer;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease;
}

.career-button:hover,
.career-button:focus {
  color: #1c2e45;
  background-color: transparent;
  border-color: #c98a32;
}

.career-button:focus-visible {
  outline: 2px solid #c98a32;
  outline-offset: 3px;
}

/* Fehlermeldung */
.career-error {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #a53b32;
}



@media (min-width: 640px) and (max-width: 959px) {
  .incrast-career-selector {
    margin-left: 50px;
  }

    .career-button {
      width: 100%;
      max-width: 200px;
      padding: 10px 20px;
    }
}

@media (max-width: 639px) {
  .incrast-career-selector {
    width: 100%;
    max-width: 450px;
    margin-left: 10px;
  }

  /* Umrandung des Select-Feldes */
.career-select-wrap {
  position: relative;
  width: 100%;
  max-width: 290px;
  }

  /* Select */
  .career-select {
    width: 100%;
    min-height: 46px;
    padding: 8px 52px 7px 20px;
  }

  .career-button {
    min-height: 46px;
    padding: 8px 18px; 

    width: 100%;
    max-width: 190px;

  }
} 




/* Feinbar hast du ja global – hier nur falls benötigt */
.pg-appl .pg-pakete-head .el-title{
  position: relative;
  padding-bottom: 12px;
  margin: 26px 0 14px;
  color: var(--ink);
  font-weight: 800;
}
.pg-appl .pg-pakete-head .el-title::after{
  content:"";
  position:absolute; left:0; bottom:0; height:2px; width:72px;
  background: linear-gradient(90deg, var(--gold), rgba(248,214,171,0));
  border-radius: 2px;
}