@font-face {
  font-display: swap;
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 400;
  src: url(https://tiptop.sandbox.inriva.com/assets/anek-latin-v5-latin-regular-31b451413b24f454a5b0e2e8cef95094f205c991bb148e262f98108fcd713d8c.woff2) format("woff2"), url(https://tiptop.sandbox.inriva.com/assets/anek-latin-v5-latin-regular-7ec91400b2efb4f6316c63541c17b2dd3febd5566d9ebcc45c985e8e0681a532.ttf) format("truetype"); }

@font-face {
  font-display: swap;
  font-family: 'Anek Latin';
  font-style: normal;
  font-weight: 800;
  src: url(https://tiptop.sandbox.inriva.com/assets/anek-latin-v5-latin-800-fd66b467109c6b2e9b32a55ae9d3916cbab1eebbb1a6d9acfb2efd08896727a3.woff2) format("woff2"), url(https://tiptop.sandbox.inriva.com/assets/anek-latin-v5-latin-800-1dbd7fe455ff859164f0171a5ad5933dc2b9c3dc3e57af3c2d236de7de9df92a.ttf) format("truetype"); }

.bg-lime-600 {
  background-color: #50af31; }

.bg-red-700 {
  background-color: #c80000; }

.bg-blue-700 {
  background-color: #0000c8; }

.text-lime-600 {
  color: #50af31; }

.bg-red-500 {
  background-color: red; }

.bg-red-700 {
  background-color: #aa0000; }

.bg-sky-500 {
  background-color: #00bcd4; }

.section-impressions {
  height: 600px; }

.has-background-primary, .bg-primary {
  background: #21397A; }

body {
  font-family: "Anek Latin" !important;
  font-size: 1.3em;
  color: #707070; }

.bg-button {
  background-color: #E98A65; }

.bg-light {
  background-color: #e8ebf1; }

.container .jumbotron {
  border-radius: 0; }

.navbar-general-wrapper {
  font-size: 0.7em; }

.blockquote {
  font-family: "Anek Latin";
  font-weight: bold;
  font-style: italic;
  color: #21397A; }

.button, .button.is-primary {
  border-radius: 9999px;
  padding-left: calc(1em + .25em);
  padding-right: calc(1em + .25em); }

.bg-button {
  background-color: #E98A65; }

.bg-medium {
  background-color: #21397A; }

.text-primary {
  color: #21397A !important; }

.ring-primary {
  @apply ring-green-400 {} }

.jumbotron {
  background-color: #21397A;
  color: #fff; }

.jumbotron h2 {
  color: #fff; }

.jumbotron p a {
  color: #fff; }

.btn, .btn-lg, .btn-group-lg > .btn {
  border-radius: 0; }

.btn-primary {
  background-color: #21397A;
  border-color: #21397A; }

.button.is-primary {
  background-color: #E98A65 !important; }

.steps .step-item.is-active .step-marker {
  border-color: #21397A;
  color: #21397A; }

.has-text-primary {
  color: #21397A; }

.is-size-xl {
  font-size: 4rem !important;
  line-height: 4.5rem; }

.is-size-xl.is-bold {
  font-weight: 700; }

.btn-primary:hover {
  background-color: #A2A2A1;
  border-color: #A2A2A1; }

.pagination {
  border-radius: 0px; }

.paginate_button {
  color: #fff;
  font-weight: normal;
  font-size: 14px; }

.pagination > .active > a {
  background-color: #21397A !important;
  border-color: #21397A; }

a {
  color: #21397A; }

.navbar {
  min-height: 100px; }

img {
  height: auto;
  max-width: 100%; }

.hero.is-primary.is-bold, .bg-primary {
  background-color: #21397A; }

.hero.is-primary {
  background-color: #21397A; }

.btn-primary {
  background-color: #E98A65;
  border-color: #E98A65; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 15px; }

h1, h1.title {
  color: #21397A;
  font-family: "Anek Latin"; }

h2, h2.subtitle, h2.title {
  color: #21397A;
  font-family: "Anek Latin"; }

.alert-info {
  background-color: #eee;
  border-color: #eee;
  color: #6D7278;
  border-radius: 0px; }

#applicant_title {
  width: 100%; }

#applicant_birthdate_1i, #applicant_birthdate_2i, #applicant_birthdate_3i {
  margin-bottom: 10px; }

.informed_assent h2 {
  color: #000;
  font-weight: normal; }

.informed_assent p {
  font-size: 1.1em; }

.new_applicant .col-md-4 {
  padding-right: 5%; }

.label {
  border-radius: 0px; }

.survey .panel, .survey .panel-heading {
  border: none; }

.survey select {
  background: #eee none repeat scroll 0 0;
  border: none;
  border-radius: 0px;
  border-shadow: none; }

.survey .panel select {
  width: 100%; }

.survey h3.panel-title {
  padding: 0px; }

.survey .panel-heading {
  padding-bottom: 0px;
  padding-top: 0px; }

.container-fluid-no-padding {
  padding-left: 0px;
  padding-right: 0px; }

.img-description {
  background-color: #fff;
  bottom: 10%;
  color: #eee;
  left: 10%;
  opacity: 0.8;
  position: absolute;
  width: 70%; }

.img-description-text {
  padding-left: 10px;
  opacity: 1; }

.img-description-text h1 {
  color: #404040; }

.img-text-overlay {
  width: 100%;
  padding: 0px; }

div.dataTables_filter {
  text-align: center; }

#top-menu a {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline; }

.field.optional label:after, .form-group.optional label:after, h3.panel-title.optional:after {
  content: " optional";
  color: #21397A;
  font-size: 0.7em;
  font-weight: normal; }

h3.panel-title.required:after {
  content: " Pflichtfeld";
  color: #A7242A;
  background: #ff9ba0;
  font-size: 0.7em;
  font-weight: normal;
  border-radius: 9999px;
  font-weight: 700;
  font-size: .75rem;
  padding: 0.25rem 0.5rem; }

.swiper-button-next, .swiper-button-prev {
  color: #E98A65; }

h2.jobs-list-title {
  text-transform: none; }

.header-apply-btn {
  display: none; }

.table > tbody > tr > td {
  border-top: 0px; }

table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting::after {
  display: none; }

#mapDiv {
  margin-top: 20px; }

.btn-group .btn {
  margin-right: 5px; }

.btn-group .btn:last-child {
  margin-right: 0; }

#jobs_table_filter .form-control {
  height: 34px; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, textarea.form-note, select, .input, .select select {
  border-color: #e1e1e8; }

.applicant-zip {
  width: 100%; }

.jobs-list {
  margin-top: 4%; }

.jobad .title {
  float: left; }

.jobad .subtitle {
  margin-top: 15px;
  padding: 10px 20px;
  float: left; }

.job-body {
  padding-top: 7%; }

.job-body h2 {
  margin-bottom: 10px; }

.job-sidebar .btn-group-vertical {
  width: 100%; }

.job-sidebar .btn-group-vertical .btn {
  text-align: left; }

.job-sidebar .btn-group-vertical .btn i {
  margin-right: 5px; }

.job-tasks, .job-skills, .job-benefits {
  margin-bottom: 20px;
  margin-left: 0px !important;
  padding-left: 0px !important; }

.job-tasks ul, .job-skills ul {
  padding-left: 10px; }

.job-sidebar .panel-heading {
  background-color: #434343;
  color: #fff;
  border-radius: 0px; }

.job-sidebar .panel-body {
  padding: 0px;
  margin: 0px;
  border-radius: 0px; }

.job-sidebar .actions {
  margin: 0px; }

.job-sidebar .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0px; }

.job-sidebar .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px; }

.job-benefits h3 {
  color: #000; }

.bg-primary .box, .bg-primary .box h3 {
  background-color: #e8ebf1;
  color: #21397A; }

.disponent-box .btn-default {
  background-color: #fff;
  color: #21397A; }

.disponent-box.jumbotron p {
  font-size: 16px;
  vertical-align: text-bottom; }

.disponent-box {
  margin-top: 20px; }

.btn-group .btn {
  margin-right: 10px; }

.col-md-3.sidebar-container {
  height: 100%;
  margin-right: 0px;
  padding-right: 0px; }

.sidebar-container .btn {
  margin-right: 0px; }

.survey .form-control {
  height: auto; }

.title {
  font-weight: 300; }

.hero.is-primary .navbar-link.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover {
  background: radial-gradient(circle at -23% -25%, #21397A, #21397A); }

.hero.is-primary .navbar-link.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover {
  background: radial-gradient(circle at -23% -25%, #21397A, #21397A); }

.button.is-primary {
  background-image: radial-gradient(circle at -23% -25%, #E98A65, #E98A65); }

#bewerbung.button.is-primary {
  background-image: radial-gradient(circle at -23% -25%, #E98A65, #E98A65); }

.button.is-primary:hover, .hero.is-primary a.navbar-item:hover {
  background-color: #21397A; }

.hero.is-primary, .hero.is-primary.is-bold {
  background: radial-gradient(circle at -23% -25%, #21397A, #e8ebf1); }

.panel.is-primary .panel-heading, .hero.is-primary.is-bold .navbar-menu {
  background: radial-gradient(circle at -23% -25%, #21397A, #e8ebf1); }

.hero.is-gray {
  background-color: #fafafa; }

@media screen and (min-width: 768px) {
  .rrssb-buttons:first-child, .rrssb-buttons:last-child {
    padding: 0px; }
  h1.title {
    font-size: 1.7em; }
  h2 {
    font-size: 1.5em; } }

.bg-brand-dark {
  background-color: #002D68; }

.tiptop-quick-contact-link:hover {
  color: #39B4A1 !important; }

.tiptop-btn-accent {
  background-color: #E98A65;
  white-space: nowrap; }
  .tiptop-btn-accent:hover {
    background-color: #21397A;
    color: #fff;
    opacity: 1; }

.tiptop-footer-social ul a {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important; }
  .tiptop-footer-social ul a:hover {
    background-color: rgba(255, 255, 255, 0.3) !important; }

.tiptop-footer-link:hover {
  color: #39B4A1 !important; }

.tiptop-ghost-primary {
  border: 2px solid #21397A;
  color: #21397A;
  border-radius: 9999px;
  padding: 0.5rem 1.25rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem; }
  .tiptop-ghost-primary:hover {
    background-color: #21397A;
    color: #fff; }

.tiptop-applicant-form .label {
  color: #21397A !important;
  font-weight: 500;
  font-size: 0.875rem;
  margin-bottom: 0.25rem; }

.tiptop-applicant-form .input, .tiptop-applicant-form input.input, .tiptop-applicant-form select, .tiptop-applicant-form textarea, .tiptop-applicant-form .form-control {
  border-radius: 0 !important;
  border-color: #E1E4EE !important;
  padding: 0.75rem 1rem !important;
  font-size: 1.125rem !important; }
  .tiptop-applicant-form .input:focus, .tiptop-applicant-form input.input:focus, .tiptop-applicant-form select:focus, .tiptop-applicant-form textarea:focus, .tiptop-applicant-form .form-control:focus {
    border-color: #39B4A1 !important;
    box-shadow: 0 0 0 2px rgba(57, 180, 161, 0.2) !important;
    outline: none !important; }

.tiptop-submit-apply {
  background-color: #E98A65 !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 9999px !important;
  padding: 0.75rem 2rem !important;
  font-weight: 700 !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: background-color 0.15s ease-out, color 0.15s ease-out; }
  .tiptop-submit-apply:hover {
    background-color: #21397A !important;
    color: #fff !important;
    opacity: 1; }

#bewerbung {
  background: #E98A65 !important;
  background-image: none !important;
  border-radius: 9999px !important;
  padding: 0.75rem 2rem !important;
  font-weight: 700;
  color: #fff !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  transition: background-color 0.15s ease-out; }
  #bewerbung > div {
    box-shadow: none !important; }
  #bewerbung > div.flex {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important; }
  #bewerbung i {
    margin-right: 0; }
  #bewerbung:hover {
    background: #21397A !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important; }

.pagination,
.pagination-list,
nav.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  margin-top: 1.5rem;
  padding: 0;
  list-style: none; }
  .pagination ul, .pagination ol,
  .pagination-list ul,
  .pagination-list ol,
  nav.pagination ul,
  nav.pagination ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem;
    list-style: none;
    padding: 0;
    margin: 0; }
  .pagination li,
  .pagination-list li,
  nav.pagination li {
    list-style: none;
    padding: 0;
    margin: 0; }
    .pagination li::before, .pagination li::marker,
    .pagination-list li::before,
    .pagination-list li::marker,
    nav.pagination li::before,
    nav.pagination li::marker {
      content: '' !important;
      display: none !important; }
  .pagination a, .pagination span, .pagination em, .pagination .page, .pagination button, .pagination li > *,
  .pagination-list a,
  .pagination-list span,
  .pagination-list em,
  .pagination-list .page,
  .pagination-list button,
  .pagination-list li > *,
  nav.pagination a,
  nav.pagination span,
  nav.pagination em,
  nav.pagination .page,
  nav.pagination button,
  nav.pagination li > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border-radius: 9999px;
    border: 1px solid #E1E4EE;
    color: #21397A;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    background: #fff;
    transition: background 0.15s, color 0.15s; }
    .pagination a:hover, .pagination span:hover, .pagination em:hover, .pagination .page:hover, .pagination button:hover, .pagination li > *:hover,
    .pagination-list a:hover,
    .pagination-list span:hover,
    .pagination-list em:hover,
    .pagination-list .page:hover,
    .pagination-list button:hover,
    .pagination-list li > *:hover,
    nav.pagination a:hover,
    nav.pagination span:hover,
    nav.pagination em:hover,
    nav.pagination .page:hover,
    nav.pagination button:hover,
    nav.pagination li > *:hover {
      background: #21397A;
      color: #fff; }
  .pagination em, .pagination .current, .pagination .pagination-link.is-current,
  .pagination-list em,
  .pagination-list .current,
  .pagination-list .pagination-link.is-current,
  nav.pagination em,
  nav.pagination .current,
  nav.pagination .pagination-link.is-current {
    background: #21397A;
    color: #fff;
    border-color: #21397A; }
  .pagination .disabled, .pagination .gap,
  .pagination-list .disabled,
  .pagination-list .gap,
  nav.pagination .disabled,
  nav.pagination .gap {
    border: none;
    color: rgba(33, 57, 122, 0.5);
    background: transparent; }
    .pagination .disabled:hover, .pagination .gap:hover,
    .pagination-list .disabled:hover,
    .pagination-list .gap:hover,
    nav.pagination .disabled:hover,
    nav.pagination .gap:hover {
      background: transparent;
      color: rgba(33, 57, 122, 0.5); }

#tiptop-faq details summary {
  list-style: none; }
  #tiptop-faq details summary::-webkit-details-marker {
    display: none; }

.tiptop-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out; }

.tiptop-reveal.tiptop-revealed {
  opacity: 1;
  transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .tiptop-reveal {
    opacity: 1;
    transform: none;
    transition: none; } }

.tiptop-joblist-wrap {
  position: relative; }

@media (min-width: 1024px) {
  .tiptop-joblist-filter-sticky {
    position: sticky;
    top: 0;
    z-index: 35;
    box-shadow: 0 8px 14px -10px rgba(33, 57, 122, 0.35); } }

.bg-brand-teal {
  background-color: #39B4A1; }

.text-brand-teal {
  color: #39B4A1; }

.hover\:bg-brand-teal:hover {
  background-color: #39B4A1; }

.bg-gray-blue-100 {
  background-color: #E8EBF1; }

.bg-gray-blue-200 {
  background-color: #E1E4EE; }

.text-gray-blue-300 {
  color: #a3a3a3; }

.text-gray-blue-700 {
  color: #707070; }

.border-gray-blue-200 {
  border-color: #E1E4EE; }

.hover\:bg-gray-blue-100:hover {
  background-color: #E8EBF1; }

.hover\:text-primary:hover {
  color: #21397A; }

.tiptop-values-words .word-ehrlich {
  color: #E98A65; }

.tiptop-values-words .word-innovativ {
  color: #39B4A1; }

.tiptop-values-words .word-gluecklich {
  color: #F9B233; }

.tiptop-values-words .word-ordentlich {
  color: #BAD152; }

.tiptop-values-words .word-nachhaltig {
  color: #B57CB4; }

.branche-reinigung {
  background-color: #39B4A1; }

.branche-haus-hof {
  background-color: #BAD152; }

.branche-security {
  background-color: #F9B233; }

.branche-lila {
  background-color: #B57CB4; }

.tiptop-ts-control,
.ts-wrapper.tiptop-ts-control {
  border-radius: 0 !important;
  border: 0 !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  padding: 0.625rem 0.75rem !important;
  font-weight: 500;
  font-size: 0.875rem;
  color: #21397A;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
  .tiptop-ts-control.focus, .tiptop-ts-control.focus.ts-input,
  .ts-wrapper.tiptop-ts-control.focus,
  .ts-wrapper.tiptop-ts-control.focus.ts-input {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) !important; }

.ts-wrapper .ts-input {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important; }

.ts-wrapper .ts-input::placeholder, .ts-wrapper input::placeholder {
  color: rgba(33, 57, 122, 0.5) !important; }

.ts-wrapper .ts-dropdown,
.tiptop-ts-dropdown {
  border: 0;
  border-radius: 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  margin-top: 4px;
  color: #21397A; }
  .ts-wrapper .ts-dropdown .option,
  .tiptop-ts-dropdown .option {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem; }
  .ts-wrapper .ts-dropdown .option:hover, .ts-wrapper .ts-dropdown .option.active,
  .tiptop-ts-dropdown .option:hover,
  .tiptop-ts-dropdown .option.active {
    background: #E8EBF1;
    color: #21397A; }

.ts-wrapper .clear-button {
  color: #21397A;
  opacity: 0.5; }
  .ts-wrapper .clear-button:hover {
    opacity: 1; }

.tiptop-btn-accent {
  transition: all 0.15s ease-out; }
  .tiptop-btn-accent:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(33, 57, 122, 0.25); }

#chatbot-trigger {
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  animation: tiptop-cobi-pulse 3s ease-in-out infinite; }
  #chatbot-trigger:hover {
    transform: scale(1.08);
    box-shadow: 0 12px 30px rgba(33, 57, 122, 0.4);
    animation: none; }

@keyframes tiptop-cobi-pulse {
  0%, 100% {
    box-shadow: 0 4px 12px rgba(33, 57, 122, 0.25); }
  50% {
    box-shadow: 0 4px 24px rgba(33, 57, 122, 0.45), 0 0 0 6px rgba(57, 180, 161, 0.15); } }

.jobs-search-results article {
  transition: background-color 0.15s ease-out, transform 0.15s ease-out; }
  .jobs-search-results article:hover {
    background-color: #E8EBF1 !important; }
  .jobs-search-results article .group:hover .group-hover\:translate-x-1 {
    transform: translateX(0.4rem); }

[data-turbo-frame="jobs-search-results"] {
  transition: opacity 0.2s ease-out; }

#tiptop-home-hero h1 .ring-2 {
  transition: box-shadow 0.3s ease-out; }
  #tiptop-home-hero h1 .ring-2:hover {
    box-shadow: 0 0 0 4px rgba(33, 57, 122, 0.15); }

.bg-branche-lila {
  background-color: #B57CB4; }

.text-branche-lila {
  color: #B57CB4; }

.hover\:text-branche-lila:hover {
  color: #B57CB4; }

.border-branche-lila {
  border-color: #B57CB4; }

.tiptop-zebra .tiptop-zebra-row {
  background-color: #fff;
  border-top: 1px solid #21397A; }
  .tiptop-zebra .tiptop-zebra-row:first-child {
    border-top: 0; }
  .tiptop-zebra .tiptop-zebra-row:hover {
    background-color: rgba(33, 57, 122, 0.04); }

.tiptop-stories-splide .splide__arrow {
  background: rgba(255, 255, 255, 0.9);
  color: #21397A;
  opacity: 1;
  transition: background 0.2s ease-out; }
  .tiptop-stories-splide .splide__arrow:hover {
    background: #E98A65;
    color: #fff; }
  .tiptop-stories-splide .splide__arrow svg {
    fill: currentColor; }

.tiptop-stories-splide .splide__arrow--prev {
  left: 1rem; }

.tiptop-stories-splide .splide__arrow--next {
  right: 1rem; }

.tiptop-stories-splide .splide__pagination {
  bottom: 1rem; }
  .tiptop-stories-splide .splide__pagination .splide__pagination__page {
    background: rgba(255, 255, 255, 0.5); }
    .tiptop-stories-splide .splide__pagination .splide__pagination__page.is-active {
      background: #E98A65;
      transform: scale(1.2); }

.nav-item-text {
  text-transform: none !important;
  color: #21397A !important;
  font-size: 1rem !important;
  position: relative;
  display: inline-block;
  text-decoration: none !important;
  padding-bottom: 0.25rem; }
  .nav-item-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: #E98A65;
    transition: width 0.3s ease-out; }
  .nav-item-text:hover::after, .nav-item-text:focus-visible::after, .nav-item-text.underline::after {
    width: 100%; }

.tiptop-filter-input::placeholder {
  color: rgba(255, 255, 255, 0.55) !important; }

.tiptop-filter-select:has(option[value=""]:checked) {
  color: rgba(255, 255, 255, 0.55) !important; }

.tiptop-filter-select option {
  color: #21397A;
  background-color: #fff; }

.embla-dot {
  cursor: pointer;
  background-color: #fff !important; }
  .embla-dot.is-active {
    background-color: #E98A65 !important;
    transform: scale(1.2); }