body {
--kp-background: transparent;
--kp-card_background: #F2F2F2;
--kp-card_text_clr: #2B2B2B;
--kp-card-primary-color: #D2921D;
--kp-card-primary-text-clr: #ffffff;
--kp-card-border-radius: 10px;
--kp-primary-color: #D2921D;
--kp-primary_button_clr: #D2921D;
--kp-primary_button_hover_clr: #AF7A18;
--kp-primary_button_text_clr: #FFFFFF;
--kp-primary_button_hover_text_clr: #FFFFFF;
--kp-secondary_button_clr: #6C757D;
--kp-secondary_button_hover_clr: #5C636A;
--kp-secondary_button_text_clr: #FFFFFF;
--kp-secondary_button_hover_text_clr: #FFFFFF;
--kp-category_label_background: #D2921D;
--kp-category_label_text_clr: #FFFFFF;
--kp-warning-color: #f39537;
--kp-step-background: #FFF6D4;
--kp-step-text-color: #2B2B2B;
--kp-step-desc-text-color: #2B2B2B;
}
.kp-m-0 {
margin: 0 !important;
}
.kp-m-1 {
margin: 0.25rem !important;
}
.kp-m-2 {
margin: 0.5rem !important;
}
.kp-m-3 {
margin: 1rem !important;
}
.kp-m-4 {
margin: 1.5rem !important;
}
.kp-m-5 {
margin: 3rem !important;
}
.kp-m-auto {
margin: auto !important;
}
.kp-mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.kp-mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.kp-mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.kp-mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.kp-mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.kp-mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.kp-mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.kp-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.kp-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.kp-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.kp-my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.kp-my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.kp-my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.kp-my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.kp-mt-0 {
margin-top: 0 !important;
}
.kp-mt-1 {
margin-top: 0.25rem !important;
}
.kp-mt-2 {
margin-top: 0.5rem !important;
}
.kp-mt-3 {
margin-top: 1rem !important;
}
.kp-mt-4 {
margin-top: 1.5rem !important;
}
.kp-mt-5 {
margin-top: 3rem !important;
}
.kp-mt-auto {
margin-top: auto !important;
}
.kp-me-0 {
margin-right: 0 !important;
}
.kp-me-1 {
margin-right: 0.25rem !important;
}
.kp-me-2 {
margin-right: 0.5rem !important;
}
.kp-me-3 {
margin-right: 1rem !important;
}
.kp-me-4 {
margin-right: 1.5rem !important;
}
.kp-me-5 {
margin-right: 3rem !important;
}
.kp-me-auto {
margin-right: auto !important;
}
.kp-mb-0 {
margin-bottom: 0 !important;
}
.kp-mb-1 {
margin-bottom: 0.25rem !important;
}
.kp-mb-2 {
margin-bottom: 0.5rem !important;
}
.kp-mb-3 {
margin-bottom: 1rem !important;
}
.kp-mb-4 {
margin-bottom: 1.5rem !important;
}
.kp-mb-5 {
margin-bottom: 3rem !important;
}
.kp-mb-auto {
margin-bottom: auto !important;
}
.kp-ms-0 {
margin-left: 0 !important;
}
.kp-ms-1 {
margin-left: 0.25rem !important;
}
.kp-ms-2 {
margin-left: 0.5rem !important;
}
.kp-ms-3 {
margin-left: 1rem !important;
}
.kp-ms-4 {
margin-left: 1.5rem !important;
}
.kp-ms-5 {
margin-left: 3rem !important;
}
.kp-ms-auto {
margin-left: auto !important;
}
.kp-p-0 {
padding: 0 !important;
}
.kp-p-1 {
padding: 0.25rem !important;
}
.kp-p-2 {
padding: 0.5rem !important;
}
.kp-p-3 {
padding: 1rem !important;
}
.kp-p-4 {
padding: 1.5rem !important;
}
.kp-p-5 {
padding: 3rem !important;
}
.kp-px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.kp-px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.kp-px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.kp-px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.kp-px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.kp-px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.kp-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.kp-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.kp-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.kp-py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.kp-py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.kp-py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.kp-pt-0 {
padding-top: 0 !important;
}
.kp-pt-1 {
padding-top: 0.25rem !important;
}
.kp-pt-2 {
padding-top: 0.5rem !important;
}
.kp-pt-3 {
padding-top: 1rem !important;
}
.kp-pt-4 {
padding-top: 1.5rem !important;
}
.kp-pt-5 {
padding-top: 3rem !important;
}
.kp-pe-0 {
padding-right: 0 !important;
}
.kp-pe-1 {
padding-right: 0.25rem !important;
}
.kp-pe-2 {
padding-right: 0.5rem !important;
}
.kp-pe-3 {
padding-right: 1rem !important;
}
.kp-pe-4 {
padding-right: 1.5rem !important;
}
.kp-pe-5 {
padding-right: 3rem !important;
}
.kp-pb-0 {
padding-bottom: 0 !important;
}
.kp-pb-1 {
padding-bottom: 0.25rem !important;
}
.kp-pb-2 {
padding-bottom: 0.5rem !important;
}
.kp-pb-3 {
padding-bottom: 1rem !important;
}
.kp-pb-4 {
padding-bottom: 1.5rem !important;
}
.kp-pb-5 {
padding-bottom: 3rem !important;
}
.kp-ps-0 {
padding-left: 0 !important;
}
.kp-ps-1 {
padding-left: 0.25rem !important;
}
.kp-ps-2 {
padding-left: 0.5rem !important;
}
.kp-ps-3 {
padding-left: 1rem !important;
}
.kp-ps-4 {
padding-left: 1.5rem !important;
}
.kp-ps-5 {
padding-left: 3rem !important;
}
.kp-relative {
position: relative;
}
.kp-absolute {
position: absolute;
}
.kp-w-100 {
width: 100%;
}
.kp-h-100 {
height: 100%;
}
.kp-text-start {
text-align: left;
}
.kp-text-end {
text-align: right;
}
.kp-text-center {
text-align: center;
}
@media screen and (min-width: 768px) {
.kp-text-md-start {
text-align: left;
}
}
@media screen and (min-width: 768px) {
.kp-text-md-end {
text-align: right;
}
}
@media screen and (min-width: 768px) {
.kp-text-md-center {
text-align: center;
}
}
.kp-d-flex {
display: flex !important;
}
.kp-d-flex-col {
display: flex;
flex-direction: column;
}
.kp-d-none {
display: none;
}
.kp-d-block {
display: block;
}
.kp-align-center {
align-items: center;
}
.kp-justify-center {
justify-content: center;
}
.kp-justify-end {
justify-content: end;
}
@media screen and (max-width: 767px) {
.order-sm-2 {
order: 2;
}
}
.kp-row {
display: flex;
flex-wrap: wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.kp-col {
padding-right: 0.75rem;
padding-left: 0.75rem;
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 768px) {
.kp-col {
flex: 1 0 0%;
}
}
@media screen and (max-width: 767px) {
.kp-col:not(:last-child):not(.order-sm-2) {
margin-bottom: 1rem;
}
}
.kp-col-75 {
width: 75%;
flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
.kp-col-75 {
width: 100%;
}
}
.kp-col-25 {
width: 25%;
flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
.kp-col-25 {
width: 100%;
}
}
.kp-col-33 {
width: 33.33%;
flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
.kp-col-33 {
width: 100%;
}
}
.kp-col-auto {
flex: 0 0 auto;
width: auto;
}
.kp-fw-light {
font-weight: 300 !important;
}
.kp-fw-normal {
font-weight: 400 !important;
}
.kp-fw-medium {
font-weight: 600 !important;
}
.kp-fw-bold {
font-weight: 700 !important;
}
.bg-primary {
background-color: var(--kp-primary_button_clr);
color: var(--kp-primary_button_text_clr);
}
#karriere-portal-main [type=button]:not(:disabled), #karriere-portal-main [type=reset]:not(:disabled), #karriere-portal-main [type=submit]:not(:disabled), #karriere-portal-main button:not(:disabled) {
cursor: pointer;
}
#karriere-portal-main .kp-btn, body #karriere-portal-main #kp-sidebar-form input[type=submit], body #karriere-portal-main #kp-sidebar-form button, body #karriere-portal-main .kp-matcher-forms input[type=submit], body #karriere-portal-main .kp-matcher-forms button {
display: inline-block;
cursor: pointer;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
font-weight: normal;
border: 0;
transition: background-color 150ms ease-in-out;
border-radius: 6px;
text-decoration: none;
}
#karriere-portal-main .kp-btn:hover, body #karriere-portal-main #kp-sidebar-form input[type=submit]:hover, body #karriere-portal-main #kp-sidebar-form button:hover, body #karriere-portal-main .kp-matcher-forms input[type=submit]:hover, body #karriere-portal-main .kp-matcher-forms button:hover, #karriere-portal-main .kp-btn:active, body #karriere-portal-main #kp-sidebar-form input[type=submit]:active, body #karriere-portal-main #kp-sidebar-form button:active, body #karriere-portal-main .kp-matcher-forms input[type=submit]:active, body #karriere-portal-main .kp-matcher-forms button:active, #karriere-portal-main .kp-btn:focus, body #karriere-portal-main #kp-sidebar-form input[type=submit]:focus, body #karriere-portal-main #kp-sidebar-form button:focus, body #karriere-portal-main .kp-matcher-forms input[type=submit]:focus, body #karriere-portal-main .kp-matcher-forms button:focus {
outline: none;
box-shadow: none;
}
#karriere-portal-main .kp-btn-lg {
padding: 0.6rem 1rem;
}
#karriere-portal-main .kp-btn-primary, body #karriere-portal-main #kp-sidebar-form input[type=submit], body #karriere-portal-main #kp-sidebar-form button, body #karriere-portal-main .kp-matcher-forms input[type=submit], body #karriere-portal-main .kp-matcher-forms button {
background-color: var(--kp-primary_button_clr);
color: var(--kp-primary_button_text_clr);
}
@media screen and (min-width: 992px) {
#karriere-portal-main .kp-btn-primary:hover, body #karriere-portal-main #kp-sidebar-form input[type=submit]:hover, body #karriere-portal-main #kp-sidebar-form button:hover, body #karriere-portal-main .kp-matcher-forms input[type=submit]:hover, body #karriere-portal-main .kp-matcher-forms button:hover {
background-color: var(--kp-primary_button_hover_clr);
color: var(--kp-primary_button_hover_text_clr);
}
}
#karriere-portal-main .kp-btn-secondary {
background-color: var(--kp-secondary_button_clr);
color: var(--kp-secondary_button_text_clr);
}
#karriere-portal-main .kp-btn-secondary:hover {
background-color: var(--kp-secondary_button_hover_clr);
color: var(--kp-secondary_button_hover_text_clr);
}
#karriere-portal-main .kp-btn-light {
background-color: #FFFFFF;
color: #2B2B2B;
}
#karriere-portal-main .kp-btn-light:hover {
background-color: #f2f2f2;
color: #2B2B2B;
}
#karriere-portal-main .kp-form-input {
width: 100%;
border: 1px solid #2B2B2B;
padding: 0.5rem;
border-radius: 6px;
}
#karriere-portal-main .kp-form-input:focus {
border-color: var(--kp-primary-color);
outline: 1px solid var(--kp-primary-color);
}
#karriere-portal-main .icon-to-top a {
margin: 1rem 0 0 auto;
display: block;
width: 50px;
height: 50px;
}
#karriere-portal-main .icon-to-top a svg {
width: 50px;
height: 50px;
fill: var(--kp-primary-color);
}
#karriere-portal-main .loading {
width: 100px;
height: 100px;
margin-top: 100px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
#karriere-portal-main .loading .loading__ring {
position: absolute;
width: 100px;
height: 100px;
}
#karriere-portal-main .loading .loading__ring:first-child {
transform: skew(30deg, 20deg);
}
#karriere-portal-main .loading .loading__ring:last-child {
transform: skew(-30deg, -20deg) scale(-1, 1);
}
#karriere-portal-main .loading .loading__ring:last-child svg {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
#karriere-portal-main .loading .loading__ring svg {
-webkit-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
fill: var(--kp-primary-color);
}
#karriere-portal-main .kp-text-warning {
color: var(--kp-warning-color);
}
#karriere-portal-main .kp-card {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-radius: var(--kp-card-border-radius);
}
#karriere-portal-main .kp-card.kp-card-primary {
background-color: var(--kp-card-primary-color);
color: var(--kp-card-primary-text-clr);
}
@media screen and (min-width: 1201px) {
body.single-karriere-portal #karriere-portal-main {
width: 100%;
}
}
body #karriere-portal-main {
width: 1200px;
max-width: 100%;
background-color: var(--kp-background);
margin-right: auto;
margin-left: auto;
}
body #karriere-portal-main div {
box-sizing: border-box;
}
body #karriere-portal-main img {
max-width: 100%;
}
body #karriere-portal-main p {
margin-bottom: 0.5rem;
margin-top: 0;
}
body #karriere-portal-main h1, body #karriere-portal-main h2, body #karriere-portal-main h3, body #karriere-portal-main h4, body #karriere-portal-main h5 {
margin-bottom: 1rem;
margin-top: 0;
}
body #karriere-portal-main .kp-filters {
position: relative;
background-color: var(--kp-card_background);
border-radius: var(--kp-card-border-radius);
overflow: hidden;
}
body #karriere-portal-main .kp-filters #filter-toggle {
padding: 1rem;
position: relative;
border-radius: 0;
border-top-right-radius: var(--kp-card-border-radius);
overflow: hidden;
width: 100%;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-filters #filter-toggle {
width: 270px;
transition: all 200ms ease-in-out;
position: absolute;
top: 0;
right: 0;
}
}
body #karriere-portal-main .kp-filters #filter-toggle::before {
content: "";
width: 40px;
height: 40px;
background-image: url(//www.kies-krieger.de/wp-content/plugins/karriere-portal/public/images/down-arrow.png);
background-repeat: no-repeat;
background-size: contain;
filter: brightness(0) invert(1);
margin-right: 0.5rem;
transition: margin-right 200ms ease-in-out, transform 200ms linear;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-filters #filter-toggle:hover, body #karriere-portal-main .kp-filters #filter-toggle.open {
width: 300px;
}
body #karriere-portal-main .kp-filters #filter-toggle:hover::before, body #karriere-portal-main .kp-filters #filter-toggle.open::before {
margin-right: calc(0.5rem + 30px);
}
}
body #karriere-portal-main .kp-filters #filter-toggle.open {
background-color: var(--kp-primary_button_hover_clr);
}
body #karriere-portal-main .kp-filters #filter-toggle.open::before {
transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-filters #filter-toggle.open::before {
margin-right: calc(0.5rem + 30px);
}
}
body #karriere-portal-main .kp-filters .filter-inner {
padding: 1.5rem;
}
body #karriere-portal-main .kp-filters h4 {
font-size: 24px;
font-weight: bold;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
}
body #karriere-portal-main .kp-filters #filterForm {
margin-top: 1rem;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-filters #filterForm {
margin-top: calc(1rem + 40px);
}
}
body #karriere-portal-main .kp-filters #submitFilter,
body #karriere-portal-main .kp-filters #resetFilter {
max-width: 180px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-filters #submitFilter,
body #karriere-portal-main .kp-filters #resetFilter {
max-width: 100%;
width: 100%;
}
}
body #karriere-portal-main .kp-category-label {
border-radius: var(--kp-card-border-radius);
position: relative;
margin-bottom: 40px;
min-width: 200px;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-category-label {
margin-bottom: 80px;
}
}
body #karriere-portal-main .kp-category-label::after {
content: "";
display: block;
position: absolute;
left: 50%;
left: calc(50% - 1.5px);
top: 100%;
width: 3px;
background-color: var(--kp-primary_button_clr);
height: 40px;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-category-label::after {
height: 80px;
}
}
body #karriere-portal-main .kp-category-label.kp-btn-secondary::after {
background-color: var(--kp-secondary_button_clr);
}
body #karriere-portal-main .kp-tab-buttons {
display: flex;
}
body #karriere-portal-main .kp-tab-buttons .kp-btn, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form input[type=submit], body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons input[type=submit], body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form button, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons button, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms input[type=submit], body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons input[type=submit], body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms button, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons button {
border-radius: 0;
border-top: 4px solid transparent;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-tab-buttons .kp-btn, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form input[type=submit], body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons input[type=submit], body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form button, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons button, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms input[type=submit], body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons input[type=submit], body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms button, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons button {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
width: 100%;
}
}
body #karriere-portal-main .kp-tab-buttons .kp-btn:first-of-type, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form input[type=submit]:first-of-type, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons input[type=submit]:first-of-type, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form button:first-of-type, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons button:first-of-type, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms input[type=submit]:first-of-type, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons input[type=submit]:first-of-type, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms button:first-of-type, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons button:first-of-type {
border-top-left-radius: var(--kp-card-border-radius);
border-bottom-left-radius: var(--kp-card-border-radius);
}
body #karriere-portal-main .kp-tab-buttons .kp-btn:last-of-type, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form input[type=submit]:last-of-type, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons input[type=submit]:last-of-type, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form button:last-of-type, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons button:last-of-type, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms input[type=submit]:last-of-type, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons input[type=submit]:last-of-type, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms button:last-of-type, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons button:last-of-type {
border-top-right-radius: var(--kp-card-border-radius);
border-bottom-right-radius: var(--kp-card-border-radius);
}
body #karriere-portal-main .kp-tab-buttons .kp-btn.active, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form input.active[type=submit], body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons input.active[type=submit], body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form button.active, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons button.active, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms input.active[type=submit], body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons input.active[type=submit], body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms button.active, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons button.active, body #karriere-portal-main .kp-tab-buttons .kp-btn:hover, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form input[type=submit]:hover, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons input[type=submit]:hover, body #karriere-portal-main .kp-tab-buttons #kp-sidebar-form button:hover, body #karriere-portal-main #kp-sidebar-form .kp-tab-buttons button:hover, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms input[type=submit]:hover, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons input[type=submit]:hover, body #karriere-portal-main .kp-tab-buttons .kp-matcher-forms button:hover, body #karriere-portal-main .kp-matcher-forms .kp-tab-buttons button:hover {
background-color: #fff;
border-top-color: var(--kp-primary_button_clr);
color: var(--kp-primary_button_clr);
}
body #karriere-portal-main .kp-proclamations {
padding-top: 3rem;
}
body #karriere-portal-main .kp-proclamation-item {
background-color: #f5f0f0;
box-sizing: border-box;
border-radius: 15px;
transition: all 150ms ease-in-out;
display: block;
color: var(--kp-card_text_clr);
text-decoration: none;
transition: all 150ms ease-in-out;
}
body #karriere-portal-main .kp-proclamation-item:hover {
box-shadow: 0 0 2px 2px #D2921D;
cursor: pointer;
}
body #karriere-portal-main .kp-proclamation-item:hover .kp-see-details {
color: var(--kp-primary-color);
}
body #karriere-portal-main .kp-proclamation-item .kp-see-details {
transition: color 150ms ease-in-out;
}
@media screen and (max-width: 991px) {
body #karriere-portal-main .kp-proclamation-item .kp-see-details {
color: var(--kp-primary-color);
margin-top: 1rem;
display: block;
}
}
body #karriere-portal-main .kp-proclamation-item h5 {
margin-top: 0;
font-weight: 600;
}
body #karriere-portal-main .kp-proclamation-item + .kp-proclamation-item {
position: relative;
margin-top: 40px;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-proclamation-item + .kp-proclamation-item {
margin-top: 80px;
}
}
body #karriere-portal-main .kp-proclamation-item + .kp-proclamation-item::before {
content: "";
display: block;
position: absolute;
left: 50%;
left: 99px;
bottom: 100%;
width: 3px;
background-color: var(--kp-primary_button_clr);
height: 40px;
}
@media screen and (min-width: 992px) {
body #karriere-portal-main .kp-proclamation-item + .kp-proclamation-item::before {
height: 80px;
}
}
body #karriere-portal-main .kp-proclamation-item + .kp-proclamation-item.kp-proclamation-item-inactive::before {
background-color: var(--kp-secondary_button_clr);
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-proclamation-item .kp-job-details span {
display: block;
}
}
body #karriere-portal-main .kp-proclamation-item .kp-job-details span.kp-pipe {
margin-right: 0.2rem;
margin-left: 0.35rem;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-proclamation-item .kp-job-details span.kp-pipe {
display: none;
}
}
body #karriere-portal-main .kp-ajax-content {
min-height: 300px;
}
body #karriere-portal-main .kp-single-inner {
max-width: 1000px;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
body #karriere-portal-main .kp-single-header {
position: relative;
background-size: cover;
background-position: center;
}
body #karriere-portal-main .kp-single-header::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
body #karriere-portal-main .kp-single-header .kp-single-inner {
position: relative;
z-index: 2;
min-height: 430px;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #fff;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-single-header .kp-single-inner {
min-height: 300px;
}
}
body #karriere-portal-main .kp-single-header h1 {
font-size: 42px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-single-header h1 {
font-size: 32px;
}
}
body #karriere-portal-main .kp-single-header h1, body #karriere-portal-main .kp-single-header h2, body #karriere-portal-main .kp-single-header h3, body #karriere-portal-main .kp-single-header h4, body #karriere-portal-main .kp-single-header h5, body #karriere-portal-main .kp-single-header p {
color: #fff;
}
body #karriere-portal-main .kp-single-status {
background-color: var(--kp-primary_button_clr);
color: var(--kp-primary_button_text_clr);
position: relative;
z-index: 3;
}
body #karriere-portal-main .kp-back-btn {
display: flex;
align-items: center;
}
body #karriere-portal-main .kp-back-btn .arrow-back {
border: 2px solid var(--kp-primary_button_clr);
border-radius: 50%;
width: 40px;
height: 40px;
}
body #karriere-portal-main .kp-back-btn img {
width: 40px;
height: 40px;
}
body #karriere-portal-main .kp-side-bar {
background-color: var(--kp-card_background);
padding-bottom: 2rem;
}
body #karriere-portal-main .kp-side-bar > div {
position: sticky;
top: 20px;
}
body #karriere-portal-main .kp-post-title {
font-size: 28px;
font-weight: bold;
}
body #karriere-portal-main .kp-side-text h5 {
font-weight: normal;
text-transform: initial;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-job-info-container {
flex-direction: column;
}
}
body #karriere-portal-main .kp-job-info {
margin-bottom: 0;
}
body #karriere-portal-main .kp-job-info:not(:last-of-type)::after {
content: "|";
margin-right: 0.25rem;
margin-left: 0.25rem;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-job-info:not(:last-of-type)::after {
display: none;
}
}
body #karriere-portal-main .kp-job-info span::after {
content: ", ";
}
body #karriere-portal-main .kp-job-info span:last-of-type::after {
display: none;
}
body #karriere-portal-main #kp-sidebar-form div, body #karriere-portal-main .kp-matcher-forms div {
width: 100%;
}
body #karriere-portal-main #kp-sidebar-form input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]), body #karriere-portal-main #kp-sidebar-form textarea, body #karriere-portal-main .kp-matcher-forms input:not([type=radio]):not([type=checkbox]):not([type=hidden]):not([type=submit]), body #karriere-portal-main .kp-matcher-forms textarea {
margin-bottom: 0.5rem;
background-color: #fff;
border: 1px solid;
border-color: var(--kp-primary-color);
border-radius: 6px;
min-height: 45px;
box-shadow: none;
}
body #karriere-portal-main #kp-sidebar-form input[type=submit], body #karriere-portal-main #kp-sidebar-form button, body #karriere-portal-main .kp-matcher-forms input[type=submit], body #karriere-portal-main .kp-matcher-forms button {
padding: 0.5rem 1.5rem;
}
body #karriere-portal-main #kp-sidebar-form div:not(.alert) {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-mobile-flex-row {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) {
body #karriere-portal-main .kp-elapsed-time-mobile {
display: none;
}
}
body #karriere-portal-main .kp-elapsed-time {
position: relative;
padding-left: 30px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-elapsed-time:not(.kp-elapsed-time-mobile) {
display: none;
}
}
body #karriere-portal-main .kp-elapsed-time::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 4px;
background-image: url(//www.kies-krieger.de/wp-content/plugins/karriere-portal/public/images/clock.png);
background-repeat: no-repeat;
background-size: contain;
width: 25px;
height: 25px;
}
body #karriere-portal-main .kp-matcher-card {
position: relative;
}
body #karriere-portal-main .kp-matcher-card h4 {
color: var(--kp-card-primary-text-clr);
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-matcher-card .kp-col-auto {
margin-right: auto;
margin-left: auto;
}
}
body #karriere-portal-main .kp-matcher-assistant {
display: inline-block;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border: 3px solid #FFFFFF;
width: 180px;
height: 180px;
border-radius: 50%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-matcher-assistant {
width: 120px;
height: 120px;
margin-top: 1rem;
}
}
body #karriere-portal-main .kp-matcher-icon {
position: absolute;
top: -25px;
left: calc(50% - 25px + 90px);
background-color: #2B2B2B;
color: #fff;
display: flex;
width: 50px;
height: 50px;
align-items: center;
justify-content: center;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-matcher-icon {
left: calc(50% - 25px);
}
}
body #karriere-portal-main .kp-matcher-icon svg {
fill: #fff;
width: 30px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-steps-bar-container {
margin-right: 20px;
margin-left: 20px;
}
}
body #karriere-portal-main .kp-steps-bar {
position: relative;
width: 100%;
height: 26px;
border: 1px solid var(--kp-card-primary-color);
border-radius: 38px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-steps-bar {
height: 16px;
border-radius: 19px;
}
}
body #karriere-portal-main .kp-steps-progress {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
width: 0;
background-color: var(--kp-card-primary-color);
border-radius: 38px;
transition: width 150ms linear;
}
body #karriere-portal-main .kp-step-indicator {
display: flex;
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: var(--kp-card-primary-color);
color: var(--kp-card-primary-text-clr);
font-weight: bold;
left: -35px;
top: -22px;
align-items: center;
justify-content: center;
transition: left 150ms linear;
}
body #karriere-portal-main .kp-step-indicator::after {
content: "";
display: block;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
background-image: url(//www.kies-krieger.de/wp-content/plugins/karriere-portal/public/images/badge.svg);
background-repeat: no-repeat;
background-size: 40px;
width: 40px;
height: 40px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-step-indicator {
width: 40px;
height: 40px;
left: -20px;
top: -14px;
}
body #karriere-portal-main .kp-step-indicator::after {
content: "";
display: block;
position: absolute;
top: calc(50% - 10px);
left: calc(50% - 10px);
background-image: url(//www.kies-krieger.de/wp-content/plugins/karriere-portal/public/images/badge.svg);
background-repeat: no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
}
}
body #karriere-portal-main .kp-steps .loading {
display: none;
}
body #karriere-portal-main .kp-steps.loading-data {
opacity: 0.5;
pointer-events: none;
position: relative;
}
body #karriere-portal-main .kp-steps.loading-data .loading {
display: block;
position: absolute;
z-index: 999;
left: calc(50% - 50px);
top: calc(50% - 50px);
}
body #karriere-portal-main .kp-step {
max-width: 1084px;
margin-right: auto;
margin-left: auto;
}
body #karriere-portal-main .kp-step:not(.kp-shown) {
display: none;
}
body #karriere-portal-main .kp-step-inner {
min-height: 450px;
}
body #karriere-portal-main .kp-step-info {
background-color: var(--kp-step-info-background-color);
color: var(--kp-step-info-text-color);
padding: 2rem;
border-radius: 10px;
position: relative;
padding-left: calc(50px + 1rem);
}
body #karriere-portal-main .kp-step-info .kp-matcher-assistant {
position: absolute;
width: 100px;
height: 100px;
top: calc(50% - 55px);
left: -50px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-step-info {
padding-left: 2rem;
padding-top: calc(30px + 1rem);
}
body #karriere-portal-main .kp-step-info .kp-matcher-assistant {
width: 60px;
height: 60px;
top: -35px;
left: calc(50% - 30px);
margin-top: 0;
}
}
body #karriere-portal-main .kp-step-title {
font-size: 42px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-step-title {
font-size: 32px;
}
}
body #karriere-portal-main .kp-step-desc {
color: var(--kp-step-desc-text-color);
font-weight: 300;
}
body #karriere-portal-main .kp-step-options {
position: relative;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
body #karriere-portal-main .kp-step-options .form-check {
position: relative;
flex: 0 0 auto;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-step-options .form-check {
margin-bottom: 1rem;
}
}
body #karriere-portal-main .kp-step-options .form-check .form-check-input {
display: none;
}
body #karriere-portal-main .kp-step-options .form-check .form-check-label {
display: block;
border: 2px solid var(--kp-primary-color);
border-radius: 10px;
padding: 0.75rem 2rem;
font-weight: 500;
cursor: pointer;
transition: all 200ms ease-in-out;
margin-right: 1rem;
margin-left: 1rem;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-step-options .form-check .form-check-label {
margin-right: 0.5rem;
margin-left: 0.5rem;
padding: 0.3rem 1.5rem;
font-size: 1.1rem;
}
}
body #karriere-portal-main .kp-step-options .form-check .form-check-label:hover {
background-color: var(--kp-primary-color);
color: #fff;
}
body #karriere-portal-main .kp-step-options .form-check .form-check-input:checked + .form-check-label {
background-color: var(--kp-primary-color);
color: #fff;
}
body #karriere-portal-main .kp-next-step {
min-height: 50px;
min-width: 180px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-next-step {
min-width: calc(50% - 5px);
}
}
body #karriere-portal-main .kp-match-card {
display: block;
border: 2px solid var(--kp-primary-color);
border-radius: 10px;
padding: 0.75rem 2rem;
text-decoration: none;
margin-bottom: 1rem;
max-width: 400px;
margin-right: auto;
margin-left: auto;
position: relative;
cursor: pointer;
transition: all 200ms ease-in-out;
}
body #karriere-portal-main .kp-match-card .kp-match-selected-icon {
display: none;
position: absolute;
height: 44px;
top: calc(50% - 22px);
left: calc(100% + 1rem);
}
body #karriere-portal-main .kp-match-card.kp-match-card-selected {
background-color: var(--kp-primary-color);
color: #fff;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main .kp-match-card.kp-match-card-selected {
width: calc(100% - 43px);
margin-left: 0;
transition: width 150ms linear, margin-left 150ms linear;
}
}
body #karriere-portal-main .kp-match-card.kp-match-card-selected h5, body #karriere-portal-main .kp-match-card.kp-match-card-selected p {
color: var(--kp-card-primary-text-clr);
}
body #karriere-portal-main .kp-match-card.kp-match-card-selected .kp-match-selected-icon {
display: block;
}
body #karriere-portal-main .kp-step-errors {
background-color: #f8d7da;
color: #58151c;
border: 1px solid #f1aeb5;
border-radius: 6px;
padding: 0.5rem 1rem;
font-size: 1rem;
}
body #karriere-portal-main .kp-matcher-forms {
max-width: 600px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 767px) {
body #karriere-portal-main #kp-job-position-title {
text-align: center;
}
}
#kp-show-newsletter {
color: var(--kp-primary-color);
font-size: 15px;
}
.kp-hide-header .avada-page-titlebar-wrapper {
display: none !important;
}
.kp-related-item {
display: block;
text-decoration: none;
color: var(--kp-card-primary-text-clr);
transition: color 150ms ease-in-out;
}
.kp-related-item h4 {
transition: color 150ms ease-in-out;
}
.kp-related-item:hover {
text-decoration: none;
color: var(--kp-primary-color);
}
.kp-related-item:hover h4 {
color: var(--kp-primary-color);
}
.kp-related-item img {
max-width: 100%;
}
.karriere-portal-main .header h1 {
font-size: 50px;
font-weight: 650;
}
.info-header .card {
border-radius: 20px;
}
.info-header img {
max-width: 80px;
}
.category .form-check-col {
box-sizing: border-box;
border: 2.5px solid #D2921D;
border-radius: 10px;
}
.dropdown img {
width: 40px;
}
.flex-container {
display: flex;
flex-direction: column;
}
.flex-container button {
margin: 4px;
text-align: center;
line-height: 40px;
}
.collapse.show {
display: block;
}
.buttons button {
background-color: #f1f1f1;
border: 0;
border-top: 4px solid transparent;
}
@media screen and (max-width: 767px) {
.buttons button {
width: 50%;
}
}
.buttons button.active {
background-color: #fff;
border-top: 4px solid #D2921D;
color: #D2921D;
}
.buttons button:hover {
background-color: #f1f1f1;
border-top: 4px solid #AF7A18;
color: #AF7A18;
}
@media screen and (max-width: 992px) {
#filter-toggle:not(.collapsed) img {
transform: rotate(180deg) translateX(0%);
}
#filter-toggle:not(.collapsed) .btn-bg-hover {
transform: scaleX(0);
background-color: #AF7A18;
}
}
@media screen and (max-width: 576px) {
.info-header .container {
text-align: center;
}
.buttons button {
background-color: #f1f1f1;
border: 0;
border-top: 4px solid transparent;
}
.buttons button.active {
background-color: #fff;
border-top: 4px solid #D2921D;
color: #D2921D;
}
.buttons button:hover {
background-color: #f1f1f1;
border-top: 4px solid #AF7A18;
color: #AF7A18;
}
}
@media screen and (max-width: 407px) {
.buttons button {
background-color: #f1f1f1;
border: 0;
border-top: 4px solid transparent;
}
.buttons button.active {
background-color: #fff;
border-top: 4px solid #D2921D;
color: #D2921D;
}
.buttons button:hover {
background-color: #f1f1f1;
border-top: 4px solid #AF7A18;
color: #AF7A18;
}
}
@media screen and (max-width: 532px) {
.filters #filter-toggle-responsive {
width: 100%;
align-items: center;
}
.filters #filter-toggle-img {
margin-left: 18px;
}
.proclamation .pro-top-button {
width: fit-content;
}
.buttons .btn-group {
display: block;
}
.buttons .job-tabs {
width: 100%;
height: 80px;
}
}
@media screen and (min-width: 992px) {
#side-bar .sidebar-fixed {
position: fixed;
bottom: 30px;
}
}
#side-bar h2 {
font-size: 32px !important;
overflow-wrap: break-word;
}
.job-cities span:not(:last-of-type)::after {
content: ",";
}
.file-area {
width: 100%;
position: relative;
}
input[type=file] {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
cursor: pointer;
}
.file-dummy {
width: 100%;
padding: 30px;
background-color: white;
text-align: center;
}
.file-dummy img {
width: 30px;
}
.form-control {
border: 1px solid #d3921c;
}
.form-control:focus {
border-color: #c68223;
box-shadow: 0 0 0.5px 0.5px #c68223;
}
.single-silithium_stellen #content {
margin-bottom: 0;
}
.single-job .container {
width: 1000px;
max-width: 100%;
}
.post-content .single-job p {
margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
.single-job .container {
max-width: calc(100% - 100px);
}
}
.header { position: relative;
background-repeat: no-repeat;
height: 500px; background-size: cover;
background-position: right;
}
.header:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
}
.header > div {
position: relative;
z-index: 1;
}
.header > div.container-fluid {
position: absolute;
bottom: -35px;
height: 70px;
}
.bottom-text {
z-index: 3;
}
.content {
width: 75%;
}
#content-img {
width: 22px;
height: 22px;
}
.content .paragraph { font-size: 18px;
}
#scrollButtonContainer {
display: none;
}
#scrollButton {
display: none;
}
@media (max-width: 1399.98px) {
#scrollButtonContainer {
display: block;
}
.side-bar {
width: 100%;
height: auto;
position: relative;
bottom: 0;
background-color: #f1f1f1;
}
.side-bar .form-group {
padding-top: 0;
margin-top: -1.5rem;
}
.side-bar .side-text-category {
padding-top: 0;
margin-top: -1rem;
}
.header {
width: 100%;
margin-right: auto;
}
.single-job .container {
margin-right: auto;
}
.content {
width: 100%;
}
#scrollButton {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
text-decoration: none;
background-color: #D2921D;
width: 70px;
height: 70px;
border: none;
border-radius: 50%;
margin-left: auto;
right: 15px;
z-index: 3;
position: relative;
font-size: 12px;
line-height: 14px;
}
#scrollButton.fixed {
position: fixed;
top: 15px;
right: 15px;
}
.content {
position: relative; }
} .single-silithium_stellen #main {
padding-top: 0;
padding-bottom: 0;
padding-right: 0 !important;
padding-left: 0 !important;
--site_width: 100%;
}
.single-silithium_stellen.fusion-body .fusion-flex-container {
padding-right: 0 !important;
padding-left: 0 !important;
}
.single-silithium_stellen #wrapper #main .fullwidth-box .fusion-row {
width: 100% !important;
max-width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.single-silithium_stellen .fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy).fusion-content-layout-column {
margin-right: 0;
margin-left: 0;
}
@media screen and (max-width: 767px) {
.single-silithium_stellen .fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy).fusion-content-layout-column {
padding-right: 28px !important;
padding-left: 28px !important;
}
}
.single-silithium_stellen.fusion-body .fusion-builder-column-4 {
margin-top: 0;
margin-bottom: 0;
}
#showData {
transition: opacity 100ms ease-in-out;
}
#showData.loading-data {
opacity: 0.5;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.container {
width: 100% !important;
}
}
.single-silithium_stellen .fusion-form-form-wrapper .fusion-form-field {
margin: 8px;
}
.single-silithium_stellen .form-closed {
background-color: #ddd;
margin-top: 4rem;
}
.single-silithium_stellen .header-line-closed {
background: #d3921c;
width: 100%;
color: #fff;
}
.proclamation .text-warning,
.single-silithium_stellen .text-warning {
color: #d3921c !important;
}
.single-silithium_stellen .back-button img {
width: 30px;
height: auto;
}
#snackbarSJobs {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 1;
left: 50%;
bottom: 30px;
font-size: 17px;
}
#snackbarSJobs.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 30px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 30px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}  @-webkit-keyframes rotate {
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}