@charset "UTF-8";
/** Definition of all colors that can be used throughout the project */
/* new colors the layout v1.3 */
/** Definition of all spacing units that can be used throughout the project */
body.quereinsteiger { background-color: #FFF; }

body.quereinsteiger .main-content, body.quereinsteiger-results .main-content { padding: 0; width: 100%; max-width: none; }

body.quereinsteiger .default-content-element, body.quereinsteiger-results .default-content-element { margin: auto; max-width: 1110px; }

body.quereinsteiger .default-content-element:not(.qe-container), body.quereinsteiger-results .default-content-element:not(.qe-container) { padding: 0 15px; }

.main-content { margin: auto; padding-top: 7px; padding-bottom: 53px; }

.main-content h1 { margin-bottom: 22px; font-size: 24px; text-align: center; }

.main-content h2 { font-size: 34px; font-weight: 900; }

.main-content::after { content: ''; clear: both; }

.main-content .qe-container { padding: 8px; width: 100%; background-color: #FFF; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.05); border-radius: 14px; position: relative; }

.main-content .qe-container--grey { box-shadow: none; background-color: #F8F7FC; border-radius: 14px; }

.main-content .qe-spacer { padding: 32px 93px; }

@media (max-width: 767px) { .main-content .qe-spacer { padding: 32px 20px; } }

.main-content .category-label { padding: 5px 14px 5px 32px; background-color: #EBF8EE; font-size: 16px; position: relative; border-radius: 7px; }

.main-content .category-label .fa-bolt { padding: 2px 4px; position: absolute; color: #EBF8EE; background-color: #39BC53; border-radius: 100%; width: 16px; height: 16px; font-size: 11px; top: 8px; left: 9px; }

.main-content.quereinsteiger-overview { padding-top: 100px; }

@media (min-width: 768px) { .main-content h1 { font-size: 43px; }
  .main-content .qe-container { padding: 10px; } }

.o-header-quereinsteiger { height: auto; }

.o-header-quereinsteiger__header-img { padding: 70px 15px 0; height: auto; }

@media (max-width: 875px) { .o-header-quereinsteiger__header-img { width: 100%; } }

.o-header-quereinsteiger__headline, .o-header-quereinsteiger__subheadline { text-shadow: none; }

.o-header-quereinsteiger__headline { padding: 12px 0; margin: 0 auto; margin-top: 40px; font-size: 60px; line-height: 68px; text-align: center; color: #2F2F2F; }

@media (max-width: 875px) { .o-header-quereinsteiger__headline { padding: 12px 0 6px; margin-top: 20px; font-size: 32px; line-height: 34px; } }

@media (max-width: 380px) { .o-header-quereinsteiger__headline { font-size: 28px; } }

.o-header-quereinsteiger__subheadline { margin-top: 5px; font-size: 34px; color: #555; }

@media (max-width: 875px) { .o-header-quereinsteiger__subheadline { font-size: 22px; } }

@media (max-width: 767px) { .o-header-quereinsteiger #header-employers { padding: 6px 0; display: block !important; }
  .o-header-quereinsteiger #header-employers .o-header__button-label { padding: 7px 12px !important; } }

.o-header-quereinsteiger--quiz { padding: 0; background: transparent; height: 120px; }

.o-header-quereinsteiger--quiz::before { display: none; }

.o-header-quereinsteiger--quiz .o-header__menu { display: flex; align-items: center; }

.o-header-quereinsteiger--quiz .a-logo { width: 140px; }

.o-header-quereinsteiger--quiz .fa-home + picture .a-logo__image { width: 80%; }

@media (max-width: 767px) { .o-header-quereinsteiger--quiz { height: 80px; }
  .o-header-quereinsteiger--quiz .o-header__menu { position: relative; background: transparent; }
  .o-header-quereinsteiger--quiz .a-logo { margin: 5px; width: 140px; top: 0; left: 0; } }

.footsteps-container { padding-bottom: 45px; display: flex; flex-direction: row; justify-content: center; }

.footsteps-container .footsteps-right, .footsteps-container .footsteps-left { margin: 0 2px; }

.footsteps-container .footsteps-right .footstep, .footsteps-container .footsteps-left .footstep { padding: 5px 0; opacity: 0; -webkit-animation: step; animation: step; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.footsteps-container .footsteps-right .footstep { -webkit-transform: translateY(10px); transform: translateY(10px); }

.footsteps-container .footsteps-right .footstep::before { background: transparent url("data:image/svg+xml,%3csvg width='21' height='54' viewBox='0 0 21 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.673 25.3c-.2.6-.5 1.3-.6 1.9-1.1 5-1.5 9.9-.5 14.9.9 4.5 3.6 13 9.8 10.8 1.4-.5 2.5-1.5 3.5-2.5 1.9-2.2 3.1-5 3.9-7.8.6-2 1.3-4.3 1.3-6.4 0-2.4-.6-4.8-1.5-6.9-1.4-3.1-1.8-6.6-.7-9.9 1.3-3.9 3.6-7.6 3.5-11.9-.1-3.1-1.9-5.8-4.9-6.9-2.4-.9-4.8-.4-6.7 1.3-1.4 1.3-2.3 3-2.9 4.8-.8 2.4-1.1 4.9-1.2 7.4-.1 2.4-.6 4.7-1.3 6.9-.5 1.5-1.2 2.9-1.7 4.3z' fill='%23CBCBCB'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 21px; height: 54px; content: ''; display: block; width: 16px; height: 41px; }

.footsteps-container .footsteps-right .footstep:first-child { -webkit-animation-delay: 1s; animation-delay: 1s; }

.footsteps-container .footsteps-right .footstep:nth-child(2) { -webkit-animation-delay: 2s; animation-delay: 2s; }

.footsteps-container .footsteps-right .footstep:nth-child(3) { -webkit-animation-delay: 3s; animation-delay: 3s; }

.footsteps-container .footsteps-left .footstep::before { background: transparent url("data:image/svg+xml,%3csvg width='23' height='53' viewBox='0 0 23 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.073 24.7c.3.6.5 1.3.7 1.9 1.3 4.9 1.8 9.9.9 14.9-.8 4.5-3.2 13.1-9.5 11.1-1.4-.4-2.6-1.4-3.5-2.4-2-2.1-3.2-4.9-4.1-7.7-.7-2-1.4-4.3-1.5-6.4 0-2.4.4-4.8 1.3-7 1.3-3.1 1.6-6.7.4-9.9-1.4-3.9-3.8-7.5-3.8-11.8 0-3.1 1.8-5.9 4.7-7 2.3-.8 4.7-.4 6.6 1.2 1.4 1.2 2.4 2.9 3 4.7.8 2.3 1.2 4.9 1.4 7.4.2 2.4.7 4.7 1.5 6.9.6 1.3 1.3 2.7 1.9 4.1z' fill='%23CBCBCB'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 23px; height: 53px; content: ''; display: block; width: 18px; height: 41px; }

.footsteps-container .footsteps-left .footstep:first-child { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.footsteps-container .footsteps-left .footstep:nth-child(2) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.footsteps-container .footsteps-left .footstep:nth-child(3) { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

@-webkit-keyframes step { 0% { opacity: 1; }
  75% { opacity: 0; } }

@keyframes step { 0% { opacity: 1; }
  75% { opacity: 0; } }

@media (max-width: 767px) { .footsteps-container .footsteps-right .footstep::before { width: 14px; height: 36px; }
  .footsteps-container .footsteps-left .footstep::before { width: 16px; height: 38px; } }

.quereinsteiger-landing { text-align: center; }

.quereinsteiger-landing p { font-size: 21px; }

.quereinsteiger-landing__content { padding: 0; display: flex; flex-direction: column; text-align: center; float: none; }

.quereinsteiger-landing__content h2 { margin: 20px 0 50px; font-weight: 400; }

.quereinsteiger-landing__content p { color: #6C6B69; }

.quereinsteiger-landing__content ul { margin: 0 auto; padding: 35px 0 15px; font-size: 17px; color: #6C6B69; list-style: none; }

.quereinsteiger-landing__content ul li { padding-bottom: 12px; position: relative; text-align: left; }

.quereinsteiger-landing__content ul li::before { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%2339BC53'%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 24px; height: 24px; position: absolute; width: 21px; height: 21px; left: -32px; top: 3px; content: ''; }

.quereinsteiger-landing__content hr { display: block; width: 100%; }

.quereinsteiger-landing__content .show-more { margin: 20px 0 40px; color: #FFD13E; font-size: 16px; text-align: left; cursor: pointer; }

.quereinsteiger-landing__content .container-hidden { display: none; }

.quereinsteiger-landing__content #show-more-target { padding-top: 30px; }

.quereinsteiger-landing .qe-area { text-align: left; }

.quereinsteiger-landing .qe-area p { font-size: 18px; color: #343434; }

.quereinsteiger-landing .qe-area ul { color: #343434; }

@media (max-width: 767px) { .quereinsteiger-landing h2 { font-size: 30px; line-height: 38px; }
  .quereinsteiger-landing p { font-size: 20px; line-height: 32px; }
  .quereinsteiger-landing ul { padding: 0 0 40px 2em; }
  .quereinsteiger-landing .qe-area { display: none; } }

.footer-quereinsteiger { padding: 44px 50px 16px; background: url("/scheme/v1.3/img/Quereinsteiger/qe-footer-bg-img.png") no-repeat bottom left #F8F7FC; background-size: 212px auto; background-origin: content-box; position: relative; }

.footer-quereinsteiger__content { margin: auto; margin-bottom: 60px; padding: 20px 70px; max-width: 1110px; background-color: #FFF; border-radius: 7px; display: flex; position: relative; flex-direction: column; text-align: center; }

.footer-quereinsteiger__content::before { background: transparent url("data:image/svg+xml,%3csvg width='30' height='32' viewBox='0 0 30 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.93.364l6.784 6.701L28.07 5.15c.468-.12.819.12 1.053.479.234.36.35.838.117 1.197l-4.094 8.735 4.679 8.496c.233.36.233.838 0 1.197-.234.359-.702.598-1.053.479l-9.357-1.317-6.432 7.18c-.235.36-.702.479-1.17.36-.468-.12-.702-.48-.819-.958l-1.637-9.573-8.655-4.069C.234 17.116 0 16.638 0 16.28c0-.479.234-.838.585-1.077l8.42-4.547 1.053-9.573c0-.479.351-.838.702-.957.468-.24.936-.12 1.17.239z' fill='%23FFD13E'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 30px; height: 32px; position: absolute; content: ''; width: 23px; top: -20px; left: 30px; }

.footer-quereinsteiger__content p { padding: 5px 30px; font-size: 14px; color: #808080; }

.footer-quereinsteiger__content-divider { position: relative; background-color: #FFD13E; height: 2px; }

.footer-quereinsteiger__content-divider::before { content: ''; position: absolute; top: 0; right: 50%; width: 0; height: 0; border: 9px solid transparent; border-top-color: #FFD13E; border-bottom: 0; }

.footer-quereinsteiger__content-divider::after { content: ''; position: absolute; top: 0; right: calc(50% + 3px); width: 0; height: 0; border: 6px solid transparent; border-top-color: #FFF; border-bottom: 0; }

.footer-quereinsteiger__buttons { padding: 12px; position: relative; display: flex; flex-wrap: wrap; justify-content: center; background-color: transparent; border-radius: 14px; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.footer-quereinsteiger__buttons .footer-button-wrapper { margin: 0 8px; display: flex; flex-direction: column; align-items: center; }

.footer-quereinsteiger__buttons .footer-button-wrapper .button-info { padding: 5px 0; font-size: 14px; color: #4C4B4A; }

.footer-quereinsteiger__buttons a { padding: 8px 0; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.05); }

@media (max-width: 767px) { .footer-quereinsteiger { padding: 44px 15px 16px; background-size: 187px auto; }
  .footer-quereinsteiger__content { margin-bottom: 40px; padding: 20px 15px; }
  .footer-quereinsteiger__content p { padding: 5px 0; }
  .footer-quereinsteiger__content ol { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
  .footer-quereinsteiger__content-divider::before { border: 6px solid transparent; border-top-color: #FFD13E; border-bottom: 0; }
  .footer-quereinsteiger__content-divider::after { border: 3px solid transparent; border-top-color: #FFF; border-bottom: 0; }
  .footer-quereinsteiger__buttons { padding: 10px 0 90px; }
  .footer-quereinsteiger__buttons .footer-button-wrapper { margin: 10px 5px 0 0; width: 50%; max-width: 210px; }
  .footer-quereinsteiger__buttons .footer-button-wrapper:last-child { margin: 10px 0 10px; }
  .footer-quereinsteiger__buttons a { width: 100%; min-width: auto; } }

@media (max-width: 767px) { .default-content-element .footer-quereinsteiger__buttons { padding: 25px 0 20px; } }

.qe-btn { padding: 8px 34px; position: relative; font-size: 16px; background-color: #FFD13E; border: 0; border-radius: 7px; transition: background-color .4s ease; min-width: 211px; text-align: center; color: #343434; cursor: pointer; }

.qe-btn:hover { text-decoration: none; background-color: #ffdd71; color: #343434; }

.qe-btn:focus { outline: none; }

.qe-btn--grey { background-color: #D0D0D0; }

.qe-btn--grey:hover { background-color: #dddddd; }

.qe-btn--transparent { background-color: transparent; border: 1px solid #343434; min-width: 121px; }

.qe-btn--transparent:hover { background-color: #dddddd; }

.qe-btn--green { background-color: #39BB53; color: #FFF; }

.qe-btn--green:hover { background-color: #5acd71; }

.qe-btn.qe-quiz-cta:not(.not-fixed) { padding: 8px; position: fixed; right: 30px; bottom: 30px; z-index: 1; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.1); min-width: 140px; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }

.qe-btn.qe-quiz-cta:not(.not-fixed):hover { background-color: #FFD13E; -webkit-transform: scale(1.04); transform: scale(1.04); }

.qe-btn--loading { margin: auto; border: 4px solid transparent; border-top: 4px solid #343434; border-radius: 50%; width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; display: none; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

ol.qe-list { margin: 0; padding: 15px 0 0; align-self: center; font-size: 14px; counter-reset: item; list-style: none; }

ol.qe-list li { padding: 0 10px; float: left; counter-increment: item; }

ol.qe-list li::before { margin-right: 2px; content: counter(item) "."; width: 1.2em; text-align: center; display: inline-block; font-weight: 900; }

.qe-quiz { position: relative; }

.qe-quiz .qe-container { padding: 40px 100px 0; }

.qe-quiz__note { padding: 10px 20px; display: flex; position: absolute; background-color: #FFF; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.05); border-radius: 14px; max-width: 780px; right: 80px; top: -60px; }

.qe-quiz__note::before { background: transparent url("data:image/svg+xml,%3csvg width='30' height='32' viewBox='0 0 30 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.93.364l6.784 6.701L28.07 5.15c.468-.12.819.12 1.053.479.234.36.35.838.117 1.197l-4.094 8.735 4.679 8.496c.233.36.233.838 0 1.197-.234.359-.702.598-1.053.479l-9.357-1.317-6.432 7.18c-.235.36-.702.479-1.17.36-.468-.12-.702-.48-.819-.958l-1.637-9.573-8.655-4.069C.234 17.116 0 16.638 0 16.28c0-.479.234-.838.585-1.077l8.42-4.547 1.053-9.573c0-.479.351-.838.702-.957.468-.24.936-.12 1.17.239z' fill='%23FFD13E'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 30px; height: 32px; position: absolute; content: ''; width: 23px; top: -15px; right: -5px; }

.qe-quiz__note::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #FFF transparent transparent transparent; right: 40px; bottom: -10px; }

.qe-quiz__note ol { padding: 0; }

.qe-quiz #next { display: block; }

.qe-quiz .qe-btn--green { display: none; }

.qe-quiz[data-progress='6'] #next { display: none; }

.qe-quiz[data-progress='6'] .qe-btn--green { display: block; }

.qe-quiz[data-progress='1'] #prev { visibility: hidden; }

.qe-quiz__controls { display: flex; flex-direction: row; justify-content: space-between; }

.qe-quiz h3 { margin: 0; padding: 25px 0; font-size: 22px; font-weight: 900; }

.qe-quiz form { padding: 0 0 25px; }

.qe-quiz__page { display: none; }

.qe-quiz__page.visible { display: block; }

.qe-quiz__question-container { margin: 0 0 20px; padding: 0; background-color: #F8F7FC; border-radius: 14px; display: flex; flex-direction: row; justify-content: space-between; }

.qe-quiz__question-container--final { background-color: transparent; }

.qe-quiz__question-container--final .qe-quiz__answer--final { padding: 0; position: relative; flex-direction: column; background-color: transparent; }

.qe-quiz__question-container--final .qe-quiz__answer--final label { margin: 0 0 20px; border-radius: 14px; width: 100%; font-weight: 400; font-size: 18px; cursor: pointer; }

.qe-quiz__question-container--final .qe-quiz__answer--final input { display: none; }

.qe-quiz__question-container--final .qe-quiz__answer--final .qe-quiz__answer-radio-val { padding: 13px 30px; border-radius: 14px; background-color: #F8F7FC; transition: background-color .4s ease; }

.qe-quiz__question-container--final .qe-quiz__answer--final input:checked ~ .qe-quiz__answer-radio-val { background-color: #FFD13E; }

.qe-quiz__question-container--final .qe-quiz__answer--final.error::after { content: 'Bitte wählen Sie ein Feld'; color: #FF0000; position: absolute; bottom: -20px; left: 30px; }

.qe-quiz__question-container--final .form-error { display: none; color: #FF0000; }

.qe-quiz__question { padding: 12px 30px; font-size: 18px; }

.qe-quiz__answer:not(.qe-quiz__answer--final) { padding: 12px 30px; display: flex; flex-direction: row; align-items: center; border: 1px solid transparent; border-radius: 14px; position: relative; }

.qe-quiz__answer:not(.qe-quiz__answer--final) label { margin-bottom: 0; padding: 0 12px; }

.qe-quiz__answer:not(.qe-quiz__answer--final) label .qe-quiz__answer-radio-val { padding-top: 2px; position: relative; border-radius: 100%; width: 28px; height: 28px; text-align: center; font-size: 18px; cursor: pointer; }

.qe-quiz__answer:not(.qe-quiz__answer--final) label .qe-quiz__answer-radio-val::before { content: ''; position: absolute; border: 1px solid #C4C4C4; width: 36px; height: 36px; top: -4px; left: -4px; border-radius: 100%; }

.qe-quiz__answer:not(.qe-quiz__answer--final) label input { display: none; }

.qe-quiz__answer:not(.qe-quiz__answer--final) label input:checked ~ .qe-quiz__answer-radio-val { background-color: #FFD13E; }

.qe-quiz__answer:not(.qe-quiz__answer--final).error { border: 1px solid #FF0000; }

.qe-quiz__answer:not(.qe-quiz__answer--final).error::after { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='red'%3e%3cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3e%3cpath d='M0 0h24v24H0z' fill='none'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 24px; height: 24px; content: ''; position: absolute; background-size: 14px; width: 26px; height: 26px; right: -42px; border: 1px solid #FF0000; border-radius: 100%; }

@media (max-width: 998px) { .qe-quiz .qe-container { padding: 0 15px; }
  .qe-quiz__note { display: flex; position: relative; margin-bottom: 20px; top: auto; right: auto; }
  .qe-quiz__controls { flex-direction: column; align-items: center; }
  .qe-quiz__controls > * { margin: 10px 0; }
  .qe-quiz__controls .qe-btn { min-width: 211px; }
  .qe-quiz__controls .qe-quiz-progress-bar { margin-bottom: 30px; padding: 15px; order: 1; }
  .qe-quiz__controls .qe-btn { order: 2; }
  .qe-quiz__controls .qe-btn--transparent { order: 3; } }

@media (max-width: 767px) { .qe-quiz__answer-radio-val, .qe-quiz__question { font-size: 16px; }
  .qe-quiz__question-container { margin: 0 0 3px; padding: 12px 0; flex-direction: column; background-color: transparent; }
  .qe-quiz__question, .qe-quiz__answer { background-color: #F8F7FC; border-radius: 14px; min-height: 54px; }
  .qe-quiz__question { margin-bottom: 8px; padding: 16px; }
  .qe-quiz__answer { padding: 13px; align-self: flex-end; }
  .qe-quiz__answer.error::after { right: auto; left: -42px; } }

.qe-quiz-progress-bar { padding: 0 40px; display: flex; flex-direction: row; align-items: center; width: 100%; }

.qe-quiz-progress-bar__step { position: relative; width: 20%; height: 6px; background-color: #C4C4C4; }

.qe-quiz-progress-bar__step:last-child { width: 0; }

.qe-quiz-progress-bar__step::before { content: ''; position: absolute; width: 31px; height: 31px; background-color: #C4C4C4; border: 0 solid #C4C4C4; border-radius: 100%; top: -12px; left: -15px; z-index: 2; transition: background-color 2s ease; }

.qe-quiz-progress-bar__step::after { content: ''; position: absolute; width: 0; height: 6px; background-color: #FFD13E; transition: width 2s ease; }

.qe-quiz-progress-bar__step.active::after { width: 100%; }

.qe-quiz-progress-bar__step.active::before { background: transparent url("data:image/svg+xml,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.691.618a.808.808 0 0 1 1.133 0 .808.808 0 0 1 0 1.132L4.088 6.485a.808.808 0 0 1-1.132 0L.279 3.81a.808.808 0 0 1 0-1.133.808.808 0 0 1 1.133 0l2.059 2.06L7.69.617z' fill='white'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 10px; height: 7px; background-color: #FFD13E; background-size: 9px 6px; border: 4px solid #FFF; border-radius: 100%; width: 31px; height: 31px; }

.qe-quiz-progress-bar__step.active:nth-child(2)::before, .qe-quiz-progress-bar__step.active:nth-child(2)::after { background-color: #D6CC42; }

.qe-quiz-progress-bar__step.active:nth-child(3)::before, .qe-quiz-progress-bar__step.active:nth-child(3)::after { background-color: #AFC846; }

.qe-quiz-progress-bar__step.active:nth-child(4)::before, .qe-quiz-progress-bar__step.active:nth-child(4)::after { background-color: #93C142; }

.qe-quiz-progress-bar__step.active:nth-child(5)::before, .qe-quiz-progress-bar__step.active:nth-child(5)::after { background-color: #6FC13E; }

.qe-quiz-progress-bar__step.active:nth-child(6)::before, .qe-quiz-progress-bar__step.active:nth-child(6)::after { background-color: #39BB53; }

@media (max-width: 767px) { .qe-quiz-progress-bar__step, .qe-quiz-progress-bar__step.active { height: 4px; }
  .qe-quiz-progress-bar__step::before, .qe-quiz-progress-bar__step.active::before { width: 25px !important; height: 25px !important; top: -11px; }
  .qe-quiz-progress-bar__step::after, .qe-quiz-progress-bar__step.active::after { height: 4px; } }

.quereinsteiger-results h1 { position: relative; }

.quereinsteiger-results h1::after { background: transparent url("data:image/svg+xml,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.838.5l3.3 6.6 7.3 1.1c.3 0 .6.3.7.6.1.3 0 .7-.2.9l-5.3 5.1 1.2 7.2c.1.3-.1.7-.3.9-.3.2-.6.2-.9.1l-6.6-3.5-6.5 3.4c-.3.1-.6.1-.9-.1-.3-.2-.4-.5-.3-.8l1.2-7.2-5.2-5.2c-.3-.2-.4-.6-.3-.9.1-.3.4-.5.7-.6l7.3-1 3.3-6.6c.1-.3.4-.5.7-.5.4 0 .7.2.8.5z' fill='%23FFD225'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 25px; height: 24px; content: ''; position: absolute; width: 18px; height: 18px; top: -16px; }

@media (min-width: 768px) { .quereinsteiger-results header { z-index: 0; }
  .quereinsteiger-results main { margin-top: -70px; }
  .quereinsteiger-results h1 { font-size: 34px; }
  .quereinsteiger-results h1::after { background: transparent url("data:image/svg+xml,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.838.5l3.3 6.6 7.3 1.1c.3 0 .6.3.7.6.1.3 0 .7-.2.9l-5.3 5.1 1.2 7.2c.1.3-.1.7-.3.9-.3.2-.6.2-.9.1l-6.6-3.5-6.5 3.4c-.3.1-.6.1-.9-.1-.3-.2-.4-.5-.3-.8l1.2-7.2-5.2-5.2c-.3-.2-.4-.6-.3-.9.1-.3.4-.5.7-.6l7.3-1 3.3-6.6c.1-.3.4-.5.7-.5.4 0 .7.2.8.5z' fill='%23FFD225'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 25px; height: 24px; width: 20px; height: 20px; top: -15px; } }

.quereinsteiger-results .hide-on-mobile .show-hidden { margin-top: 10px; display: none; cursor: pointer; }

.quereinsteiger-results .hide-on-mobile .show-hidden.qe-btn { padding: 5px 20px; }

.quereinsteiger-results .hide-on-mobile .show-hidden:hover { text-decoration: underline; }

@media (max-width: 768px) { .quereinsteiger-results .hide-on-mobile .hide-ele:nth-child(n+11) { display: none; }
  .quereinsteiger-results .hide-on-mobile .show-hidden { display: block; } }

.qe-results__container { display: flex; flex-direction: column; }

.qe-results__container h3 { font-size: 18px; font-weight: 700; }

.qe-results__container div[class*="col-"] { padding: 10px; }

.qe-results__container div[class*="col-"]:nth-child(2) { order: 2; }

.qe-results__container div[class*="col-"]:nth-child(3) { order: 3; }

.qe-results__container div[class*="col-"]:nth-child(4) { order: 5; }

.qe-results__container div[class*="col-"]:nth-child(5) { order: 4; }

.qe-results__container div[class*="col-"]:nth-child(6) { order: 6; }

.qe-results__container .btn-container { display: flex; justify-content: center; }

.qe-results__container .qe-btn { margin: 0; padding: 19px 42px; text-align: center; width: 100%; }

.qe-results-personality-overview { margin-bottom: 20px; }

.qe-results-category, .qe-results-personality { padding-top: 10px; padding-bottom: 10px; }

.qe-results-category { padding-right: 15px; padding-left: 15px; }

.qe-results-category h3 { margin: 10px 0; padding-left: 20px; }

.qe-results-category__match { margin: 10px 5px 10px 0; padding: 5px 20px; width: 100%; display: inline-block; background-color: #FFF; border-radius: 11px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); color: #6C6B69; }

.qe-results-category__percentage { display: flex; flex-direction: row; }

.qe-results-category__percentage-bar { margin: 5px 15px 0 0; position: relative; width: 100%; height: 9px; background-color: #F8F7FC; border-radius: 5px; }

.qe-results-category__percentage-bar--progress { content: ''; position: absolute; height: 9px; background-color: #FFD13E; border-radius: 5px; transition: width 4s ease; }

.qe-results-category.not-loaded .qe-results-category__percentage-bar--progress { width: 0 !important; }

.qe-results-personality > div { padding: 10px 15px; }

.qe-results-personality__heading { border-radius: 11px; position: relative; }

.qe-results-personality__heading h3 { margin: 0; color: #FFF; }

.qe-results-personality__heading svg { width: 80px; height: 80px; }

.qe-results-personality__heading .progress-item { position: absolute; top: -15px; right: 40px; }

.qe-results-personality__heading[data-personality="gewissenhaftigkeit"] { background: linear-gradient(270deg, #D6CC42 0, #9CC846 134%), #FFFFFF; }

.qe-results-personality__heading[data-personality="extraversion"] { background: linear-gradient(270deg, #8DD8E5 0, #37BBCA 134%), #FFFFFF; }

.qe-results-personality__heading[data-personality="offenheit"] { background: linear-gradient(270deg, #FFD225 0, #FF7B18 134%), #FFFFFF; }

.qe-results-personality__heading[data-personality="verträglichkeit"] { background: linear-gradient(270deg, #ECAC79 0, #D987B5 134%), #FFFFFF; }

.qe-results-personality__heading[data-personality="neurotizismus"] { background: linear-gradient(270deg, #0191B6 0, #2E3191 134%), #FFFFFF; }

.qe-results-personality__content { padding-bottom: 0; }

.qe-results-personality__content h4 { font-size: 18px; color: #545454; }

.qe-results-personality__content p { font-size: 16px; color: #6C6B69; }

.qe-results-personality__categories { padding-top: 0; display: flex; flex-direction: row; flex-wrap: wrap; }

.qe-results-personality__categories .category-badge { margin: 0 10px 10px 0; min-width: auto; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }

.qe-results-personality__categories .category-badge:hover { -webkit-transform: scale(1.05); transform: scale(1.05); text-decoration: none; }

.qe-results__print { position: absolute; right: 45px; top: -50px; display: none; }

.qe-results__print::after { background: transparent url("data:image/svg+xml,%3csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.8 17.2v4.3h11.5v-7.2H5.8v2.9zm1.4-1.4h8.6v1.4H7.2v-1.4zm0 2.8h8.6V20H7.2v-1.4zM17.3 4.3V0H5.8v7.2h11.5V4.3z' fill='%23A5A5A5'/%3e%3cpath d='M20.1 4.3h-1.4v4.3H4.4V4.3H3C1.6 4.3.1 5.7.1 7.2v7.2c0 1.4 1.4 2.9 2.9 2.9h1.4V13h14.3v4.3h1.4c1.4 0 2.9-1.4 2.9-2.9V7.2c0-1.5-1.4-2.9-2.9-2.9z' fill='%23A5A5A5'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 23px; height: 22px; position: absolute; content: ''; cursor: pointer; }

.qe-results__socials { position: absolute; right: 0; bottom: -50px; width: auto; min-height: 32px; display: flex; flex-direction: row; }

.qe-results__socials > div { padding: 0 18px; position: relative; }

.qe-results__socials > div:first-child { align-self: center; color: #6C6B69; }

@media (max-width: 500px) { .qe-results__socials { bottom: -55px; } }

.qe-results__fb-btn::after { background: transparent url("data:image/svg+xml,%3csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44 22C44 9.836 34.164 0 22 0S0 9.836 0 22s9.836 22 22 22 22-9.836 22-22z' fill='%23395196'/%3e%3cpath d='M23.93 16.791v-2.083c0-1.012.674-1.257 1.165-1.257h2.91V8.978l-4.013-.03c-4.474 0-5.485 3.339-5.485 5.453v2.36h-2.574v5.208h2.605v13.023h5.209V21.969h3.86l.49-5.209H23.93v.031z' fill='white'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 44px; height: 44px; position: absolute; content: ''; left: 0; width: 32px; height: 32px; -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15)); filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15)); cursor: pointer; }

.qe-results__wa-btn::after { background: transparent url("data:image/svg+xml,%3csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44 22C44 9.866 34.164 0 22 0S0 9.866 0 22c0 12.164 9.836 22 22 22s22-9.836 22-22z' fill='%2300B456'/%3e%3cpath d='M35.237 20.192C35.053 13.145 29.354 7.63 22.245 7.63c-6.986 0-12.685 5.423-12.991 12.317v.582c0 2.298.612 4.535 1.777 6.496.03.061.03.092.03.153L8.763 33.98c-.03.092.062.184.154.154l7.078-2.268c.06-.03.092 0 .153 0a12.89 12.89 0 0 0 6.128 1.532c7.14 0 12.96-5.76 12.96-12.9v-.306zM13.45 26.32a10.343 10.343 0 0 1-1.777-5.821c0-.337.03-.674.062-1.011.52-5.393 5.055-9.438 10.51-9.438 5.484 0 10.08 4.228 10.509 9.652.03.306.03.582.03.827 0 5.76-4.749 10.48-10.54 10.48-1.562 0-3.064-.338-4.443-.981a12.408 12.408 0 0 1-1.348-.766c-.061-.03-.092-.03-.153-.03l-3.554 1.133c-.092.03-.154-.061-.123-.123l1.164-3.4c.031-.062 0-.123-.03-.185-.123-.091-.245-.275-.307-.337z' fill='white'/%3e%3cpath d='M28.404 23.379c-.092-.123-.644-.399-.644-.399-.214-.122-1.838-.919-2.145-1.01-.275-.093-.551-.215-.827.183-.214.307-.797.98-.98 1.195-.123.153-.245.215-.552.062-.061-.031-1.501-.644-2.512-1.533a8.755 8.755 0 0 1-1.716-2.144c-.123-.245-.062-.338.122-.521.092-.092.552-.644.613-.705.061-.123.215-.368.215-.368a.66.66 0 0 0-.031-.643c-.061-.092-.889-2.114-.98-2.298-.246-.582-.49-.582-.736-.582-.123 0-1.226.03-1.563.398l-.06.061c-.338.368-1.073 1.134-1.073 2.605 0 .337.06.704.153 1.103.214.704.613 1.47 1.134 2.206 0 0 .827 1.134 1.225 1.593 1.287 1.47 2.727 2.574 4.167 3.125 1.87.736 2.666.89 3.095.89.184 0 .613-.093.705-.123.582-.062 1.93-.767 2.206-1.532.306-.736.306-1.38.184-1.563z' fill='white'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 44px; height: 44px; position: absolute; content: ''; right: 0; width: 32px; height: 32px; -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15)); filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15)); cursor: pointer; }

.qe-results__mail-btn { margin: 0 8px; padding: 0 16px !important; width: 32px; height: 32px; background-color: #4C4B4A; border-radius: 100%; -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15)); filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15)); cursor: pointer; color: #FFF; display: flex; justify-content: center; align-items: center; }

.qe-results__mail-btn:hover { color: #FFF; text-decoration: none; }

@media (min-width: 720px) { .qe-results__container { display: block; }
  .qe-results__container .btn-container .qe-btn { margin: 0 10px; width: auto; }
  .qe-results-personality > .qe-results-personality__categories { padding-top: 0; }
  .qe-results-personality > .qe-results-personality__content { padding-bottom: 0; }
  .qe-results-personality > div { padding: 10px 28px; }
  .qe-results-category { padding-right: 40px; padding-left: 40px; }
  .qe-results-category .qe-results-category__match { margin: 10px 5px 10px 10px; width: 48%; }
  .qe-results__print { display: block; }
  .qe-results__socials { width: 418px; } }

.qe-results-form { position: absolute; background-color: transparent; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }

.qe-results-form--visible { overflow: auto; height: 100vh; }

.qe-results-form--visible .default-content-element:not(.visible), .qe-results-form--visible .qe-area { display: none; }

.qe-results-form__container { position: fixed; max-width: 100%; background-color: #F8F7FC; border-radius: 0; overflow: auto; top: 78px; left: 0; right: 0; bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.qe-results-form__header { padding: 35px 0; position: relative; background-color: #FFD13E; border-radius: 0; text-align: center; }

.qe-results-form__header::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; border-color: #FFD13E transparent transparent transparent; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -30px; }

.qe-results-form__body { padding: 30px 48px 10px; text-align: center; }

.qe-results-form__heading { margin: 30px 0; font-size: 24px; line-height: 26px; }

.qe-results-form__description { margin: 30px 0; color: #6C6B69; }

.qe-results-form__field { position: relative; width: 100%; }

.qe-results-form__button-container { display: flex; flex-direction: column; width: 100%; }

.qe-results-form form { margin: 30px 0 40px; display: flex; flex-direction: column; align-items: center; }

.qe-results-form form input, .qe-results-form form button { border-radius: 0; width: 100%; }

.qe-results-form form button { margin: 5px 0; padding: 8px; font-size: 16px; width: 100%; }

.qe-results-form form input { padding: 15px 0 10px; margin: 0 0 20px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); border: 0; text-align: center; font-size: 22px; }

.qe-results-form form input::-webkit-input-placeholder { color: #D0D0D0; }

.qe-results-form form input:-ms-input-placeholder { color: #D0D0D0; }

.qe-results-form form input::-ms-input-placeholder { color: #D0D0D0; }

.qe-results-form form input::placeholder { color: #D0D0D0; }

.qe-results-form form .error { display: none; color: #EF342D; font-size: 12px; position: absolute; bottom: 0; left: 0; }

.qe-results-form form .error::before { margin-right: 8px; position: relative; font-family: 'Font Awesome 5 Free'; content: '\f071'; font-size: 12px; font-weight: 900; color: #EF342D; }

.qe-results-form form .error--visible { display: block; }

@media (min-width: 550px) { .qe-results-form__button-container { flex-direction: row; justify-content: space-between; }
  .qe-results-form form button { width: 49%; } }

@media (min-width: 768px) { .qe-results-form { background-color: rgba(0, 0, 0, 0.4); }
  .qe-results-form--visible { overflow-y: hidden; height: auto; }
  .qe-results-form__container { position: absolute; right: auto; bottom: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 11px; max-width: 550px; }
  .qe-results-form__header { border-radius: 11px 11px 0 0; }
  .qe-results-form__body { padding: 30px 70px 10px; }
  .qe-results-form__heading { font-size: 30px; line-height: 34px; color: #545454; }
  .qe-results-form form input, .qe-results-form form button { padding: 15px 0 10px; border-radius: 7px; font-size: 18px; }
  .qe-results-form form button { min-width: auto; font-size: 18px; } }

.qe-area { margin-top: 50px; padding: 0; width: 100%; background-color: transparent; }

.qe-area h2 { font-size: 24px; font-weight: 400; display: inline-block; }

.qe-area .content-slim { max-width: 760px !important; display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start; }

.qe-area__content { margin-top: 10px; flex-direction: row; align-items: center; display: none; }

.qe-area__content img { margin-right: 20px; width: 62px; height: auto; }

.qe-area--bg { margin: auto; height: 100%; max-width: 1290px; min-height: 140px; }

.qe-area--bg-light { background-color: #F8F7FC; }

.qe-area[data-active='quereinsteiger'] .qe-btn[data-label='fitting'] { background-color: #FFF; border: 1px solid #FFD13E; box-shadow: none; }

.qe-area[data-active='quereinsteiger'] .header-results-quereinsteiger { display: flex; }

.qe-area[data-active='fitting'] .qe-btn[data-label='quereinsteiger'] { background-color: #FFF; border: 1px solid #FFD13E; box-shadow: none; }

.qe-area[data-active='fitting'] .header-results-fitting { display: flex; }

.qe-area#qe-job-results { margin-top: 0; }

@media (min-width: 768px) { .qe-area { padding: 60px 50px; }
  .qe-area h2 { font-size: 34px; }
  .qe-area__content { margin-top: 0; }
  .qe-area#qe-job-results { padding: 30px 50px 60px; } }

@media (min-width: 1200px) { .qe-area .content-slim { flex-direction: row; align-items: center; }
  .qe-area__content img { display: none; }
  .qe-area[data-active='quereinsteiger'] .qe-area--bg { background: url("/scheme/v1.3/img/Quereinsteiger/area-bg-qe.png") no-repeat center left transparent; }
  .qe-area[data-active='fitting'] .qe-area--bg { background: url("/scheme/v1.3/img/Quereinsteiger/area-bg-fit.png") no-repeat center left transparent; } }

.qe-search-results { margin: auto; max-width: 730px; display: none; }

.qe-search-results.active { display: block; }

.qe-search-results .jobad-container { padding: 15px; margin-bottom: 15px; position: relative; border-radius: 7px; background-color: #FFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.05); transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; width: 100%; }

.qe-search-results .jobad-container:hover { text-decoration: none; -webkit-transform: scale(1.02); transform: scale(1.02); }

.qe-search-results .jobad-link { display: flex; flex-direction: row; color: #333; position: relative; }

.qe-search-results .jobad-link:hover { text-decoration: none; }

.qe-search-results h3 { margin: 8px 0; font-size: 14px; color: #343434; }

.qe-search-results .job-info__meta { display: flex; flex-direction: row; }

.qe-search-results .company-image, .qe-search-results .company-image-mobile { margin-right: 15px; position: relative; border: 1px solid #C4C4C4; border-radius: 100%; min-width: 80px; height: 80px; display: none; align-self: center; }

.qe-search-results .company-image .job-logo, .qe-search-results .company-image-mobile .job-logo { max-width: 60px; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.qe-search-results .companyName { color: #6C6B69; }

.qe-search-results .company-image-mobile { min-width: 40px; width: 40px; height: 40px; display: block; }

.qe-search-results .company-image-mobile .job-logo { width: 80%; max-width: 100px; }

.qe-search-results .job-date { font-size: 14px; color: #A5A5A5; }

.qe-search-results .job-info { width: 100%; font-size: 14px; }

.qe-search-results .job-info .job-name { width: 100%; }

.qe-search-results .job-region { color: #6C6B69; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; }

.qe-search-results .job-region .fa-map-marker-alt { color: #D0D0D0; }

.qe-search-results .jobad-favicon { position: absolute; top: 5px; right: 2px; }

.qe-search-results .jobad-favicon button { padding: 0; border: 0; background-color: transparent; }

.qe-search-results .jobad-favicon button.add-to-favorites > div::before { color: #D0D0D0; }

.qe-search-results .jobad-favicon button:focus { outline: none; }

.qe-search-results .bottom-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.qe-search-results .category-badge { padding: 2px 7px 0 42px; align-self: flex-end; bottom: 0; left: auto; right: 0; min-width: auto; }

.qe-search-results .category-badge p { font-size: 14px; }

.qe-search-results .category-badge .fa-bolt { margin-top: 0; font-size: 11px; height: 16px; width: 16px; }

.qe-search-results .badge-container { margin-left: 30px; padding: 15px 0; position: absolute; top: 0; right: 0; height: 100%; min-width: 125px; }

.qe-search-results .badge-wrapper { position: relative; height: 100%; width: 100%; }

.qe-search-results .percentage-badge { padding: 8px 14px; position: relative; background: linear-gradient(180deg, #FFD13E 0%, #FFAD0D 100%); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); border-radius: 0 0 10px 10px; font-size: 14px; font-weight: 700; color: #343434; }

.qe-search-results .percentage-badge::after { content: ''; position: absolute; top: 0; right: -5px; width: 0; height: 0; border-style: solid; border-width: 5px 0 0 5px; border-color: transparent transparent transparent #FF7B18; }

.qe-search-results .percentage-badge__wrapper { position: absolute; top: -20px; left: 40px; }

@media (min-width: 600px) { .qe-search-results .jobad-container { padding: 15px 30px 15px 35px; margin-bottom: 30px; }
  .qe-search-results .company-image { margin-right: 40px; min-width: 100px; height: 100px; display: block; }
  .qe-search-results .company-image .job-logo { max-width: 80px; }
  .qe-search-results .category-badge { padding: 6px 7px 5px 41px; }
  .qe-search-results .category-badge p { font-size: 16px; }
  .qe-search-results .category-badge .fa-bolt { margin-top: 2px; font-size: 15px; width: 20px; height: 20px; }
  .qe-search-results .company-image-mobile { display: none; }
  .qe-search-results .job-info { width: 100%; font-size: 16px; }
  .qe-search-results h3 { margin: 8px 0 20px; font-size: 20px; }
  .qe-search-results .category-label { font-size: 16px; left: auto; right: 0; }
  .qe-search-results .category-label .fa-bolt { top: 8px; }
  .qe-search-results .badge-container { min-width: 180px; }
  .qe-search-results .percentage-badge { font-size: 20px; }
  .qe-search-results .percentage-badge__wrapper { left: 0; }
  .qe-search-results .jobad-favicon { top: 12px; right: 25px; } }

@media (min-width: 768px) { .qe-search-results { -webkit-transform: translateY(-60px); transform: translateY(-60px); } }

.qe-location-filtern { margin-top: 65px; padding: 0; }

.qe-location-filtern h3 { margin-left: 18px; position: relative; }

.qe-location-filtern h3::before { padding-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5"; color: #FFD13E; }

.qe-location-filtern h3::after { content: ''; position: absolute; width: 12px; height: 2px; background-color: #CBCBCB; border-radius: 100%; top: 28px; left: 2px; display: none; }

.qe-location-filtern .m-job-search-bg-light { padding: 5px 0 20px; display: flex; flex-direction: column; }

.qe-location-filtern .search-input { margin-bottom: 20px; padding: 19px; border: 0; border-radius: 7px; width: 100%; }

.qe-location-filtern .search-input::-webkit-input-placeholder { padding-left: 0; font-size: 18px; color: #D0D0D0; }

.qe-location-filtern .search-input:-ms-input-placeholder { padding-left: 0; font-size: 18px; color: #D0D0D0; }

.qe-location-filtern .search-input::-ms-input-placeholder { padding-left: 0; font-size: 18px; color: #D0D0D0; }

.qe-location-filtern .search-input::placeholder { padding-left: 0; font-size: 18px; color: #D0D0D0; }

.qe-location-filtern .m-job-search__submit { margin-left: 0; width: 100%; }

.qe-location-filtern .m-job-search__submit button:disabled { opacity: .7; }

.qe-location-filtern .m-job-search__submit .loading .qe-btn--loading { display: block; }

.qe-location-filtern .m-job-search__submit .loading span { display: none; }

@media (min-width: 768px) { .qe-location-filtern { margin-top: 120px; padding: 0 90px; }
  .qe-location-filtern h3 { margin-left: 70px; }
  .qe-location-filtern h3::after { display: block; }
  .qe-location-filtern .search-input { margin-bottom: 0; padding-left: 70px !important; }
  .qe-location-filtern .m-job-search-bg-light { display: flex; flex-direction: row; }
  .qe-location-filtern .m-job-search__submit { margin-left: 30px; width: 208px; } }

.qe-overview { padding: 80px 0 20px !important; display: flex; flex-direction: row; justify-content: center; }

.qe-overview__container { position: relative; min-height: 150px; width: 650px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }

.qe-overview__container::before { background: transparent url("data:image/svg+xml,%3csvg width='1141' height='236' viewBox='0 0 1141 236' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.831 118.038c0-62.513 50.727-113.24 113.24-113.24s113.24 50.727 113.24 113.24m226.364 0c0 62.513-50.727 113.24-113.24 113.24s-113.24-50.727-113.24-113.24m226.48 0c0-62.513 50.727-113.24 113.24-113.24s113.24 50.727 113.24 113.24m226.365 0c0 62.513-50.727 113.24-113.24 113.24s-113.24-50.727-113.24-113.24m226.48 0c0-62.513 50.726-113.24 113.24-113.24 62.51 0 113.24 50.727 113.24 113.24' stroke='white' stroke-width='8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 1141px; height: 236px; content: ''; display: none; width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.qe-overview__container::after { background: transparent url("data:image/svg+xml,%3csvg width='1134' height='228' viewBox='0 0 1134 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1133 114c0-62.38-50.71-113-113.21-113-62.383 0-112.982 50.389-113.213 112.654V114c0 62.381-50.714 113-113.212 113-62.266 0-112.749-50.158-113.211-112.078v-.807c0-62.38-50.599-113-113.096-113-62.382 0-112.865 50.39-113.096 112.539V114c0 62.381-50.714 113-113.212 113-62.497 0-113.211-50.619-113.211-113l-.116-1.153C226.845 50.927 176.362 1 114.212 1 51.714 1 1 51.62 1 114' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='.365' y1='113.973' x2='1133.89' y2='113.973' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D6CC42'/%3e%3cstop offset='.119' stop-color='%239CC846'/%3e%3cstop offset='.237' stop-color='%2337BBCA'/%3e%3cstop offset='.348' stop-color='%238DD8E5'/%3e%3cstop offset='.454' stop-color='%23FF7E00'/%3e%3cstop offset='.566' stop-color='%23FFD03E'/%3e%3cstop offset='.677' stop-color='%23ECAC79'/%3e%3cstop offset='.773' stop-color='%23D987B5'/%3e%3cstop offset='.881' stop-color='%230191B6'/%3e%3cstop offset='.992' stop-color='%232E3191'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 1134px; height: 228px; content: ''; display: none; width: calc(100% - 5px); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.qe-overview-item { margin: 45px; padding: 15px; position: relative; width: 170px; }

.qe-overview-item::before { content: ''; position: absolute; width: 24px; height: 24px; border: 4px solid #FFF; border-radius: 100%; top: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

.qe-overview-item::after { content: ''; position: absolute; top: -10px; left: 90px; }

.qe-overview-item--cs::before { background-color: #AFC846; }

.qe-overview-item--cs::after { background: transparent url("data:image/svg+xml,%3csvg width='212' height='108' viewBox='0 0 236 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.831 118.038c0-62.513 50.727-113.24 113.24-113.24s113.24 50.727 113.24 113.24' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='1.027' y1='.365' x2='1.027' y2='1133.89' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D6CC42'/%3e%3cstop offset='.119' stop-color='%239CC846'/%3e%3cstop offset='.237' stop-color='%2337BBCA'/%3e%3cstop offset='.348' stop-color='%238DD8E5'/%3e%3cstop offset='.454' stop-color='%23FF7E00'/%3e%3cstop offset='.566' stop-color='%23FFD03E'/%3e%3cstop offset='.677' stop-color='%23ECAC79'/%3e%3cstop offset='.773' stop-color='%23D987B5'/%3e%3cstop offset='.881' stop-color='%230191B6'/%3e%3cstop offset='.992' stop-color='%232E3191'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 212px; height: 108px; top: 32px; left: 40px; width: 190px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.qe-overview-item--ev::before { background-color: #37BBCA; }

.qe-overview-item--ev::after { background: transparent url("data:image/svg+xml,%3csvg width='192' height='92' viewBox='0 0 236 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.831 118.038c0-62.513 50.727-113.24 113.24-113.24s113.24 50.727 113.24 113.24' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='114.027' y1='-225.635' x2='114.027' y2='907.892' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D6CC42'/%3e%3cstop offset='.119' stop-color='%239CC846'/%3e%3cstop offset='.237' stop-color='%2337BBCA'/%3e%3cstop offset='.348' stop-color='%238DD8E5'/%3e%3cstop offset='.454' stop-color='%23FF7E00'/%3e%3cstop offset='.566' stop-color='%23FFD03E'/%3e%3cstop offset='.677' stop-color='%23ECAC79'/%3e%3cstop offset='.773' stop-color='%23D987B5'/%3e%3cstop offset='.881' stop-color='%230191B6'/%3e%3cstop offset='.992' stop-color='%232E3191'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 192px; height: 92px; top: 39px; left: -66px; width: 200px; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.qe-overview-item--op::before { background-color: #FF7B18; }

.qe-overview-item--op::after { background: transparent url("data:image/svg+xml,%3csvg width='92' height='192' viewBox='0 0 115 229' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 228c62.38 0 113-50.714 113-113.212C114 52.407 63.611 1.808 1.346 1.577' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='1.027' y1='-452.635' x2='1.027' y2='680.892' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D6CC42'/%3e%3cstop offset='.119' stop-color='%239CC846'/%3e%3cstop offset='.237' stop-color='%2337BBCA'/%3e%3cstop offset='.348' stop-color='%238DD8E5'/%3e%3cstop offset='.454' stop-color='%23FF7E00'/%3e%3cstop offset='.566' stop-color='%23FFD03E'/%3e%3cstop offset='.677' stop-color='%23ECAC79'/%3e%3cstop offset='.773' stop-color='%23D987B5'/%3e%3cstop offset='.881' stop-color='%230191B6'/%3e%3cstop offset='.992' stop-color='%232E3191'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 92px; height: 192px; }

.qe-overview-item--cb::before { background-color: #D987B5; }

.qe-overview-item--cb::after { background: transparent url("data:image/svg+xml,%3csvg width='200' height='92' viewBox='0 0 236 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.831 118.038c0-62.513 50.727-113.24 113.24-113.24s113.24 50.727 113.24 113.24' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='114.027' y1='-678.635' x2='114.027' y2='454.892' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D6CC42'/%3e%3cstop offset='.119' stop-color='%239CC846'/%3e%3cstop offset='.237' stop-color='%2337BBCA'/%3e%3cstop offset='.348' stop-color='%238DD8E5'/%3e%3cstop offset='.454' stop-color='%23FF7E00'/%3e%3cstop offset='.566' stop-color='%23FFD03E'/%3e%3cstop offset='.677' stop-color='%23ECAC79'/%3e%3cstop offset='.773' stop-color='%23D987B5'/%3e%3cstop offset='.881' stop-color='%230191B6'/%3e%3cstop offset='.992' stop-color='%232E3191'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 200px; height: 92px; width: 210px; top: 39px; left: -74px; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.qe-overview-item--nc::before { background-color: #0191B6; }

.qe-overview-item--nc::after { background: transparent url("data:image/svg+xml,%3csvg width='92' height='192' viewBox='0 0 115 229' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 228c62.38 0 113-50.714 113-113.212C114 52.407 63.611 1.808 1.346 1.577' stroke='url(%23paint0_linear)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='1.027' y1='-904.635' x2='1.027' y2='228.892' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D6CC42'/%3e%3cstop offset='.119' stop-color='%239CC846'/%3e%3cstop offset='.237' stop-color='%2337BBCA'/%3e%3cstop offset='.348' stop-color='%238DD8E5'/%3e%3cstop offset='.454' stop-color='%23FF7E00'/%3e%3cstop offset='.566' stop-color='%23FFD03E'/%3e%3cstop offset='.677' stop-color='%23ECAC79'/%3e%3cstop offset='.773' stop-color='%23D987B5'/%3e%3cstop offset='.881' stop-color='%230191B6'/%3e%3cstop offset='.992' stop-color='%232E3191'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 92px; height: 192px; }

.qe-overview-item__outer-circle, .qe-overview-item__mid-circle, .qe-overview-item__inner-circle { background-color: #F8F7FC; border: 5px solid #FFF; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #6C6B69; }

.qe-overview-item__outer-circle { width: 100%; height: 140px; box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.1); position: relative; }

.qe-overview-item__mid-circle { width: 60%; height: 60%; }

.qe-overview-item__inner-circle { width: calc(100% - 2px); height: calc(100% - 2px); box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.15); font-weight: 900; position: relative; }

.qe-overview-item__inner-circle::after { background: transparent url("data:image/svg+xml,%3csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.306.114l11.2 6.2c.6.4.6 1.2 0 1.6l-11.2 6.3c-.8.4-1.6-.3-1.2-1.1l2.4-5.9-2.4-5.8c-.3-1 .5-1.7 1.2-1.3z' fill='%23C4C4C4'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 13px; height: 15px; content: ''; position: absolute; width: 6px; height: 6px; bottom: 9px; left: 50%; -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); }

.qe-overview-item__label { position: absolute; top: -70px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 24px; color: #6C6B69; }

.qe-overview-item__label::after { background: transparent url("data:image/svg+xml,%3csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.306.114l11.2 6.2c.6.4.6 1.2 0 1.6l-11.2 6.3c-.8.4-1.6-.3-1.2-1.1l2.4-5.9-2.4-5.8c-.3-1 .5-1.7 1.2-1.3z' fill='%23343434'/%3e%3c/svg%3e") no-repeat 50% 50%; background-size: 100%; width: 13px; height: 15px; content: ''; position: absolute; width: 10px; height: 11px; top: 37px; left: 50%; -webkit-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg); }

.qe-overview-item svg { position: absolute; top: 0; left: 0; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .qe-overview-item svg .progressbar-path { stroke-width: 6; } }

@media (min-width: 768px) { .qe-overview { padding: 80px 0 !important; }
  .qe-overview__container { flex-direction: row; }
  .qe-overview__container::before, .qe-overview__container::after { display: block; }
  .qe-overview-item { margin: 0; width: 20%; }
  .qe-overview-item__outer-circle { height: 100px; }
  .qe-overview-item__inner-circle::after { bottom: 8px; }
  .qe-overview-item__label { top: -50px; font-size: 20px; }
  .qe-overview-item__label::after { width: 8px; height: 9px; top: 27px; }
  .qe-overview-item::before { top: -8px; width: 18px; height: 18px; }
  .qe-overview-item::after { display: none; }
  .qe-overview-item:nth-child(2n)::before { top: auto; bottom: -9px; }
  .qe-overview-item:nth-child(2n)::after { top: auto; bottom: -5px; }
  .qe-overview-item:nth-child(2n) .qe-overview-item__label { top: auto; bottom: -50px; }
  .qe-overview-item:nth-child(2n) .qe-overview-item__label::after { top: auto; bottom: 27px; -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); } }

@media (min-width: 998px) { .qe-overview__container { width: 871px; }
  .qe-overview-item { padding: 26px; }
  .qe-overview-item__outer-circle { height: 122px; } }

.qe-btn-bar { padding: 5px 10px; display: inline-block; background-color: #FFF; border-radius: 7px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04); min-width: 100%; }

.qe-btn-bar .qe-btn { margin: 5px 0; padding: 8px 8px; width: 100%; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1); }

@media (min-width: 485px) { .qe-btn-bar { padding: 9px 4px; min-width: 455px; }
  .qe-btn-bar .qe-btn { margin: 0 5px; max-width: 175px; } }

.quereinsteiger-loading .main-content { text-align: center; max-width: 900px; max-height: calc(100vh - 120px); }

.quereinsteiger-loading h3 { margin: 0 0 20px; font-size: 22px; }

.quereinsteiger-loading h4 { color: #545454; }

.quereinsteiger-loading p { font-size: 14px; color: #6C6B69; }

.quereinsteiger-loading .loading-animation { margin: 5vw 0; position: relative; overflow: hidden; }

.quereinsteiger-loading .loading-animation__slider { position: absolute; left: 50%; height: 100%; }

.quereinsteiger-loading .loading-animation__slider-item { position: absolute; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); height: 100%; }

.quereinsteiger-loading .loading-animation__slider-item svg { max-height: 100px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.quereinsteiger-loading .loading-animation__slider-item.animation-active { -webkit-animation: slider 2s; animation: slider 2s; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.quereinsteiger-loading .loading-description { margin: auto; width: 75%; }

.quereinsteiger-loading .loading-description p { font-size: 16px; }

.quereinsteiger-loading svg { height: 30vh; width: auto; max-height: 500px; }

@media (min-width: 520px) { .quereinsteiger-loading .loading-animation__slider-item svg { max-height: 170px; } }

@media (min-width: 768px) { .quereinsteiger-loading h3 { font-size: 36px; }
  .quereinsteiger-loading p { font-size: 18px; }
  .quereinsteiger-loading .loading-description { width: 100%; }
  .quereinsteiger-loading svg { height: 40vh; } }

@-webkit-keyframes slider { 0% { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
  30% { -webkit-transform: translate(-50%, 4%); transform: translate(-50%, 4%); }
  40% { -webkit-transform: translate(-50%, -4%); transform: translate(-50%, -4%); }
  50% { -webkit-transform: translate(-50%, 2%); transform: translate(-50%, 2%); }
  60% { -webkit-transform: translate(-50%, -2%); transform: translate(-50%, -2%); }
  70% { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  100% { -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } }

@keyframes slider { 0% { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
  30% { -webkit-transform: translate(-50%, 4%); transform: translate(-50%, 4%); }
  40% { -webkit-transform: translate(-50%, -4%); transform: translate(-50%, -4%); }
  50% { -webkit-transform: translate(-50%, 2%); transform: translate(-50%, 2%); }
  60% { -webkit-transform: translate(-50%, -2%); transform: translate(-50%, -2%); }
  70% { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  100% { -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } }

.qe-seo-container { margin-top: 25px; display: flex; flex-direction: row; flex-wrap: wrap; }

.qe-seo-container .benefit-teaser__wrapper { padding: 0 0 15px; border-radius: 14px; box-shadow: 3px 4px 15px rgba(0, 0, 0, 0.05); }

.qe-seo-container .benefit-teaser__header { display: flex; flex-direction: row; align-items: center; margin: 0 0 15px; background-color: #FFD13E; border-radius: 14px; height: 50px; }

.qe-seo-container .benefit-teaser__icon { display: flex; align-items: center; justify-content: center; background-color: #C4C4C4; border-radius: 14px; padding: 10px; width: 50px; height: 50px; }

.qe-seo-container .benefit-teaser__icon > svg { position: relative; }

.qe-seo-container .benefit-teaser h3 { padding-left: 15px; font-size: 18px; font-weight: 900; color: #343434; }

.qe-seo-container .benefit-teaser p { padding: 10px 40px 0 65px; text-align: left; font-size: 16px; line-height: 26px; }

.qe-seo-container .benefit-teaser__show-more { margin: -20px 15px 0 0; background-color: transparent; color: #FFD13E; width: auto; }

.qe-seo-container .benefit-teaser__show-more:hover { background-color: transparent; }

@media print { .quereinsteiger-results { position: relative; }
  .quereinsteiger-results .default-content-element:not(.print), .quereinsteiger-results .qe-area, .quereinsteiger-results .qe-btn { display: none; }
  .quereinsteiger-results *::before, .quereinsteiger-results *::after { background: inherit !important; }
  .quereinsteiger-results .category-label { background-color: #EBF8EE !important; }
  .quereinsteiger-results .category-label .fa-bolt { color: #EBF8EE !important; background-color: #39BC53 !important; }
  .quereinsteiger-results .qe-overview-item::before { display: none; }
  .quereinsteiger-results .qe-overview-item__label { top: -20px; }
  .quereinsteiger-results .qe-overview-item:nth-child(2n) .qe-overview-item__label { bottom: -20px; }
  .quereinsteiger-results .qe-results__socials { display: none; }
  .quereinsteiger-results .qe-results-personality__categories { display: none; }
  .quereinsteiger-results .qe-results-category__match { position: relative; page-break-inside: avoid !important; }
  .qe-results__container { display: block; position: relative !important; }
  .col-md-6, .qe-results-category { page-break-inside: avoid !important; -webkit-column-break-inside: avoid !important; break-inside: avoid !important; }
  .qe-container { background-color: #FFF !important; }
  .qe-container--grey { box-shadow: none !important; background-color: #F8F7FC !important; }
  .qe-results-personality__heading[data-personality="extraversion"] { background: linear-gradient(270deg, #8DD8E5 0, #37BBCA 134%), #FFFFFF !important; }
  .qe-results-category__match { background-color: #FFF !important; }
  .qe-results-category__percentage-bar { margin: 5px 15px 0 0; background-color: #F8F7FC !important; }
  .qe-results-category__percentage-bar--progress { background-color: #FFD13E !important; } }

.qe-banner { height: 100vh; }

.qe-banner .o-header__teaser-image { top: 0; margin-top: 0; background-image: url(/scheme/v1.3/img/Quereinsteiger/qe_banner_small.svg) !important; display: flex; flex-direction: column; background-position: bottom; background-size: 50vh; height: 100%; }

.qe-banner .o-header__headline-wrapper { margin: 10vh auto 0; color: #343434; max-width: 255px; }

.qe-banner .o-header__headline { margin: 0; padding: 10px 0 20px; font-weight: 400; font-size: 34px; line-height: 40px; }

.qe-banner .o-header__sub-headline { color: #808080; display: block; font-size: 26px; line-height: 30px; }

.qe-banner .header-btn-container { position: absolute; width: 100%; height: 100%; }

.qe-banner .qe-btn { padding: 10px; position: absolute; bottom: 26vh; min-width: 130px; left: calc(50% + 8px); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; color: #343434; text-shadow: none; }

.qe-banner .bg-grey { background-color: #F8F7FC; position: absolute; bottom: 0; height: 30vh; width: 100%; z-index: 0; }

@media (min-width: 768px) { .qe-banner { height: 400px; }
  .qe-banner .o-header__teaser-image { background-image: url(/scheme/v1.3/img/Quereinsteiger/qe_banner_medium.svg) !important; top: 80px; height: calc(100vh - 80px); background-position: 50%; background-size: contain; justify-content: center; }
  .qe-banner .o-header__headline-wrapper { margin: 0; max-width: 410px; position: absolute; top: 25px; left: 55px; }
  .qe-banner .o-header__headline { padding: 10px 0; font-size: 32px; line-height: 41px; height: auto !important; }
  .qe-banner .o-header__sub-headline { color: #808080; font-size: 21px; }
  .qe-banner .qe-btn { padding: 10px; width: 130px; top: 50vh; bottom: auto; left: calc(50% + 15px); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .qe-banner .bg-grey { display: none; } }

@media (min-width: 1100px) { .qe-banner { height: 255px; }
  .qe-banner .o-header__teaser-image { background-image: url(/scheme/v1.3/img/Quereinsteiger/qe_banner_large.svg) !important; height: 540px; }
  .qe-banner .o-header__headline-wrapper { margin: 180px 0 0 60px; position: relative; top: 0; left: 0; max-width: 300px; }
  .qe-banner .o-header__headline { font-size: 38px; line-height: 48px; }
  .qe-banner .o-header__sub-headline { font-size: 25px; line-height: 30px; }
  .qe-banner .qe-btn { padding: 19px; top: 175px; right: 350px; left: auto; width: 180px; -webkit-transform: none; transform: none; } }