/*======================================
Theme Name: PPM Child
Theme URI: https://www.plappermaul.at
Description: Child Theme Yootheme PPM
Version: 1.0
Author: Reinhard Ekker
Author URI: https://www.plappermaul.at
Template: yootheme
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/
:root {
/* COLORS */
--color-black: #000;
--color-dark: #3A3A3A;
--color-verydark: #171717;
--color-white: #fff;
--color-primary: #95C11F;
--color-muted: #f7f4f0;
/* BREAKPOINTS */
--ppm-breakpoint-s: 640;
--ppm-breakpoint-m: 960;
--ppm-breakpoint-l: 1240;
--ppm-breakpoint-xl: 1600;
/* TYPOGRAPHY SIZES */
--html-mobile: 16;
--html-desktop: 20;
--ppm-body-small-mobile: 12;
--ppm-body-small-desktop: 13.5;
--ppm-button-mobile: 15;
--ppm-button-desktop: 20;
--ppm-h1-mobile: 48;
--ppm-h1-desktop: 250;
--ppm-h2-mobile: 30;
--ppm-h2-desktop: 60;
--ppm-h3-mobile: 24;
--ppm-h3-desktop: 40;
--ppm-h4-mobile: 18;
--ppm-h4-desktop: 22;
--ppm-h5-mobile: 16;
--ppm-h5-desktop: 20;
--ppm-body-small-mobile: 16;
--ppm-body-small-desktop: 18;
--ppm-hero-subline-mobile: 16;
--ppm-hero-subline-desktop: 32;
--ppm-navbar-a-mobile: 9;
--ppm-navbar-a-desktop: 16;
/* ANIMATIONS */
--arrow-hover-translate: translateX(4px);
--arrow-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
h1.uk-article-title,
fieldset.fieldset-logged_in ~ h2 {
--mobile-font-size: var(--ppm-h3-mobile) !important;
--desktop-font-size: var(--ppm-h3-desktop) !important;
}
/* FONT STYLES (families, weights, line-height, etc.) */
.uk-h1,
h1 {
--mobile-font-size: var(--ppm-h1-mobile);
--desktop-font-size: var(--ppm-h1-desktop);
}
.uk-h2,
h2 {
--mobile-font-size: var(--ppm-h2-mobile);
--desktop-font-size: var(--ppm-h2-desktop);
}
.uk-h3,
h3 {
--mobile-font-size: var(--ppm-h3-mobile);
--desktop-font-size: var(--ppm-h3-desktop);
}
.uk-h4,
h4 {
--mobile-font-size: var(--ppm-h4-mobile);
--desktop-font-size: var(--ppm-h4-desktop);
}
html {
--mobile-font-size: var(--html-mobile);
--desktop-font-size: var(--html-desktop);
}
.uk-button,
.uk-subnav-pill>*>:first-child {
--mobile-font-size: var(--ppm-button-mobile);
--desktop-font-size: var(--ppm-button-desktop);
}
.ppm-hero-slider .el-meta {
--mobile-font-size: var(--ppm-hero-subline-mobile);
--desktop-font-size: var(--ppm-hero-subline-desktop);
}
.uk-navbar-nav>li>a,
.uk-navbar-dropdown-nav,
.mobile-menu li.menu-item.has-submenu ul a {
--mobile-font-size: var(--ppm-navbar-a-mobile);
--desktop-font-size: var(--ppm-navbar-a-desktop);
}
/* H1 */
.uk-h1,
h1 {
font-family: 'Genica', sans-serif !important;
text-decoration: none !important;
text-transform: none !important;
line-height: 1em !important;
}
/* H2 */
.uk-h2,
h2 {
font-family: 'Genica', sans-serif !important;
text-decoration: none !important;
text-transform: none !important;
line-height: 1em !important;
}
/* H3 */
.uk-h3,
h3 {
font-family: 'Figtree', sans-serif;
font-weight: 900 !important;
line-height: 1.125em !important;
text-decoration: none !important;
text-transform: none !important;
}
/* H4 */
.uk-h4,
h4 {
font-family: 'Figtree', sans-serif;
font-weight: 800 !important;
line-height: 1.2em !important;
text-decoration: none !important;
text-transform: none !important;
}
/* H5 */
.uk-h5,
h5 {
font-family: 'Figtree', sans-serif;
font-weight: 800 !important;
line-height: 1.2em !important;
text-decoration: none !important;
text-transform: none !important;
}
.uk-h1,
h1 .uk-h2,
h2 .uk-h3,
h3 .uk-h4,
h4,
.uk-h5,
h5,
.uk-h5,
h6,
.uk-navbar-nav>li>a,
.uk-drop>div>ul {
letter-spacing: 0 !important;
}
/* Body */
html,
body,
.uk-text-default,
.uk-text-body {
font-family: 'Figtree', sans-serif;
font-weight: 600;
line-height: 1.25em;
text-decoration: none;
text-transform: none;
}
/* Small text */
.uk-text-small {
--mobile-font-size: var(--ppm-body-small-mobile);
--desktop-font-size: var(--ppm-body-small-desktop);
font-family: 'Figtree', sans-serif;
font-weight: 600;
line-height: 1.389em;
text-decoration: none;
text-transform: none;
}
/* Buttons */
.uk-button,
.uk-subnav-pill>*> :first-child {
--mobile-font-size: var(--ppm-body-small-mobile);
--desktop-font-size: var(--ppm-body-small-desktop);
font-family: 'Figtree', sans-serif;
font-weight: 700;
text-decoration: none;
text-transform: none;
}
/* FONT SIZE CALC */
h1.uk-article-title,
fieldset.fieldset-logged_in ~ h2,
.uk-h1,
h1,
.uk-h2,
h2,
.uk-h3,
h3,
.uk-h4,
h4,
html,
.uk-button,
.ppm-hero-slider .el-meta,
.uk-navbar-nav>li>a,
.uk-navbar-dropdown-nav,
.mobile-menu li.menu-item.has-submenu ul a {
font-size: clamp(calc(var(--mobile-font-size) * 1px),
calc((var(--mobile-font-size) * 1px) + ((var(--desktop-font-size) - var(--mobile-font-size)) * ((100vw - (var(--ppm-breakpoint-s) * 1px)) / (var(--ppm-breakpoint-xl) - var(--ppm-breakpoint-s))))),
calc(var(--desktop-font-size) * 1px)) !important;
-webkit-hyphens: auto !important;
-moz-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important;
overflow-wrap: anywhere !important;
}
/* FONT SIZE CALC END */
/* HRISTIJAN? */
.uk-navbar-left {
display: flex;
align-items: center;
width: 100%;
}
.uk-navbar-left ul {
margin: auto;
}
.uk-navbar-left>ul.uk-navbar-nav {
margin-right: auto;
}
.uk-navbar-left>.uk-navbar-item.widget+.uk-navbar-item.widget {
margin-left: 1rem;
}
.ppm-custom-menu-item svg {
width: 16.644px !important;
height: 18.06px !important;
}
.ppm-custom-menu-item span {
width: 22.644px !important;
height: 22.06px !important;
}
.ppm-custom-menu-item div {
flex-direction: column;
align-items: flex-start;
}
/*── Universal Ninja Form Container ─────────────────────────────────*/
.nf-form-cont .nf-form-content {
width: 100%;
max-width: none;
}
/*── Shared Field & Textarea Styling ──────────────────────────────*/
.nf-form-cont .list-select-wrap .nf-field-element>div,
.nf-form-cont input:not([type="button"]),
.nf-form-cont textarea {
box-sizing: border-box;
}
.nf-form-cont ::placeholder {
color: #000;
}
.nf-form-cont input,
.nf-form-cont textarea {
border: none;
border-radius: 0;
background-color: transparent;
font-family: Figtree, sans-serif;
font-size: 18px;
font-weight: 600;
border-bottom: 1px solid #000;
}
.nf-form-cont input {
height: 36px !important;
}
.nf-form-cont textarea {
height: 150px;
}
/*── Labels & Spacing ─────────────────────────────────────────────*/
.nf-form-cont .nf-field-label,
.nf-form-cont .label-above .nf-field-label,
.nf-form-cont .label-below .nf-field-label,
.nf-form-cont .label-hidden .nf-field-label {
margin-bottom: 5px !important;
}
.nf-form-cont .nf-field-container {
margin-bottom: 30px;
}
.nf-form-cont .nf-input-limit {
margin-top: 5px;
}
/*── Submit Button Styling ────────────────────────────────────────*/
.nf-form-cont input[type="submit"] {
background-color: transparent !important;
color: #000 !important;
border: 1px solid #000 !important;
padding: 8px 22px !important;
border-radius: 60px !important;
font-size: 20px !important;
font-weight: 700 !important;
transition: 0.3s ease-in-out !important;
cursor: pointer !important;
line-height: 1 !important;
}
.nf-form-cont input[type="submit"]:hover {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
}
.nf-form-cont input[type="submit"]:disabled,
.nf-form-cont input[type="submit"]:disabled:hover {
background: #858484 !important;
color: #fff !important;
cursor: not-allowed !important;
border: none !important;
}
/*── Checkbox & Data-Privacy Links ───────────────────────────────*/
.checkbox-container.label-right .field-wrap>div {
width: auto !important;
}
.nf-form-cont .nf-form-content nf-fields-wrap nf-field:nth-child(15) a {
text-decoration: underline;
font-weight: normal;
}
.nf-form-cont .nf-form-content nf-fields-wrap nf-field:nth-child(15) span {
font-weight: normal;
}
/*── Error Messages & Required Symbol ────────────────────────────*/
.nf-form-cont .nf-error .nf-error-msg,
.nf-form-cont .nf-error-msg,
.nf-form-cont .ninja-forms-req-symbol {
color: #ab0909;
font-size: 0.8rem;
font-weight: 500;
}
p.login-error {
background-color: #E83278;
color: white !important;
border-radius: 100px;
padding: 20px;
}
p.login-success {
background-color: #000;
color: white !important;
border-radius: 100px;
padding: 20px;
}
.nf-form-cont .nf-error.field-wrap .nf-field-element:after {
color: #ab0909;
font-size: 1rem;
background: transparent;
}
.nf-error .ninja-forms-field {
/* border: none !important; */
border-bottom: 1px solid #e80000 !important;
}
/*── Hide Form-wide Required Notice ──────────────────────────────*/
.ninja-forms-req-symbol,
.nf-form-fields-required {
/* display: none;*/
color:#FFF!important;
}
.nf-form-fields-required {
display: none;
}
/*── Global Response Message Styling ─────────────────────────────*/
.nf-response-msg {
display: block;
color: #474C51;
font-weight: 600;
background-color: #fff;
padding: 35px 20px 20px;
border-radius: 20px;
text-align: center;
}
/*── Select Dropdown Styling ─────────────────────────────────────*/
.nf-form-cont .nf-field-element select {
height: 36px !important;
border: none !important;
border-radius: 0 !important;
background-color: transparent !important;
font-family: Figtree, sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
border-bottom: 1px solid #000 !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.nf-form-cont .list-select-wrap .nf-field-element::after{
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 13px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
pointer-events: none;
display: block;
}
#nf-form-6-cont .nf-fu-fileinput-button{
background-color: transparent !important;
color: #FFF !important;
border: 1px solid #FFF !important;
padding: 8px 22px !important;
border-radius: 60px !important;
font-size: 18px !important;
font-weight: 700 !important;
transition: .3s ease-in-out !important;
cursor: pointer !important;
line-height: 1 !important;
}
#nf-form-5-cont .list-select-wrap .nf-field-element::after,
#nf-form-6-cont .list-select-wrap .nf-field-element::after{
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
#nf-form-6-cont input[type="submit"],
#nf-form-5-cont input[type="submit"],
#nf-form-2-cont input[type="submit"] {
background-color: transparent !important;
color: white !important;
border: 1px solid white !important;
}
#nf-form-6-cont input[type="submit"]:hover,
#nf-form-5-cont input[type="submit"]:hover,
#nf-form-2-cont input[type="submit"]:hover {
background-color: white !important;
color: black !important;
border-color: #000 !important;
}
#nf-form-6-cont .nf-field-element select,
#nf-form-5-cont .nf-field-element select,
#nf-form-2-cont .nf-field-element select {
color: white !important;
border-bottom: 1px solid white !important;
}
#nf-form-6-cont .nf-field-element option,
#nf-form-5-cont .nf-field-element option,
#nf-form-2-cont .nf-field-element option {
color: black !important;
}
#nf-form-6-cont ::placeholder,
#nf-form-5-cont ::placeholder,
#nf-form-2-cont ::placeholder {
color: white !important;
}
#nf-form-6-cont input,
#nf-form-6-cont textarea,
#nf-form-5-cont input,
#nf-form-5-cont textarea,
#nf-form-2-cont input,
#nf-form-2-cont textarea {
color: white !important;
border-bottom: 1px solid white !important;
}
.label-above .nf-field-element,
.label-below .nf-field-element {
width: 100% !important;
}
.label-above .field-wrap,
.label-below .field-wrap {
flex-direction: column;
flex-flow: column !important;
}
.nf-form-cont input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #000;
width: 18px !important;;
height: 18px !important;
border-radius: 0;
cursor: pointer;
position: relative;
margin: 0;
border-radius: 50%;
}
.nf-form-cont input[type=checkbox]:checked::after {
content: '';
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #000;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
#nf-form-5-cont input[type=checkbox] {
border: 1px solid #FFF;
}
#nf-form-5-cont input[type=checkbox]:checked::after {
content: '';
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #FFF;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
#nf-label-field-27{
min-width:260px;
}
/*── Desktop Layout (≥900px) ─────────────────────────────────────*/
@media screen and (min-width: 900px) {
.label-above .nf-field-element,
.label-below .nf-field-element {
width: 90% !important;
}
.nf-form-cont textarea {
height: 200px;
}
.nf-form-cont .nf-form-content nf-fields-wrap {
display: flex;
flex-wrap: wrap;
}
.nf-form-cont nf-fields-wrap>nf-field {
width: 30%;
}
.nf-form-cont nf-fields-wrap>nf-field:nth-child(4),
.nf-form-cont nf-fields-wrap>nf-field:nth-child(7) {
width: 100%;
}
#nf-form-2-cont nf-fields-wrap>nf-field {
width: 20% !important;
}
#nf-form-2-cont nf-fields-wrap>nf-field:nth-child(5),
#nf-form-2-cont nf-fields-wrap>nf-field:nth-child(6) {
width: 100% !important;
}
#nf-form-5-cont nf-fields-wrap>nf-field {
width: 100% !important;
}
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(8),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(6),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(7),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(6),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(2),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(3),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(4) {
width: 30% !important;
}
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(5),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(1) {
width: 96% !important;
}
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(9),
#nf-form-5-cont nf-fields-wrap>nf-field:nth-child(10) {
width: 45.90% !important;
}
#nf-form-6-cont nf-fields-wrap>nf-field {
width: 97% !important;
}
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(1),
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(2),
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(3),
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(4) {
width: 22% !important;
}
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(5),
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(6) {
width: 45.90% !important;
}
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(7),
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(8),
#nf-form-6-cont nf-fields-wrap>nf-field:nth-child(9) {
width: 30% !important;
}
}
.ppm-grid-filter-item:hover {
transform: translateY(-5px);
}
.ppm-blog-add-image img {
border: none !important;
height: 22px !important;
width: 22px !important;
margin-left: 5px !important;
}
.ppm-image-icon-on-blog img {
width: 88px !important;
height: 88px !important;
filter:
invert(59%) sepia(75%) saturate(500%) hue-rotate(160deg) brightness(95%);
}
.ppm-bock-link .uk-icon {
transition: transform 0.6s ease;
}
.ppm-bock-link:hover .uk-icon {
transform: translateX(4px);
}
.ppm-date-blog {
font-size: 12.127px;
font-weight: 600;
}
.ppm-custom-angebote-datum,
.ppm-custom-angebote-datum-dyn,
.ppm-custom-angebote-ort,
.ppm-custom-angebote-ort-dyn {
font-size: 16.336px !important;
}
.ppm-filter-container-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.ppm-news-sektion .ppm-filter-container-grid {
gap: 40px;
}
.ppm-grid-filter-item img {
width: 100%;
height: 100%;
object-position: center center;
border-radius:20px;
}
.ppm-grid-filter-item-blog-inner-content {
padding: 15px;
border: 1px solid #000;
border-radius: 20px;
border-radius: 0px 0px 15px 15px;
border-top: none;
}
.ppm-grid-filter-item-blog img {
border-radius: 20px;
border: 1px solid #000;
border-bottom: none;
border-radius: 15px 15px 0px 0px;
}
.ppm-grid-filter-item {
flex: 1 1 clamp(150px, 30vw, 285px);
padding: 15px;
border: 1px solid #000;
border-radius: 20px;
}
.ppm-grid-filter-item-weiterbildungen {
width: auto;
padding: 30px;
flex: auto;
}
.ppm-grid-filter-item-angebote {
flex: 1 1 clamp(250px, 20vw, 350px);
padding: 30px;
}
@media (min-width:600px) {
.ppm-grid-filter-item-angebote {
max-width: 350px;
}
}
.ppm-grid-filter-item-mitglieder {
flex: 1 1 clamp(150px, 20vw, 350px);
padding: 15px;
}
@media (min-width:600px) {
.ppm-grid-filter-item-mitglieder {
flex: 1 1 clamp(258px, 20vw, 350px);
}
}
@media (min-width:1402px) {
.ppm-grid-filter-item-mitglieder {
max-width: 285px;
}
}
.ppm-grid-filter-item-blog {
flex: 1 1 300px;
padding: 0;
max-width: 454px;
border: 0px solid #000;
}
.ppm-pagination .uk-pagination>* {
padding-left: 0;
}
.ppm-pagination ul {
padding-left: 20px;
}
.ppm-bock-link svg {
width: 16px;
height: 16px;
}
.ppm-angebotdetails-max-width {
max-width: 150px;
}
@media (min-width:600px) {
.ppm-angebotdetails-max-width {
max-width: 200px;
}
}
.ppm-border-radius-20 {
border-radius: 20px;
}
.ppm-social li {
padding-right: 10px !important;
}
/* SLIDER START */
.ppm-custom-slider .el-slidenav {
position: relative;
}
.ppm-custom-slider .el-slidenav.uk-slidenav-next>svg,
.ppm-custom-slider .el-slidenav.uk-slidenav-previous>svg {
display: none;
}
.ppm-custom-slider .el-slidenav.uk-slidenav-previous::before,
.ppm-custom-slider .el-slidenav.uk-slidenav-next::before {
content: "";
display: block;
width: 25px;
height: 40px;
margin: auto;
background-image: url("/wp-content/uploads/2025/06/steyrland-pfeil-schwarz.svg");
background-repeat: no-repeat;
background-size: contain;
}
.ppm-custom-slider .uk-slidenav-previous {
right: 9%;
position: relative;
}
.ppm-custom-slider .uk-slidenav-next {
left: 80%;
position: relative;
}
@media (min-width:500px) {
.ppm-custom-slider .uk-slidenav-previous {
right: 6%;
position: relative;
}
.ppm-custom-slider .uk-slidenav-next {
left: 87%;
position: relative;
}
}
@media (min-width:640px) {
.ppm-custom-slider .uk-slidenav-previous {
right: 0%;
position: relative;
}
.ppm-custom-slider .uk-slidenav-next {
left: 87%;
position: relative;
}
}
@media (min-width:960px) {
.ppm-custom-slider .uk-slidenav-previous {
right: 4%;
position: relative;
}
.ppm-custom-slider .uk-slidenav-next {
left: 85%;
position: relative;
}
}
@media (min-width:1200px) {
.ppm-custom-slider .uk-slidenav-previous {
right: 5%;
position: relative;
}
.ppm-custom-slider .uk-slidenav-next {
left: 90%;
position: relative;
}
}
.ppm-custom-slider .el-slidenav.uk-slidenav-next::before {
background-image: url("/wp-content/uploads/2025/06/steyrland-pfeil-schwarz.svg");
}
.ppm-custom-slider .el-slidenav.uk-slidenav-previous::before {
background-image: url("/wp-content/uploads/2025/06/steyrland-pfeil-schwarz.svg");
}
.ppm-custom-slider .el-slidenav.uk-slidenav-previous::before {
transform-origin: 50% 35%;
transform: rotate(180deg);
}
.ppm-custom-slider .el-nav.uk-slideshow-nav.uk-dotnav.uk-flex-center {
margin-right: auto !important;
margin-left: auto !important;
display: flex;
width: 70%;
padding: 0;
margin: 0;
box-sizing: border-box;
}
@media (min-width:600px) {
.ppm-custom-slider .el-nav.uk-slideshow-nav.uk-dotnav.uk-flex-center {
width: 80%;
}
}
.ppm-custom-slider .el-nav.uk-slideshow-nav.uk-dotnav.uk-flex-center>li {
flex: 1;
list-style: none;
margin: 0;
padding: 0;
}
.ppm-custom-slider .el-nav.uk-slideshow-nav.uk-dotnav.uk-flex-center>li>a {
display: block;
width: 100%;
height: 4px;
background-color: #000;
border-radius: 0;
opacity: 0.2;
transition: opacity 0.3s ease;
}
.ppm-custom-slider .el-nav.uk-slideshow-nav.uk-dotnav.uk-flex-center>li.uk-active>a {
opacity: 1;
}
.ppm-custom-slider .uk-position-bottom-center {
top: 87%;
width: 100%;
}
@media (min-width:600px) {
.ppm-custom-slider .uk-position-bottom-center {
top: 96.5%;
}
}
/* SLIDER END */
.ppm-border-radius {
border-radius: 0px !important;
}
.ppm-yellow {
color: #FC0;
}
.ppm-blue {
color: #0BBBEF;
}
.ppm-green {
color: #95C11F;
}
.ppm-pink {
color: #E83278;
}
.ppm-color-white {
color: var(--color-white);
}
.ppm-bock-link a {
font-weight: bold;
text-decoration: none !important;
}
.ppm-bock-small-text {
color: #000;
font-family: Figtree;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 20.212px;
}
.ppm-filter-item-bottom {
padding-bottom: 30px;
}
.ppm-bock-title {
font-weight: bold;
}
.ppm-thema {
color: #0BBBEF;
font-family: Figtree;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20.212px;
}
.ppm-bock-layout {
display: flex;
gap: 33px;
align-items: flex-start;
justify-content: flex-start;
}
@media (min-width:1000px) {
.ppm-bock-layout {
gap: 104px;
}
}
.ppm-filter-layout {
display: flex;
gap: 10px;
flex-wrap: wrap;
flex-direction: row;
}
@media (min-width:960px) {
.ppm-filter-layout {
flex-direction: column;
}
}
.ppm-custom-filter-styles {
padding: 28px 33px;
border-radius: 20px;
border: 1px solid #000;
width: auto;
/*max-width: 290px;*/
}
.ppm-black-border {
border: 1px solid #000 !important;
}
.ppm-sub-padding-21-35 {
border-radius: 20px;
padding: 21px 35px;
border: 1px solid #FFF;
}
.ppm-grid-filter-item {
transition: transform 0.5s ease-in-out;
}
.ppm-filter-item {
opacity: 1;
overflow: hidden;
transition:
opacity 0.5s ease-in-out,
max-height 0.5s ease-in-out,
margin 0.5s ease-in-out,
padding 0.5s ease-in-out,
transform 0.5s ease-in-out;
}
.ppm-filter-item.is-hidden {
opacity: 0;
max-height: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.ppm-grid-filter-item-mitglieder {
transition: opacity 0.3s ease-in-out,
transform 0.5s ease-in-out;
}
.ppm-grid-filter-item-mitglieder.is-hidden {
opacity: 0 !important;
margin: initial !important;
padding: 15px !important;
max-height: initial !important;
}
.ppm-filter-item.is-hidden>* {
pointer-events: none;
}
/* HRISTJAN? END */
/* GLOBAL LINKS */
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
color: #09090a;
text-decoration: underline;
text-underline-offset: 2px;
}
/* NAV */
.uk-navbar-nav>li>a,
.uk-drop>div>ul,
.mobile-menu li.menu-item.has-submenu ul a {
/* color: #FFF !important; */
font-family: 'Figtree', sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
text-decoration: none !important;
text-transform: none !important;
}
/* TYPOGRAPHY END */
/* GLOBAL COLORS */
.tm-toolbar-default,
.uk-card-primary.uk-card-body,
.uk-card-primary>:not([class*=uk-card-media]),
.uk-card-secondary.uk-card-body,
.uk-card-secondary>:not([class*=uk-card-media]),
.uk-light,
.uk-offcanvas-bar,
.uk-overlay-primary,
.uk-section-primary:not(.uk-preserve-color),
.uk-section-secondary:not(.uk-preserve-color),
.uk-tile-primary:not(.uk-preserve-color),
.uk-tile-secondary:not(.uk-preserve-color) {
color: var(--color-white) !important;
}
.uk-section-primary {
background: #171715 !important;
}
/* GLOBAL COLORS END */
/* HERO SLIDER */
.ppm-hero-slider {
padding-top: 0 !important;
border-radius: 0 0 40px 40px;
overflow: hidden;
}
/* @media screen and (min-width: 1200px) {
.ppm-hero-slider .uk-slideshow-items {
aspect-ratio: 2 !important;
}
} */
.ppm-hero-slider .uk-slideshow-items {
aspect-ratio: 2 !important;
}
.ppm-hero-slider .uk-slideshow-items .el-item:first-child img {
object-position: center top !important;
}
.ppm-hero-slider .uk-slideshow-items+div {
margin-bottom: 80px !important;
}
.ppm-hero-slider .el-meta {
max-width: 760px;
color: #FFF;
font-style: normal;
font-weight: 800;
line-height: 1.3em;
margin-top: 8px !important;
padding: 0 20px;
}
.ppm-hero-slider .el-meta+div {
margin-bottom: 20px;
}
.ppm-hero-slider .uk-slideshow-items .el-item:not(:first-child) .uk-flex {
align-items: flex-end;
}
.ppm-hero-slider .uk-slideshow-items .el-item:not(:first-child) .el-overlay {
margin-bottom: 160px;
}
@media screen and (min-width: 640px) and (max-width: 1239px) {
.ppm-hero-slider .uk-slideshow-items .el-item:not(:first-child) .el-overlay {
margin-bottom: 120px;
}
.ppm-hero-slider .uk-slideshow-items+div {
margin-bottom: 40px !important;
}
}
@media screen and (max-width: 639px) {
.ppm-hero-slider .uk-slideshow-items .el-item:not(:first-child) .el-overlay {
margin-bottom: 40px;
}
}
.uk-button {
padding: 8px 20px !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: 60px !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
background-color: transparent !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.uk-button svg {
transition: var(--arrow-transition);
}
.uk-button:hover svg {
transform: var(--arrow-hover-translate);
}
.uk-button-default:hover {
border-color: transparent !important;
}
.uk-button-primary {
color: var(--color-black) !important;
border-color: var(--color-black) !important;
}
.uk-button-secondary {
color: var(--color-white) !important;
border-color: var(--color-white) !important;
}
.uk-button-primary:hover {
color: var(--color-white) !important;
background-color: var(--color-black) !important;
;
}
.uk-button-secondary:hover {
color: var(--color-black) !important;
background-color: var(--color-white) !important;
}
.ppm-hero-slider .el-item:first-child .uk-flex>.uk-panel {
align-self: flex-end;
padding: 24px 20px;
position: relative;
/* margin-bottom: 80px; */
}
@media (min-width:600px) {
.ppm-hero-slider .el-item:first-child .uk-flex>.uk-panel {
padding: 124px 200px;
}
}
:root {
--mobile-width: 50;
--desktop-width: 100;
}
.ppm-hero-slider .el-item:first-child svg {
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
height: auto;
width: 80vw !important;
transform: translateX(-50%) translateY(-50%) !important;
}
@media screen and (min-width: 1440px) {
.ppm-hero-slider .el-item:first-child svg {
width: 100% !important;
}
}
@media screen and (max-width: 959px) {
.ppm-hero-slider .el-item:first-child svg {
width: 90vw !important;
}
}
.ppm-hero-slider .el-item:first-child .el-content {
position: static;
}
.ppm-hero-slider .el-item:first-child svg>g {
transition: all 0.3s ease;
}
.ppm-hero-slider .el-item:first-child svg>g:hover {
transform: translateY(-10px) !important;
}
.ppm-hero-slider .uk-dotnav>li {
padding: 0;
}
.ppm-hero-slider .uk-dotnav>li>a {
width: 55px;
border-radius: 0;
height: 4px;
}
.ppm-hero-slider .el-item:nth-child(2) .uk-flex::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, .25) 25%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .25) 75%, rgba(0, 0, 0, .6) 100%);
}
/* NAVBAR */
/*
.uk-navbar-toggle-icon {
color: #fff !important;
}
@media (min-width: 960px) {
.uk-navbar-primary .uk-navbar-nav {
gap: 24px !important;
}
}
.uk-navbar-right {
margin: 0;
}
.uk-navbar {
justify-content: space-between;
gap: 24px;
}
.uk-navbar>.uk-navbar-left .uk-navbar-item {
width: 150px;
}
@media screen and (min-width: 1240px) {
.uk-navbar-right,
.uk-navbar-right>.uk-navbar-item,
.uk-navbar-right>.uk-navbar-item>.uk-container {
flex: 1 0 auto;
}
}
.tm-header-placeholder {
display: none;
}
.uk-navbar-nav {
justify-content: center;
}
.ppm-menu-social-column {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
padding: 0 !important;
}
@media screen and (min-width: 1280px) {
.ppm-menu-social-column {
gap: 40px;
}
}
.ppm-menu-social-column a {
flex-wrap: nowrap;
display: flex;
white-space: nowrap;
}
.ppm-menu-social-column .uk-icon-button {
width: 24px !important;
}
.ppm-menu-social-column ul {
gap: 0px !important;
}
@media (min-width:900px) {
.ppm-menu-social-column ul {
gap: 12px !important;
flex-wrap: nowrap;
}
}
.ppm-menu-social-column>div {
margin: 0 !important;
}
.ppm-menu-social-column>div:last-child a {
color: var(--color-white) !important;
border: none !important;
background-color: transparent !important;
}
.ppm-menu-social-column>div:last-child li.el-item {
padding: 0 !important;
}
.uk-navbar-right .uk-navbar-nav>li>a {
color: var(--color-white) !important;
}
.uk-dropbar {
background-color: var(--color-black) !important;
}
.uk-navbar-dropdown-dropbar {
left: 0 !important;
position: relative !important;
max-width: 100% !important;
padding-bottom: 64px !important;
}
.uk-drop>div>ul {
display: flex;
gap: 40px;
justify-content: flex-start;
padding-left: 40px !important;
}
.uk-drop>div>ul a {
color: var(--color-white) !important;
gap: 12px;
}
.uk-navbar-dropdown-nav .uk-nav-sub a::after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url('/wp-content/uploads/2025/04/menu-arrow.svg');
background-size: contain;
background-repeat: no-repeat;
margin-left: 4px;
}
.uk-navbar-dropdown-nav .uk-navbar-parent-icon {
display: none;
}
ul.uk-nav-sub {
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 8px;
}
.uk-drop>div>ul img {
max-width: 420px;
padding-right: 40px;
}
.uk-drop>div>ul>li {
display: flex;
flex-direction: column;
gap: 16px;
}
.uk-navbar-nav>li>a {
min-height: 0 !important;
}
.uk-navbar-nav>.uk-parent a span {
display: none;
}
.uk-navbar-nav>.uk-parent a:not([aria-expanded="true"]) {
border-bottom: 1px solid transparent;
}
.uk-navbar-nav>.uk-parent a[aria-expanded="true"] {
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;
}
.uk-navbar-right>.uk-navbar-item .uk-grid>.uk-first-column {
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 20px;
}
/* MOBILE MENU */
/*
.mobile-menu li.menu-item.has-submenu .menu-item-header {
display: flex;
flex-direction: row;
gap: 8px;
}
.mobile-menu-wrapper>.mobile-menu {
padding: 0 !important;
}
.mobile-menu,
.mobile-menu ul {
list-style: none;
}
.mobile-menu a {
display: block;
padding: 12px 0;
text-decoration: none;
}
.submenu-toggle {
background: none;
border: none;
cursor: pointer;
font-size: 16px;
transition: all 0.3s ease;
}
.mobile-menu ul {
display: none;
}
.mobile-menu li.open>ul {
display: block;
}
/* MOBILE MENU FINISH */
/*
.uk-offcanvas-bar {
width: 100%;
}
.tm-header-mobile {
z-index: 9;
}
[id="tm-dialog-mobile"] {
z-index: 10 !important;
}
ul.mobile-menu .current-menu-item a {
color: var(--color-primary);
}
/* [id="tm-dialog-mobile"] img[src*="logo"] {
filter: brightness(0.651);
margin-left: -12px;
} */
/*
@media screen and (max-width: 479px) {
[id="tm-dialog-mobile"] .uk-offcanvas-bar {
width: 100%;
max-width: 100vw;
}
}
@media screen and (min-width: 480px) {
[id="tm-dialog-mobile"] .uk-offcanvas-bar {
width: 100%;
max-width: 500px;
}
}
.mobile-menu>li>.mobile-menu {
padding: 0 20px 20px;
}
button.uk-offcanvas-close.uk-icon.uk-close {
color: var(--color-white);
top: 20px;
right: 20px;
height: 36px;
}
button.uk-offcanvas-close.uk-icon.uk-close svg {
height: 16px;
}
button.uk-offcanvas-close.uk-icon.uk-close line {
stroke-width: 2px;
}
[id="tm-dialog-mobile"] .uk-offcanvas-bar {
padding-top: 20px;
}
[id="tm-dialog-mobile"] .uk-offcanvas-bar .ppm-menu-social-column ul {
padding-right: 30px;
}
[id="tm-dialog-mobile"] .uk-offcanvas-bar .mobile-menu a,
[id="tm-dialog-mobile"] .uk-offcanvas-bar li.menu-item.has-submenu ul a {
font-size: 24px !important;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.mobile-menu li.menu-item.has-submenu li a {
display: flex;
}
.mobile-menu-wrapper>.mobile-menu>li.menu-item.has-submenu>ul>li:not(.has-submenu) {
display: none !important;
}
li.menu-item.has-submenu.open>.menu-item-header button {
transform: rotate(90deg);
}
*/
.ppm-intro-grid-sektion .uk-grid .uk-grid>div:first-child .el-item {
background-color: #95C11F;
}
.ppm-intro-grid-sektion .uk-grid .uk-grid>div:nth-child(2) .el-item {
background-color: #E83278;
}
.ppm-intro-grid-sektion .uk-grid .uk-grid>div:nth-child(3) .el-item {
background-color: #0BBBEF;
}
.ppm-intro-grid-sektion .uk-grid .uk-grid>div .el-item {
display: flex;
flex-direction: column;
border-radius: 20px;
padding: 36px 30px;
}
.ppm-intro-grid-sektion .uk-grid .uk-grid>div picture {
order: 10;
margin-top: 16px !important;
display: flex;
justify-content: center;
}
@media screen and (min-width: 960px) {
.ppm-intro-grid-sektion .uk-grid h2 {
min-height: 126px;
}
}
.ppm-intro-grid-sektion ul {
list-style: none;
color: var(--color-white);
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 !important;
}
.ppm-intro-grid-sektion ul li::before {
content: "";
background-image: url("/wp-content/uploads/2025/04/list-item.svg");
background-repeat: no-repeat;
background-size: contain;
min-width: 20px;
height: 20px;
display: inline-block;
margin-top: 2px;
}
.ppm-intro-grid-sektion li {
display: flex;
gap: 8px;
align-items: flex-start;
}
.ppm-intro-grid-sektion {
position: relative;
}
.ppm-intro-grid-sektion .ppm-diagon-svg svg {
position: absolute;
left: 0;
top: 0;
}
.ppm-intro-grid-sektion>div {
margin-top: -320px;
}
.home .ppm-intro-section {
margin-bottom: 200px;
}
@media screen and (max-width: 959px) {
.ppm-intro-grid-sektion .uk-grid {
margin-top: 25px !important;
}
.home .ppm-intro-section {
margin-bottom: 0;
}
.ppm-intro-grid-sektion>div {
margin-top: 0 !important;
}
}
.ppm-intro-grid-sektion>div {
background-position: 23% -75%;
background-size: 100%;
}
@media screen and (min-width: 960px) {
.ppm-intro-grid-sektion .uk-grid .el-item,
.ppm-intro-grid-sektion .uk-grid .el-item img {
transition: all 0.6s ease;
}
.ppm-intro-grid-sektion .uk-grid .el-item img {
width: 320px;
}
.ppm-intro-grid-sektion .uk-grid .el-item:hover {
transform: translateY(-4px);
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.ppm-intro-grid-sektion .uk-grid .el-item:hover img {
transform: translateY(-5px);
}
}
/* KURZ GEROCKT GRID */
.ppm-kurz-gerockt-grid .uk-grid>div {
padding: 0 !important;
}
.ppm-kurz-gerockt-grid>.uk-grid {
margin: 0 !important;
}
.ppm-kurz-gerockt-grid .uk-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
padding: 0;
align-items: flex-start;
}
.ppm-kurz-gerockt-grid .uk-grid>div {
background: #1a1a1a;
border-radius: 12px;
padding: 20px !important;
border: 1px solid;
box-sizing: border-box;
min-width: 250px;
max-width: 100%;
margin: 0 !important;
}
.ppm-kurz-gerockt-grid .uk-grid>div {
transition: flex-basis 0.6s ease;
flex-grow: 1;
flex-shrink: 0;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(4n+1) {
border-color: #95C11F;
flex-basis: 24%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(4n+1):hover {
flex-basis: 26%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n+2) {
border-color: #E83278;
flex-basis: 40%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n+2):hover {
flex-basis: 42%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n+3) {
border-color: #0BBBEF;
flex-basis: 25%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n+3):hover {
flex-basis: 27%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n+4) {
border-color: #0BBBEF;
flex-basis: 40%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n+4):hover {
flex-basis: 42%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n) {
border-color: #E83278;
flex-basis: 28%;
}
.ppm-kurz-gerockt-grid .uk-grid>div:nth-child(6n):hover {
flex-basis: 30%;
}
.ppm-kurz-gerockt-grid .uk-grid>div>div {
flex-direction: column-reverse;
display: flex;
gap: 12px;
}
.ppm-kurz-gerockt-grid .uk-grid>div>div h5 {
max-width: 200px;
}
.ppm-kurz-gerockt-grid .uk-grid .el-content {
margin: 0 !important;
}
.marquee span {
position: absolute;
white-space: nowrap;
color: #171715;
font-family: Genica;
font-size: 37.36px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.ppm-marquee-section {
background-color: var(--color-primary) !important;
}
.ppm-marquee-html-container {
position: relative;
display: flex;
min-height: 54px;
padding: 5px 0;
}
/* DIENSTLEISTUNGEN GRID */
.ppm-dienstleistungen-grid .el-item {
transition: all 0.6s ease;
}
.ppm-dienstleistungen-grid .el-item:hover {
padding: 48px 10px 48px 40px;
}
.ppm-dienstleistungen-grid>div {
display: flex;
align-items: flex-start;
}
.ppm-dienstleistungen-grid ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.ppm-dienstleistungen-grid li a {
display: flex;
gap: 8px;
}
.ppm-dienstleistungen-grid li a svg {
transition: var(--arrow-transition);
}
.ppm-dienstleistungen-grid li a:hover svg {
transform: var(--arrow-hover-translate);
}
.ppm-dienstleistungen-grid .el-item {
border: 1px solid var(--color-black);
border-radius: 20px;
padding: 40px 10px 40px 40px;
display: flex;
flex-direction: column;
gap: 20px;
}
.ppm-veranstaltung-image-column {
position: relative;
}
.ppm-veranstaltung-section {
border-radius: 20px;
}
.ppm-veranstaltung-section .ppm-wirconnecten-img {
position: absolute;
top: 30px;
bottom: -30px;
right: -30px;
left: -10px;
width: auto;
height: auto;
margin: 0 !important;
}
.ppm-veranstaltung-section .ppm-wirconnecten-img img {
transition: all 0.6s ease;
}
.ppm-veranstaltung-section .ppm-wirconnecten-img img:hover {
transform: translateY(-5px) !important;
}
@media screen and (max-width: 959px) {
.ppm-veranstaltung-section img {
max-width: 90%;
height: auto;
box-sizing: border-box;
margin: 0 auto;
display: flex;
}
.ppm-veranstaltung-section>div>.uk-grid {
gap: 40px;
}
}
.ppm-horizontal-list ul {
display: flex;
list-style: none;
gap: 16px 24px;
padding: 0;
align-items: start;
flex-wrap: wrap;
}
/* @media screen and (max-width: 767px) {
.ppm-horizontal-list ul {
align-items: start;
flex-direction: column;
}
} */
.ppm-horizontal-list a {
display: flex;
gap: 8px;
font-family: Figtree;
font-size: 18.429px;
font-style: normal;
font-weight: 700;
line-height: normal;
justify-content: center;
align-items: center;
}
.ppm-horizontal-list a svg {
transition: var(--arrow-transition);
}
.ppm-horizontal-list a:hover svg {
transform: var(--arrow-hover-translate);
}
.ppm-news-sektion .uk-grid .el-item {
border-radius: 20px;
border: 1px solid #000;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 8px;
transition: all 0.6s ease;
}
.ppm-news-sektion .uk-grid .el-item:hover {
transform: translateY(-4px);
}
.ppm-news-sektion .uk-grid .el-item .el-meta {
order: 1;
color: #000;
font-family: Figtree;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 20px;
margin-top: 8px !important;
}
.ppm-news-sektion .uk-grid .el-item .el-title {
order: 3;
margin-top: 0 !important;
margin-bottom: 8px !important;
}
.ppm-news-sektion .uk-grid .el-item picture {
order: 0;
overflow: hidden;
}
.ppm-news-sektion .uk-grid .el-item picture img {
width: 100%;
transition: all 0.6s ease;
transform: scale(1.01);
transform-origin: center;
}
.ppm-news-sektion .uk-grid .el-item:hover picture img {
transform: scale(1.025);
}
.ppm-news-sektion .uk-grid .el-item .el-meta+div {
order: 4;
margin-bottom: 16px;
margin-top: auto !important;
}
.ppm-news-sektion .uk-grid .el-item .ppm-date+span {
opacity: 0.5;
padding: 0 5px;
}
.ppm-news-sektion .uk-grid .el-item .el-meta>span {
display: flex;
gap: 5px;
}
.ppm-news-sektion .uk-grid .el-item .el-title,
.ppm-news-sektion .uk-grid .el-item .el-meta,
.ppm-news-sektion .uk-grid .el-item .el-meta+div a {
padding: 0 13px !important;
}
.ppm-news-sektion .uk-grid .el-item .el-meta+div a {
font-size: 18px
}
/* SPRECHER */
.ppm-sprecher-sektion .el-meta.uk-margin-top {
margin-top: 4px !important;
font-family: Figtree;
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.ppm-sprecher-sektion h4.el-title.uk-margin-top {
font-family: Figtree !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 800;
line-height: 22px !important;
margin-top: 12px !important;
}
.ppm-sprecher-sektion .el-item img {
border-radius: 10px;
object-position: 50% 25%;
aspect-ratio: 155 / 178;
object-fit: cover;
}
.ppm-sprecher-sektion .el-item {
padding: 20px;
border: 1px solid #000;
border-radius: 20px;
}
/* NEWSLETTER FORM */
/* Input Fields and Select Dropdowns */
.ppm-footer .nf-form-cont input[type="text"],
.ppm-footer .nf-form-cont input[type="email"],
.ppm-footer .nf-form-cont select {
background: transparent;
border: none;
border-bottom: 1px solid #ffffff;
color: #FFF;
font-family: Figtree;
font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 28.537px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* position: relative; */
}
.ppm-footer .nf-form-cont .list-select-wrap .nf-field-element::after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 13px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
pointer-events: none;
display: block;
}
/* Placeholder Text */
.ppm-footer .nf-form-cont input::placeholder,
.ppm-footer .nf-form-cont input::-webkit-input-placeholder,
.ppm-footer .nf-form-cont input::-moz-placeholder,
.ppm-footer .nf-form-cont input:-ms-input-placeholder,
.ppm-footer .nf-form-cont input:-moz-placeholder {
color: #ffffff;
opacity: 1;
}
/* Labels */
.ppm-footer .nf-form-cont label {
font-weight: bold;
margin-bottom: 0.25rem;
display: block;
color: #ffffff;
}
/* Checkbox Field */
.ppm-footer .nf-form-cont .checkbox-wrap label {
font-weight: normal;
display: inline;
}
.ppm-footer .nf-form-cont input[type="checkbox"] {
margin-right: 0.5rem;
}
/* Submit Button */
.ppm-footer .nf-form-cont input[type="submit"] {
background: transparent;
color: #ffffff;
border: 2px solid #ffffff;
border-radius: 30px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 1rem;
}
.ppm-footer .nf-form-cont .nf-field-label {
margin: 0 !important;
}
.ppm-footer .nf-form-cont input[type="submit"]:hover {
background: #ffffff;
color: #141412;
}
/* Hide "required field" note */
.ppm-footer .nf-form-fields-required {
display: none;
}
/* Layout: 4 columns for first 4 fields */
.ppm-footer .nf-form-content>nf-fields-wrap {
display: flex;
flex-wrap: wrap;
column-gap: 40px;
}
.ppm-footer nf-field {
flex: 1 1 100%;
box-sizing: border-box;
}
.ppm-footer nf-field:nth-child(-n+4) {
flex: 0 1 calc(20% - 30px);
}
@media screen and (min-width: 1024px) and (max-width: 1239px) {
.ppm-footer nf-field:nth-child(-n+4) {
flex: 0 1 calc(50% - 20px);
}
}
@media screen and (max-width: 1023px) {
.ppm-footer .nf-form-content>nf-fields-wrap {
flex-direction: column;
row-gap: 20px;
}
}
/* Optional: style dropdown placeholder */
.ppm-footer .nf-form-cont select option[value=""] {
color: #888;
}
/* Standard placeholder styling */
.ppm-footer .nf-form-cont input::placeholder {
color: #ffffff;
opacity: 1;
/* Ensure full opacity */
}
/* For cross-browser compatibility */
.ppm-footer .nf-form-cont input::-webkit-input-placeholder {
color: #ffffff;
}
.ppm-footer .nf-form-cont input::-moz-placeholder {
color: #ffffff;
}
.ppm-footer .nf-form-cont input:-ms-input-placeholder {
color: #ffffff;
}
.ppm-footer .nf-form-cont input:-moz-placeholder {
color: #ffffff;
}
.ppm-footer .nf-after-field {
position: absolute;
}
/* CHECKBOX */
/* Checkbox container */
.ppm-footer .nf-form-cont .checkbox-wrap {
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 400;
color: #ffffff;
}
/* Custom checkbox style */
.ppm-footer .nf-form-cont input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #ffffff;
width: 18px;
height: 18px !important;
border-radius: 0;
cursor: pointer;
position: relative;
margin: 0;
}
/* White checkmark */
.ppm-footer .nf-form-cont input[type="checkbox"]:checked::after {
content: '';
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
/* Focus & hover effect */
.ppm-footer .nf-form-cont input[type="checkbox"]:hover,
.ppm-footer .nf-form-cont input[type="checkbox"]:focus {
outline: none;
border-color: #ffffff;
}
.ppm-footer .checkbox-container .nf-field-label {
padding: 0 !important;
}
.ppm-footer .nf-error-msg {
color: #E83278;
}
/* FOOTER SOCIAL */
.ppm-menu-social-column-footer>div:last-child a {
color: var(--color-white) !important;
border: none !important;
background-color: transparent !important;
}
.ppm-menu-social-column-footer>div:last-child {
display: flex;
justify-content: center;
}
.ppm-menu-social-column-footer>div:first-child svg {
width: 100%;
}
/* FOOTER CONTACT */
.ppm-cta-col {
display: flex;
flex-direction: row-reverse;
gap: 40px;
justify-content: space-between;
padding: 21px 24px;
border: 1px solid var(--color-white);
border-radius: 20px;
align-items: center;
}
@media screen and (max-width: 1023px) {
.ppm-cta-col {
margin-left: 15px !important;
}
}
@media screen and (max-width: 767px) {
.ppm-cta-col picture {
display: contents;
}
.ppm-cta-col {
flex-direction: column;
align-items: flex-start;
}
.ppm-cta-col>div:first-child {
width: 100%;
}
}
.ppm-cta-col>div:first-child {
flex: 1 0 auto;
margin: 0 !important;
}
.ppm-cta-col>div:last-child {
flex: 1 1 40%;
margin: 0 !important;
}
.ppm-cta-col>div img {
aspect-ratio: 1.5;
object-fit: cover;
object-position: top;
border-radius: 10px;
}
.ppm-cta-col>div img,
.ppm-cta-col .uk-grid>div {
width: 100%;
}
.ppm-cta-col .el-item {
display: flex;
flex-direction: column;
}
.ppm-cta-col .el-item .el-meta {
order: 0;
color: #FFF;
font-size: 63px !important;
font-style: normal;
font-weight: 800;
margin-top: 0 !important;
}
.ppm-cta-col .el-item .el-title {
order: 1;
color: #FFF;
font-family: Figtree;
font-size: 25px;
font-style: normal;
font-weight: 800;
line-height: 1.3;
}
.ppm-cta-col .el-item .el-title span {
font-weight: initial !important;
}
.ppm-cta-col .el-item .el-content {
order: 2;
line-height: 1.3;
}
/* LOGO FOOTER */
.ppm-logo-container>div {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
margin: 0 !important;
gap: 10px;
padding: 20px;
border-radius: 20px;
flex-wrap: wrap;
margin-left: 15px !important;
}
.ppm-logo-container img,
.ppm-logo-container>div>div {
margin: 0 !important;
}
.ppm-logo-container>div>div {
flex: 1 1 5%;
}
.ppm-logo-container>div>div:last-child {
flex: 0 1 50%;
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
.ppm-logo-container>div>div {
flex: 1 1 25%;
}
.ppm-logo-container>div>div:last-child {
flex: 1 1 50%;
}
}
@media screen and (max-width: 767px) {
.ppm-logo-container>div>div {
flex: 1 1 40%;
}
.ppm-logo-container>div>div:last-child {
flex: 1 0 100%;
}
}
@media screen and (max-width: 379px) {
.ppm-logo-container>div {
flex-direction: column !important;
}
.ppm-logo-container>div>div {
flex: 1 1 auto;
}
.ppm-logo-container>div>div:last-child {
flex: 1 1 auto;
}
}
.ppm-rechtliches-menu {
display: flex;
gap: 20px;
}
.ppm-rechtliches-menu li {
margin: 0 !important;
}
@media screen and (max-width: 639px) {
.ppm-umgesetzt-von-ppm>div {
text-align: center !important;
}
.ppm-rechtliches-menu {
justify-content: center;
}
}
@media (min-width:1600px) {
.uk-navbar-nav>li>a {
font-size: 23px !important;
}
}
.job_listings div#gjm_radius_chosen {
display: none;
}
ul.select2-results__options li:last-child {
display: none !important;
}
ul.select2-results__options li:not(:first-child)::after,
span#select2-gjm-radius-container[title="10"]::after,
span#select2-gjm-radius-container[title="25"]::after,
span#select2-gjm-radius-container[title="50"]::after {
content: "\00a0km";
}
/* STEYRLAND JOBS FILTER STYLE */
.job_filters {
background: none !important;
}
.job_filters .showing_jobs {
display: none !important;
}
.search_jobs h5,
.search_jobs label,
.fake-dropdown h5 {
font-family: 'Genica' !important;
font-size: 24px;
margin-bottom: 8px;
}
[for="user_login"] {
font-size: 20px !important;
}
.gjm-icon-target-1::before {
color: #FFF;
}
.search_jobs h5,
.search_jobs label,
.search_jobs input::placeholder,
.search_jobs .select2-selection__rendered {
color: #fff !important;
padding: 0 !important;
}
.search_jobs {
--flexgap: 48px;
background-color: #171715;
padding: 32px 64px !important;
display: flex;
flex-direction: column;
gap: 32px;
border-radius: 20px;
}
@media screen and (min-width: 1200px) {
.home .search_jobs {
flex-direction: row;
justify-content: space-evenly;
}
}
@media screen and (max-width: 1199px) {
.search_jobs {
padding: 32px !important;
}
}
.home .search_jobs > div {
min-width: 200px;
}
.search_jobs--filters,
.search_jobs--actions,
.search_jobs--location {
display: flex;
justify-content: space-between;
gap: var(--flexgap);
}
.search_jobs--actions {
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
gap: 10px;
}
.search_jobs--actions > div {
flex: 0 0 auto !important;
}
.search_jobs--actions input {
text-align: center;
}
.search_keywords {
border-bottom: 1px solid #fff;
padding-bottom: 6px;
}
.search_jobs--filters > div,
.home .search_jobs > div:not(.search_submit) {
display: flex;
flex-direction: column;
flex: 1 1 calc(25% - var(--flexgap));
border-bottom: 1px solid #fff;
padding-bottom: 6px;
}
.search_jobs--location > div {
display: flex;
flex-direction: column;
}
.search_jobs--location > div:first-child {
flex: 1 1 calc(50% - var(--flexgap));
padding: 0 !important;
}
.search_jobs--location > div:nth-child(3) {
flex: 1 1 calc(25% - var(--flexgap));
}
.job_filters .search_jobs div.search_keywords {
flex: 1 0 calc(50% - calc(var(--flexgap) / 2));
}
.search_jobs--location > .gjm-filters-wrapper:nth-of-type(2),
.search_jobs--location > .search_submit {
display: none !important;
}
form.gjm-features-enabled div.gjm-filters-wrapper div.gjm-filter-wrapper,
.search_jobs .search_location {
width: 100%;
margin: 0 !important;
border-bottom: 1px solid #fff;
padding-bottom: 6px;
}
.search_jobs--actions > div {
display: flex;
flex-direction: column;
flex: 0 0 20%;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: none;
height: auto;
padding: 0;
font-size: inherit;
box-shadow: none;
border-radius: 0;
}
.job_filters .search_jobs input,
.job_filters .search_jobs select:not(option),
.job_filters .search_jobs .select2-selection,
.pac-item .pac-item-query {
box-sizing: border-box;
width: 100%;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 1.5em;
border: none;
appearance: none; /* Removes default chevron */
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
color: #fff !important;
}
.job_filters .search_jobs select option {
color: initial !important;
}
.job_filters .search_jobs .ppm-select-wrapper,
.select2-container {
position: relative;
}
.job_filters .search_jobs .ppm-select-wrapper::after,
select ~ .select2-container:after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 13px;
height: 12px;
background: url(https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/07/dropdown-arrow-white.svg);
background-size: contain;
pointer-events: none;
}
.select2-selection__arrow {
display: none;
}
.select2-search--dropdown {
display: none;
}
.select2-dropdown {
font-size: 16px !important;
font-weight: 700 !important;
border: none !important;
border: 1px solid #fff !important;
border-radius: 20px !important;
background-color: #171717;
color: #fff;
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 16px;
margin-top: 18px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.select2-results__option:not(:first-child) {
padding: 8px !important;
border-top: 1px solid #444444 !important;
}
/*
.select2-results__options {
border: 1px solid #fff;
border-radius: 20px;
margin-top: 4px;
background-color: #171717;
color: #fff;
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 16px;
margin-left: -16px;
} */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true]{
background-color: initial !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
display: none;
}
/* UMKREIS DISABLED */
.gjm-dropdown-filter.ppm-disabled {
pointer-events: none;
opacity: 0.3;
transition: all 0.3s ease;
}
/* LOCATOR BUTTON */
form.gjm-features-enabled i.gjm-locator-btn {
transform: none !important;
}
form.gjm-features-enabled i.gjm-locator-btn::after {
content: "Standort automatisch bestimmen";
font-family: 'Figtree', sans-serif;
font-size: 13.5px;
font-weight: 600;
font-style: normal;
float: left;
padding-right: 4px;
opacity: 0;
transition: all 0.3s ease;
color: #e83278;
}
form.gjm-features-enabled i.gjm-locator-btn:hover::after {
opacity: 1;
}
form.gjm-features-enabled i.gjm-locator-btn::before {
transition: all 0.3s ease;
}
form.gjm-features-enabled i.gjm-locator-btn:hover::before {
color: #e83278;
}
/* RESET BUTTON */
.search_submit_reset a span.uk-icon {
transition: all 0.6s ease;
}
.search_submit_reset a:hover span.uk-icon {
transform: scaleX(-1) translate(10px, -3px) rotate(45deg) !important;
}
.search_submit_reset a,
.search_submit input,
.ppm-login-hero .search_submit a {
background-color: transparent !important;
color: white !important;
border: 1px solid white !important;
padding: 8px 22px !important;
border-radius: 60px !important;
font-size: 20px !important;
font-weight: 700 !important;
transition: 0.3s ease-in-out !important;
cursor: pointer !important;
line-height: 1 !important;
text-decoration: none !important;
}
.search_submit_reset a:hover,
.search_submit input:hover {
background-color: white !important;
color: black !important;
border-color: #000 !important;
}
.search_submit {
display: flex;
align-items: center;
}
/* CLEAR FORM UNDER RESET */
.search_jobs--actions ~ div {
display: none !important;
}
/* SERP LAYOUT */
.job_filters .job_types {
border: none !important;
}
[data-show_filters="true"].job_listings {
display: flex;
flex-wrap: wrap;
column-gap: 32px;
}
.job_filters {
background: none !important;
flex: 1 0 100%;
}
.gjm-map-wrapper > div {
border-radius: 20px;
/* border: 1px solid #000 !important; */
}
form ~ .gjm-map-wrapper {
flex: 1 1 50%;
}
ul.job_listings {
flex: 0 1 40%;
}
ul.job_listings h4 {
margin-bottom: 8px !important;
}
[data-filtered="true"] .gjm-map-wrapper:nth-child(3) {
display: none !important;
}
[data-filtered="false"] .gjm-map-wrapper:nth-child(2) {
display: none !important;
}
form ~ .gjm-map-wrapper {
order: 2;
padding: var(--padding) 0 0;
height: 100% !important;
aspect-ratio: 1;
}
div.job_listings .load_more_jobs,
div.job_listings .job-manager-pagination {
order: 3;
}
div.job_listings .job-manager-pagination {
margin-left: 32px;
}
/* MAPS SELECT FIELD */
.pac-container.pac-logo.hdpi {
border: 1px solid #fff;
border-radius: 20px;
margin-top: 16px;
background-color: #171717;
color: #fff;
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 16px;
margin-left: -16px;
}
.pac-item,
.pac-item-query {
color: #fff !important;
background-color: #171717 !important;
border: none !important;
}
/* .pac-item-query + span {
display: none;
} */
.select2-results__option:first-child {
font-size: 0;
}
.select2-results__option:first-child::after {
font-size: 14px;
content: "Zurücksetzen";
}
.pac-item:hover {
cursor: pointer;
}
.pac-item:hover .pac-item-query,
.pac-item:hover .pac-item-query + span,
.select2-results__option:hover {
color: #cf406c !important;
}
.pac-item {
border: none !important;
}
.pac-logo:after {
display: none;
}
.pac-item:not(:first-child) {
border-top: 1px solid #444444 !important;
}
.pac-item {
padding-top: 12px;
}
/* UMKREIS TWEAK */
.search_jobs--location > div:nth-child(3) {
position: relative;
}
.search_jobs--location > div:nth-child(3) .ppm-disabled::after {
content: "Zuerst Adresse eingeben";
position: absolute;
bottom: -40px;
color: #fff;
width: 100%;
word-break: keep-all;
font-size: 13px;
line-height: 1.3em;
opacity: 0;
transition: all 0.3s ease;
left: 0;
}
.search_jobs--location > div:nth-child(3):hover .ppm-disabled::after,
.search_jobs--location > div:nth-child(3):focus-within .ppm-disabled::after {
opacity: 1;
}
/* .search_jobs--location > div:nth-child(3):hover {
opacity: 0.5;
} */
/* POST LIST */
.rp4wp-related-job_listing>ul li.job_listing.no_job_listings_found, .rp4wp-related-job_listing>ul li.no_job_listings_found.no_job_listings_found, ul.job_listings li.job_listing.no_job_listings_found, ul.job_listings li.no_job_listings_found.no_job_listings_found {
border: none;
padding: 0;
}
.ppm-job-list-item-layout {
display: flex;
gap: 24px;
border: none;
background-color: transparent !important;
}
.ppm-thumbnail-column {
display: flex;
flex: 0 0 100px;
aspect-ratio: 1;
}
.ppm-thumbnail-column + div {
display: flex;
flex: 1 1 75%;
flex-direction: column;
}
.ppm-thumbnail-column img {
aspect-ratio: 1;
object-fit: cover;
object-position: center;
max-width: 100px;
max-height: max-content;
width: auto;
}
.ppm-job-tags,
.ppm-company-grid-container .ppm-benefits-tags,
.ppm-company-grid-container .ppm-company-standort,
.ppm-company-tags {
display: flex;
font-size: 13px;
gap: 8px;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: center;
flex-wrap: wrap;
}
.ppm-job-tags > [class*="ppm"][data-has-value="true"],
.ppm-company-tags span {
border: 1px solid #171717;
border-radius: 30px;
padding: 2px 8px !important;
line-height: 1.3em;
transition: all 0.3s ease;
}
.job_listings .ppm-job-tags > [class*="ppm"]:not(.ppm-jobtag-salary)[data-has-value="true"]:hover {
background-color: #171717;
color: #fff;
cursor: pointer;
}
.ppm-job-tags > [class*="ppm"][data-has-value="false"] {
display: none;
}
.ppm-job-link {
padding: 0 !important;
background-color: transparent !important;
}
form ~ .gjm-map-wrapper,
ul.job_listings {
--padding: 64px;
}
ul.job_listings {
display: flex;
flex-direction: column;
gap: 16px;
border: none;
padding: var(--padding) 0 0;
}
ul.job_listings li.job_listing,
ul.job_listings.loading {
/* border: 1px solid #000; */
border: none;
/* border-radius: 20px; */
/* overflow: hidden; */
background-color: transparent;
}
li.job_listing:not(:first-child):not(.job_position_featured) {
border-top: 1px solid #e5e5e7 !important;
padding-top: 24px;
}
/* PAGINATION NAV */
nav.job-manager-pagination ul li span {
border-radius: 50% !important;
aspect-ratio: 1;
border: none;
}
nav.job-manager-pagination ul li span.current {
background-color: #000;
color: #fff;
}
nav.job-manager-pagination,
nav.job-manager-pagination ul,
nav.job-manager-pagination ul li {
border: none !important;
}
nav.job-manager-pagination ul li a {
background: transparent !important;
border: 1px solid #000;
border-radius: 50%;
aspect-ratio: 1;
}
nav.job-manager-pagination ul li a:hover {
background: #000 !important;
color: #fff;
border: 1px solid #000;
border-radius: 50%;
aspect-ratio: 1;
}
.job-manager-pagination ul {
display: flex !important;
gap: 8px;
}
/* MAP STICKY */
.sticky-map {
position: sticky !important;
top: 100px; /* adjust based on your header or offset */
z-index: 10;
}
/* JOB LISTINGS HOVER */
li.job_listing:not(.job_position_featured) {
margin: 16px 16px 0 -16px !important;
padding: 48px 48px 24px !important;
/* border-radius: 20px; */
/* border: 1px solid transparent !important; */
transition: all 0.3s ease;
}
/* FEATURED JOB */
li.job_listing.job_position_featured {
--background-color: #e83278 !important;
--color: #fff;
margin: 0 !important;
}
li.job_listing.job_position_featured + li.job_listing {
border-top: none !important;
margin-top: 0 !important;
}
.job_position_featured {
background-color: var(--background-color) !important;
color: var(--color) !important;
padding: 24px 32px !important;
border-radius: 20px;
}
.job_position_featured h4 {
color: var(--color) !important;
}
.job_position_featured .ppm-job-tags > [class*="ppm"][data-has-value="true"] {
border-color: var(--color) !important;
}
.job_position_featured .ppm-job-tags > [class*="ppm"][data-has-value="true"]:hover {
border-color: var(--color) !important;
background-color: var(--color) !important;
color: var(--background-color) !important;
}
/* JOB LISTING TWEAKS */
li.job_listing p.company-name {
margin: 0 0 8px 0 !important;
}
li.job_listing .tagline {
margin: 0 !important;
}
li.job_listing .ppm-job-tags {
margin: 0 0 16px 0;
}
/* JOB CTA */
/* li.job_listing .ppm-job-item a {
opacity: 0;
pointer-events: none;
transition: all 0.3s ease;
}
li.job_listing:hover .ppm-job-item a {
opacity: 1;
pointer-events: all;
} */
.ppm-job-item a svg {
width: 16px;
}
.ppm-job-item a svg + svg {
display: none;
}
.ppm-job-item a {
padding: 0 !important;
background-color: transparent !important;
margin: 16px 0 0;
}
.job_position_featured .ppm-job-item a {
color: var(--color);
}
.ppm-job-item a svg {
transition: all 0.6s ease;
}
.ppm-job-item a:hover svg {
transform: translateX(4px);
}
/* JOBS PAGE */
.ppm-job-search-section {
background-color: transparent !important;
}
/* MENU BUTTONS */
.uk-navbar-primary {
--white: #fff;
--black: #000;
}
.uk-navbar-primary .uk-navbar-center > .uk-navbar-nav>li>a {
color: var(--white) !important;
}
.uk-navbar-left {
width: auto !important;
}
[class*="ppm-btn"] a {
min-height: 0 !important;;
padding: 8px 20px !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: 60px !important;
font-size: 20px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
/* background-color: transparent !important; */
text-transform: none !important;
letter-spacing: 0 !important;
transition: all 0;
}
[class*="ppm-btn"]:hover a::before {
display: none;
}
.uk-navbar-primary:not(.uk-navbar-transparent) .ppm-btn-primary a:hover {
border-color: #fff !important;
background-color: #FFF !important;
color: #000 !important;
}
/* .uk-sticky:not(.uk-sticky-below) .ppm-btn-primary a {
border-color: #000 !important;
background-color: #000 !important;
color: #fff !important;
}
.uk-sticky:not(.uk-sticky-below) .ppm-btn-primary:hover a {
background-color: #fff !important;
color: #000 !important;
}
.uk-sticky:not(.uk-sticky-below) .ppm-btn-secondary a {
border-color: #000 !important;
color: #000 !important;
}
.uk-sticky:not(.uk-sticky-below) .ppm-btn-secondary:hover a {
background-color: #000 !important;
color: #fff !important;
} */
.ppm-btn-primary a {
background-color: transparent !important;
}
/* .ppm-btn-secondary:hover a,
.ppm-btn-primary a {
background-color: var(--white) !important;
color: var(--black) !important;
border-color: transparent !important;
} */
.ppm-btn-primary:hover a {
background-color: var(--black) !important;
color: var(--white) !important;
border-color: transparent !important;
}
.ppm-btn-secondary:hover a {
background-color: var(--white) !important;
color: var(--black) !important;
border-color: transparent !important;
}
.uk-navbar-right .uk-navbar-nav {
gap: 20px !important;
}
/* COMPANY SECTION */
.ppm-single-job-company .uk-grid:nth-child(2) h4 ~ .uk-panel {
margin: 0 0 0px 0!important;
}
.ppm-single-job-company .uk-grid:nth-child(3) > [class*="uk-width"]:nth-child(1) h4 ~ .uk-panel {
margin: 0 0 0px 0!important;
}
.ppm-single-job-company .uk-grid:nth-child(3) > [class*="uk-width"]:nth-child(2) h4 ~ .uk-panel {
margin: 0 0 8px 0!important;
display: flex;
align-items: center;
}
.ppm-single-job-company .uk-grid:nth-child(3) > [class*="uk-width"]:nth-child(2) h4 + .uk-panel {
margin-bottom: 16px !important;
}
.ppm-single-job-company > div {
padding: 64px !important;
border-radius: 20px;
max-width: 1270px;
}
.single-job_listing .ppm-single-job-company > div {
background-color: #171717;
}
.single-job_listing .ppm-single-job-company > div * {
color: #fff;
}
.single-unternehmen .ppm-single-job-company > div {
background-color: transparent;
border: 1px solid #000;
}
.single-unternehmen .ppm-single-job-company > div * {
color: #000;
}
/* BRANCHE HERO */
.single-job_listing .ppm-single-job-header h2,
.single-unternehmen .ppm-single-job-header h2 {
margin-bottom: 0;
word-break: auto-phrase;
}
.ppm-header-branche {
margin-bottom: 16px;
}
.ppm-single-job-header img {
width: auto;
}
/* TAGS HERO */
.ppm-single-job-header .ppm-job-tags > div,
.ppm-company-tags span {
border-color: #fff !important;
}
.ppm-single-job-header .ppm-job-tags,
.ppm-company-tags span {
margin-top: 16px;
}
.ppm-single-job-header .ppm-job-tags > [class*="ppm"]:not(.ppm-jobtag-salary)[data-has-value="true"]:hover {
cursor: unset !important;
}
/* ANSPRECHPERSON */
.ppm-contact-person-container {
padding: 24px 32px 48px;
border-radius: 20px;
background-color: #171717 !important;
}
.ppm-contact-person-container > .uk-grid:nth-child(2) {
margin-top: 20px !important;
flex-direction: row-reverse !important;
}
.ppm-contact-person-container > .uk-grid:nth-child(2) [class*="uk-width-1-4@m"] {
padding: 0 !important;
}
.ppm-contact-person-container > .uk-grid:nth-child(2) [class*="uk-width-1-4@m"] img {
aspect-ratio: 1;
object-fit: cover;
border-radius: 50%;
}
.ppm-contact-person-container h3 {
font-family: 'Genica', sans-serif !important;
}
.ppm-contact-person-name {
font-size: 24px;
font-weight: bold;
margin-bottom: 8px !important;
}
.ppm-contact-person-container .company-name {
margin: 8px 0 !important;
}
.single-job_listing div.gjm-map-wrapper {
height: 300px !important;
}
.ppm-single-job-main-content {
background-color: transparent !important;
}
.ppm-single-job-main-content > div > div > [class*="uk-width"]:last-child {
display: flex;
flex-direction: column;
gap: 32px;
}
@media screen and (min-width: 960px) {
.ppm-single-job-main-content > div > div > [class*="uk-width"]:last-child {
padding-left: 64px;
}
}
.ppm-single-job-main-content > div > div > [class*="uk-width"]:last-child > div {
margin: 0;
}
/* JOB PROFILE */
.ppm-single-job-main-content .ppm-profil,
.ppm-single-job-main-content .ppm-angebot {
border-top: 1px solid #e5e5e7 !important;
margin-top: 32px !important;
padding-top: 32px;
}
.ppm-single-job-main-content ul {
list-style: none;
}
.ppm-single-job-main-content ul ul {
margin-top: 20px;
margin-bottom: 30px;
}
.ppm-single-job-main-content ul li {
position: relative;
margin-bottom: 12px;
}
.ppm-single-job-main-content ul li::before {
content: "";
background-image: url("https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/07/listbullet.svg");
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
position: absolute;
left: -20px;
top: 8px;
}
.pdfemb-viewer .pdfemb-toolbar button.pdfemb-btndisabled {
visibility: hidden;
}
/* RELATED JOBS */
.uk-dotnav>*>* {
width: 20px !important;
height: 20px !important;
background-color: transparent !important;
border: 1px solid #171717;
}
.uk-dotnav>.uk-active>* {
background-color: #171717 !important;
}
.ppm-single-job-related .uk-card {
border-color: #000;
}
/* .ppm-single-job-related .uk-slider-items {
margin-left: -32px;
} */
.home .ppm-single-job-related .uk-slider-items {
pointer-events: none;
}
.home .ppm-single-job-related .uk-slider-items [role="tabpanel"] a {
pointer-events: all;
}
.ppm-single-job-related .uk-slider-items [role="tabpanel"]:not(:first-child) {
padding-left: 32px;
}
.ppm-single-job-related .ppm-job-tags {
flex-wrap: wrap;
}
.ppm-single-job-related h4 {
margin: 0 0 4px;
--ppm-h4-desktop: 20px;
}
.ppm-single-job-related .uk-card.ppm-job-item {
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: transparent !important;
}
.ppm-single-job-related .ppm-img-job-title-container {
display: flex;
gap: 16px;
align-items: center;
}
.ppm-single-job-related .ppm-img-job-title-container img {
min-width: 48px;
object-fit: contain;
object-position: top;
height: auto;
/* border: 1px solid #000; */
padding: 0;
/* border-radius: 9px; */
max-width: 48px;
}
.ppm-single-job-related .ppm-jobtitle-company-name {
margin: 16px 0 !important;
}
.ppm-single-job-related .company-name + p {
margin-top: 0 !important;
}
.ppm-single-job-related .company-name {
font-size: 15px !important;
line-height: 1.35em !important;
}
.ppm-single-job-related .company-name b {
font-weight: 700 !important;
}
.ppm-single-job-related .ppm-company-combo-container + p {
margin-top: 0 !important;
}
/* .ppm-single-job-related .ppm-jobtag-salary {
display: none !important;
} */
/* JOBS SINGLE FORMULAR */
button.btn.ninja-forms-field,
button.btn.nf-fu-button-cancel {
background-color: transparent !important;
color: #000 !important;
border: 1px solid #000 !important;
padding: 8px 22px !important;
border-radius: 60px !important;
font-size: 20px !important;
font-weight: 700 !important;
transition: 0.3s ease-in-out !important;
cursor: pointer !important;
line-height: 1 !important;
}
button.btn.ninja-forms-field:hover,
button.btn.nf-fu-button-cancel:hover {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
}
button.btn.ninja-forms-field {
padding-left: 40px !important;
}
button.btn.ninja-forms-field::before {
content: "";
background-image: url(https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/07/upload.png);
width: 20px;
height: 20px;
position: absolute;
background-size: contain;
left: 12px;
transition: all 0.3s ease;
}
button.btn.ninja-forms-field:hover::before {
filter: invert(1);
}
.nf-form-cont input[type=checkbox]:checked::after {
left: 5px;
top: 3px;
}
.nf-error .ninja-forms-field {
border-bottom: 1px solid #000 !important;
}
.nf-fu-progress {
/* height: 2px; */
-webkit-box-shadow: none !important;
box-shadow: none !important;
display: flex;
width: 100%;
order: 2;
margin-bottom: 16px !important;
background-color: transparent !important;
border-radius: 20px !important;
}
.nf-fu-progress-bar {
background-color: #171717 !important;
}
.ppm-bewerbungsformular {
padding: 30px 30px 0;
border-radius: 20px;
border: 1px solid #000;
}
.file_upload-container > div:nth-child(2) > div > div:nth-child(2) {
display: flex;
flex-wrap: wrap;
}
/* .file_upload-container > div:nth-child(2) > div > div:nth-child(2) > button {
display: flex !important;
} */
.file_upload-container > div:nth-child(2) > div > div:nth-child(2) > button:nth-child(2) {
order: 3;
}
.nf-error-msg.nf-error-field-errors {
margin-bottom: 32px;
}
/* NAVBAR FIX */
nav.uk-navbar {
justify-content: space-between !important;
}
.uk-navbar-center:not(:only-child) {
position: relative !important;
transform: none !important;
left: unset !important;
top: unset !important;
}
.uk-navbar-right {
margin-left: unset !important;
}
/* SINGLE JOB LISTING */
.single-job_listing .uk-section-default,
.single-unternehmen .uk-section-default {
background-color: transparent !important;
}
/* .single-unternehmen .ppm-single-job-related .uk-grid ul {
display: flex;
flex-direction: row;
flex-grow: 1;
flex-wrap: wrap;
gap: 8px;
}
.single-unternehmen .ppm-single-job-related .uk-grid li {
display: flex;
flex: 1 0 30%;
}
.single-unternehmen .ppm-single-job-related .uk-card.ppm-job-item {
flex: 1 1 auto;
}
@media screen and (max-width: 959px) {
.single-unternehmen .ppm-single-job-related .uk-grid ul {
flex-direction: column;
}
} */
/* JOBS PAGE RESPONSIVE */
@media screen and (max-width: 1199px) {
[data-show_filters="true"].job_listings {
flex-direction: column;
}
form ~ .gjm-map-wrapper {
order: 1;
}
div.job_listings .load_more_jobs, div.job_listings .job-manager-pagination {
order: 3;
}
div.job_listings ul.job_listings {
order: 2;
}
div.job_listings .job-manager-pagination {
margin: 0;
}
.search_jobs--filters,
.job_filters .search_jobs div {
flex-direction: column;
}
.search_location,
.job_filters .search_jobs div.search_keywords {
width: 100% !important;
padding: 0 !important;
}
.search_jobs--location > div:nth-child(3) .ppm-disabled::after {
bottom: -24px;
}
.sticky-map {
position: relative !important;
top: 0 !important;
z-index: 1 !important;
}
form ~ .gjm-map-wrapper,
ul.job_listings {
--padding: 32px !important;
}
#content nav.job-manager-pagination ul, nav.job-manager-pagination ul {
justify-content: center !important;
}
li.job_listing:not(.job_position_featured) {
margin: 0 !important;
padding: 24px 0 0 0 !important;
}
form.gjm-features-enabled i.gjm-locator-btn {
top: -24px !important;
}
.search_location {
margin-top: -24px !important;
}
}
/* LOGOS HOME */
.ppm-featured-companies img {
background: #fff;
object-fit: contain;
}
.ppm-featured-companies picture {
max-height: 200px;
display: block;
object-fit: contain;
background: #fff;
transition: all 0.6s ease;
}
.ppm-featured-companies > *:not(picture) {
display: contents;
}
.ppm-featured-companies {
display: flex;
justify-content: center;
gap: 32px;
align-items: center;
background-color: #fff;
border-radius: 20px;
max-width: fit-content;
justify-self: center;
padding: 8px 32px !important;
margin: 0 auto !important;
}
.ppm-featured-companies picture:hover {
transform: translateY(-3px);
/* cursor: pointer; */
}
.ppm-featured-companies .uk-width-1-3\@m:first-child picture {
max-width: 80px;
max-height: 80px;
}
.ppm-featured-companies .uk-width-1-3\@m:nth-child(2) picture {
max-width: 160px;
max-height: 160px;
}
.ppm-featured-companies .uk-width-1-3\@m:nth-child(3) picture {
max-width: 80px;
max-height: 80px;
}
/* HOME FILTER */
@media screen and (min-width: 1200px) {
.ppm-home-filter {
margin-top: -64px;
margin-bottom: 64px !important;
}
.ppm-job-search-section {
margin-top: -100px !important;
}
}
@media screen and (max-width: 1199px) {
.ppm-home-filter,
.ppm-job-search-section,
.fake-dropdown {
margin-top: 32px;
}
.ppm-home-filter {
margin-bottom: 32px !important;
}
}
/* UNTERNEHMEN GRID */
.ppm-company-grid-container .ppm-company-name {
display: flex;
gap: 16px;
}
.ppm-company-grid-container .ppm-company-name img {
margin-top: 8px;
}
/* .ppm-company-grid-container > div {
display: flex;
gap: 32px;
} */
.ppm-company-grid-container .uk-panel img {
max-width: 50px;
margin: 0;
aspect-ratio: 1;
object-fit: contain;
object-position: top;
}
.ppm-company-grid-container .uk-panel .uk-panel {
margin: 0 !important;
padding: 20px;
border: 1px solid #000;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
}
.ppm-company-standort span:not(.uk-icon) {
border: 1px solid #171717;
border-radius: 30px;
padding: 2px 8px !important;
line-height: 1.3em;
transition: all 0.3s ease;
}
.ppm-company-grid-container .ppm-benefits-tags span {
border: 1px solid #171717;
border-radius: 30px;
padding: 2px 8px !important;
line-height: 1.3em;
transition: all 0.3s ease;
}
.ppm-company-grid-container h4 {
margin-top: 0;
margin-bottom: 24px;
}
.ppm-company-grid-container .uk-panel a svg {
width: 16px;
}
.ppm-company-grid-container .uk-panel a svg + svg {
display: none;
}
.ppm-company-grid-container .uk-panel a {
padding: 0 !important;
background-color: transparent !important;
margin-top: auto;
}
.ppm-company-grid-container .uk-panel a {
color: var(--color);
}
.ppm-company-grid-container .uk-panel a svg {
transition: all 0.6s ease;
}
.ppm-company-grid-container .uk-panel a:hover svg {
transform: translateX(4px);
}
.ppm-company-grid-container .uk-panel a {
font-size: 16px;
}
.ppm-company-grid-container .uk-panel a svg {
width: 12px;
}
/* FAKE DROPDOWN */
.fake-dropdown.ppm-all-hidden ~ .ppm-no-companies-found {
display: block !important;
margin: 0 !important;
}
.fake-dropdown + div {
margin-top: 64px !important;
display: flex;
}
.fake-dropdown.ppm-all-hidden ~ .js-filter {
margin-top: 20px !important;
}
.fake-dropdown ul.uk-subnav {
display: flex;
flex-direction: column;
margin: 0 !important;
padding-bottom: 0 !important;
flex: 0 0 50%;
text-align: left;
align-items: flex-start;
z-index: 1000 !important;
}
.fake-dropdown ul.uk-subnav li.uk-active a,
.fake-dropdown ul.uk-subnav.ppm-ul-active:not(:hover) li:first-child a {
border-bottom: 1px solid #fff;
padding-bottom: 6px;
transition: all 0.3s ease;
}
.fake-dropdown ul.uk-subnav:hover li.uk-active a,
.fake-dropdown ul.uk-subnav:hover li.el-item:first-child a {
border-bottom: 1px solid #E83278;
}
.fake-dropdown ul.uk-subnav.ppm-visible li.uk-active a {
border-bottom: 1px solid transparent;
}
.fake-dropdown ul.uk-subnav.ppm-ul-active:not(:hover) li:first-child {
width: 100%;
}
/* .fake-dropdown ul.uk-subnav.ppm-visible li.uk-active a {
border-bottom: 1px solid transparent;
} */
.fake-dropdown ul.uk-subnav.ppm-visible {
font-size: 16px !important;
font-weight: 700 !important;
border: none !important;
border: 1px solid #fff !important;
border-radius: 20px !important;
background-color: #171717;
color: #fff;
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 16px !important;
margin-top: 0;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
width: 100%;
z-index: 1000 !important;
}
.fake-dropdown ul.uk-subnav a {
font-family: Figtree !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.5em !important;
text-transform: none;
letter-spacing: unset !important;
padding: 0 80px 0 0;
}
.fake-dropdown {
display: flex;
background: #171717;
align-items: flex-start;
padding: 32px 64px;
border-radius: 20px;
margin-top: -100px;
/* min-height: 80px; */
justify-content: flex-start;
gap: 32px;
}
.fake-dropdown ul.uk-subnav li:not(.uk-active) {
order: 2;
display: none;
}
.fake-dropdown ul.uk-subnav.ppm-visible > li,
.fake-dropdown ul.uk-subnav > li {
display: block;
padding-left: 0 !important;
width: 100%;
cursor: pointer;
}
.fake-dropdown ul.uk-subnav > li a:hover,
.fake-dropdown ul.uk-subnav:hover > li.uk-active:first-child a,
.fake-dropdown ul.uk-subnav:hover li:first-child a {
color: #E83278;
}
.fake-dropdown ul.uk-subnav > li.uk-active {
order: 1;
width: 100%;
}
.fake-dropdown ul.uk-subnav li.uk-active::after,
.fake-dropdown ul.uk-subnav.ppm-ul-active li:first-child::after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: all 0.6s ease;
width: 13px;
height: 12px;
background: url(https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/07/dropdown-arrow-white.svg);
background-size: contain;
pointer-events: none;
}
.fake-dropdown ul.uk-subnav:hover li:first-child:after {
background: url(https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/08/dropdown-arrow-pink.svg);
}
.fake-dropdown ul.uk-subnav.ppm-visible li.uk-active::after {
background: url(https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/08/dropdown-arrow-pink.svg);
transform: translateY(-50%) rotate(180deg);
}
.fake-dropdown ul.uk-subnav.ppm-visible li.uk-active a {
padding-bottom: 0 !important;
}
.fake-dropdown .uk-subnav-pill>.uk-active>a {
background-color: transparent;
color: #fff;
}
.fake-dropdown .uk-subnav-pill a,
.fake-dropdown .uk-subnav-pill a:hover,
.fake-dropdown h5 {
color: #fff;
background-color: transparent;
}
.fake-dropdown h5 {
line-height: 27px !important;
}
.fake-dropdown ul.uk-subnav.ppm-ul-active li:first-child {
width: 100%;
display: block;
padding: 0;
}
.ppm-company-grid-container [uk-filter] > div {
display: flex;
justify-content: center;
flex-direction: column;
}
.fake-dropdown > div {
min-width: 240px;
min-height: 66px;
position: relative;
}
.fake-dropdown .search_submit_reset span {
color: #fff;
font-family: 'Genica' !important;
}
.fake-dropdown .search_submit_reset {
display: flex;
align-items: center;
gap: 16px;
align-self: center;
margin-left: auto;
}
.fake-dropdown .search_submit_reset a {
font-size: 16px !important;
}
/* .fake-dropdown h5 {
padding-top: 32px;
} */
.fake-dropdown .search_submit_reset a:hover span.uk-icon {
transform: none !important;
color: #000;
}
@media screen and (max-width: 1299px) {
/* .search_submit_reset {
flex-direction: column;
} */
.fake-dropdown {
align-items: center;
}
.fake-dropdown + div {
margin-top: 220px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
.search_submit_reset {
padding: 32px 0;
}
}
@media screen and (max-width: 1199px) {
.search_submit_reset,
.fake-dropdown {
flex-direction: column;
}
.fake-dropdown + div {
margin-top: 0 !important;
}
.fake-dropdown > div {
width: 100%;
}
.fake-dropdown {
margin-top: 32px !important;
position: relative;
padding: 32px;
}
.ppm-company-grid-container [uk-filter] > div {
flex-direction: column;
gap: 40px;
}
}
.ppm-company-grid-container .js-filter {
flex-wrap: wrap;
gap: 20px !important;
justify-content: flex-start;
width: 100%;
}
.ppm-company-grid-container .js-filter > div {
flex: 0 1 calc(33% - 10px);
margin: 0 !important;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ppm-company-grid-container .js-filter > div {
flex: 1 1 calc(50% - 20px);
}
}
@media screen and (max-width: 767px) {
.ppm-company-grid-container .js-filter > div {
flex: 1 1 auto;
}
}
.ppm-company-grid-container .js-filter > div > div {
padding: 0 !important;
display: flex;
}
.ppm-company-grid-container [uk-icon="location"] {
margin: -2px 0 0 0;
}
.ppm-company-grid-container [data-region] {
display: flex;
flex-direction: column;
gap: 16px;
flex-grow: 1;
width: 100%;
}
.ppm-company-grid-container .uk-panel .uk-badge {
background: #000;
padding: 0 8px;
display: flex;
align-self: flex-end;
justify-self: end;
}
.ppm-company-grid-container .uk-panel .uk-badge::after {
content: "Jobs";
padding-left: 4px;
}
.ppm-company-grid-container .uk-panel .uk-badge.count-1::after {
content: "Job";
}
.fake-dropdown ul.uk-subnav li[uk-filter-control=""]:first-child a {
pointer-events: none;
}
.ppm-company-more-and-jobs {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
}
.ppm-company-more-and-jobs a {
margin: 0 !important;
}
@media screen and (max-width: 1440px) {
.ppm-single-job-company > div {
max-width: 1400px;
margin: 0 20px;
padding: 32px !important;
justify-self: center;
}
}
/* GALLERY */
.ppm-acf-gallery img {
object-fit: cover;
width: 100% !important;
height: 100%;
}
.ppm-acf-gallery a {
width: 100% !important;
}
.ppm-acf-gallery .uk-grid-small > div {
padding: 0;
margin: 0;
flex: 1 1 30%;
}
@media screen and (max-width: 1199px) {
.ppm-acf-gallery .uk-grid-small > div {
flex: 1 1 40%;
}
}
@media screen and (max-width: 767px) {
.ppm-acf-gallery .uk-grid-small > div {
flex: 1 1 100%;
}
}
.ppm-acf-gallery .uk-grid-small {
border-radius: 20px;
overflow: hidden;
gap: 8px;
margin: 0 !important;
}
/* HERO JOB DETAIL */
.ppm-start-date,
.ppm-salary {
display: flex;
flex: 0 1 auto;
}
.ppm-job-info-column-hero {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 32px;
}
.ppm-job-info-column-hero > div:not([class*="ppm"]) {
flex: 1 0 100%;
}
/* .ppm-job-info-column-hero > div svg {
margin-top: 3px;
} */
.ppm-job-info-column-hero > [class*="ppm"] {
font-size: 13.5px;
line-height: 1.5;
}
/* EXTERNAL LINK */
.ppm-extern:empty ~ .ppm-external-link {
display: none;
}
.ppm-extern:not(:empty) ~ .ppm-form {
display: none;
}
.ppm-bewerbungsformular h3 {
margin-top: 0 !important;
}
span.ppm-company-title-field:not(:empty)::before {
content: "bei ";
}
.ppm-contact-info-fields > div {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
}
.ppm-contact-info-fields a:empty + span {
display: none;
}
/* MAPS BUBBLE */
.bubble.gjm-icon-cancel-circled:before,
div.gjm-map img.js-info-bubble-close{
display: none !important;
}
.js-info-bubble-close + div {
background-color: #ffffff !important;
border-radius: 20px !Important;
border: 1px solid #000000 !Important;
padding: 8px 16px;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.js-info-bubble-close + div *,
div.gjm-info-window.bubble span.location.gjm-icon-location::before {
color: #000000 !important;
}
div.gjm-info-window.bubble .title {
font-family: 'Figtree', sans-serif;
font-weight: 800 !important;
line-height: 1.2em !important;
text-decoration: none !important;
text-transform: none !important;
}
span.location.gjm-icon-location {
font-family: 'Figtree';
margin: 5px 0 0 !important;
}
/* JOBS */
fieldset.fieldset-login_required label:not(.full-line-checkbox-field label) {
display: none;
}
fieldset.fieldset-login_required div.field:not(.full-line-checkbox-field) {
float: left;
}
/* DYNAMIC JOB BUTTONS */
body.logged-in .uk-navbar-primary .uk-navbar-right li:first-child {
display: none;
}
body:not(.logged-in) .uk-navbar-primary .uk-navbar-right li:nth-child(2) {
display: none;
}
.uk-navbar-nav>li.uk-active>a::before {
display: none;
}
/* JOB DASHBOARD */
.jm-ui-action-menu__content {
background-color: var(--color-white) !important;
border-radius: 20px !important;
}
/* FILLED POSITION */
.rp4wp-related-job_listing>ul li.job_listing.job_position_filled,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_filled,
ul.job_listings li.job_listing.job_position_filled,
ul.job_listings li.no_job_listings_found.job_position_filled {
pointer-events: none;
opacity: 0.6;
filter: grayscale(1);
}
li.job_listing.job_position_filled a {
visibility: hidden;
}
li.job_listing.job_position_filled a::before {
content: "Stelle vergeben";
font-size: 20px;
display: flex;
visibility: visible !important;
justify-content: flex-start;
}
.jm-dashboard-job {
border: 1px solid var(--color-black) !important;
border-radius: 20px;
padding: 20px 16px 20px 30px !important;
}
.jm-dashboard-job .job_title,
.jm-dashboard-table .job_title {
flex: 1 1 50% !important;
}
.jm-dashboard-action:hover {
color: #fff !important;
background-color: #000 !important;
}
.jm-ui-action-menu__open-button {
aspect-ratio: 1;
border-radius: 50% !important;
color: black;
}
a.jm-ui-button--outline.job-dashboard-action-mark_filled.jm-dashboard-action.jm-dashboard-action--primary.jm-ui-button--small {
display: none;
}
.jm-ui-button--icon:hover, .jm-ui-button--link:hover, .jm-ui-button--outline:hover {
background: black !important;
color: white !important;
}
.jm-dashboard-job-column a.job-title {
pointer-events: none;
}
.jm-dashboard-action,
a.jm-ui-button,
.jm-form input[type].jm-ui-input--search-icon{
border-radius: 30px !important;
color: #000;
border-color: #000;
}
.jm-dashboard-job-column-label,
.jm-dashboard .job-status .jm-ui-row {
text-transform: none !important;
color: var(--color-black) !important;
}
.jm-ui-button--link:hover {
text-decoration: none !important;
}
.jm-dashboard__intro > .jm-dashboard__actions .jm-ui-button span {
color: currentColor !important;
}
.jm-dashboard__intro > .jm-dashboard__actions .jm-ui-button {
color: #fff;
background-color: #000;
}
.jm-dashboard__intro > .jm-dashboard__actions .jm-ui-button:hover {
color: #000 !important;
background-color: #fff !important;
}
/* INPUT FORM STYLING JOBS */
form#submit-job-form input,
form#submit-job-form textarea,
form#submit-job-form select {
font-family: "Figtree" !important;
line-height: 1.5em;
}
/* BEWERBUNG BOX */
.ppm-bewerbungsformular.ppm-external-link {
background-color: var(--color-verydark);
display: flex;
flex-direction: column;
text-align: center;
gap: 10px;
padding: 40px 0 50px !important;
}
.ppm-bewerbungsformular.ppm-external-link h3 {
color: var(--color-white);
}
/* PDF EMBED */
.pdfemb-next::before,
.pdfemb-prev::before {
display: none !important;
}
.pdfemb-next,
.pdfemb-prev {
aspect-ratio: 1;
border: none !important;
box-shadow: none !important;
background: none !important;
background-size: 16px !important;
background-repeat: no-repeat !important;
z-index: 100;
display: block;
padding: 16px !important;
background-color: #fff !important;
border-radius: 50% !important;
border: 1px solid #000 !important;
background-position: center center !important;
cursor: pointer !important;
}
.pdfemb-next:hover,
.pdfemb-prev:hover {
filter: invert(1);
}
.pdfemb-next {
background-image: url('https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/07/listbullet.svg') !important;
margin-right: 12px !important;
}
.pdfemb-prev {
background-image: url('https://www.dev.plappermaul.at/jobs-steyrland/wp-content/uploads/2025/07/listbullet.svg') !important;
transform: scaleX(-1);
}
.pdfemb-page-area,
button.pdfemb-zoomout,
.pdfemb-page-area ~ div,
button.pdfemb-zoomin {
display: none !important;
}
.pdfemb-toolbar.pdfemb-toolbar-fixed.pdfemb-toolbar-top {
background: transparent !important;
z-index: 1 !important;
display: flex !important;
justify-content: flex-end;
gap: 8px;
top: 6px !important;
}
.pdfemb-pagescontainer.grab-to-pan-grab {
top: 0 !important;
z-index: 0 !important;
}
.pdfemb-viewer {
height: 100% !important;
border-radius: 20px !important;
}
button.pdfemb-btndisabled {
opacity: 0.5;
cursor: initial !important;
}
/* LOGIN FIX */
input#user_pass,
input#pass1,
input#pass2,
input#user_log,
input#user_login {
background: transparent;
box-shadow: none !important;
border: none;
color: #000;
width: 100%;
font-family: Figtree, sans-serif !important;
font-weight: 600 !important;
}
.ppm-login-hero h3 + div p {
text-align: center;
}
.ppm-login-hero .search_jobs {
background-color: var(--color-white);
max-width: 600px;
margin: 0 auto;
}
.ppm-login-hero .search_jobs--filters > div {
border-bottom: 1px solid #000;
}
.ppm-login-hero .search_jobs h5,
.ppm-login-hero .search_jobs label,
.ppm-login-hero .search_jobs input::placeholder,
.ppm-login-hero .search_jobs .select2-selection__rendered {
color: #000 !important;
}
.ppm-login-hero .search_submit input,
.ppm-login-hero .search_submit a {
background-color: #000 !important;
border-color: transparent !important;
}
.ppm-login-hero .search_submit input:hover {
background-color: var(--color-white) !important;
border-color: var(--color-black) !important;
}
/* JOB DASHBOARD FIX */
.media-attachments-filter-heading,
.media-frame-title h1,
.job_listing_preview.single_job_listing h1,
.entry-content .job_listing_preview_title h2, .job_listing_preview_title h2{
font-size: 20px !important;
font-family: 'Figtree' !important;
}
.job_listing_preview.single_job_listing h1 {
margin: 20px 0 !important;
}
.attachment-details h2 {
display: block !important;
}
[id="job_preview"] .job_listing_preview {
border: 5px solid #eee;
padding: 20px 20px 0;
}
[id="job_preview"] .single_job_listing li {
font-size: 16px !important;
font-weight: 400 !important;
color: var(--color-black) !important;
padding-left: 0 !important;
}
/* PRAKTIKUM UND SCHNUPPERN */
.job_filters [value="schnuppertag"] {
display: none;
}
.job_filters [value="schnuppertag"][selected="selected"],
.job_filters [value="praktikum"][selected="selected"] + [value="schnuppertag"] {
display: block;
}
.job_filters select:has([value="schnuppertag"][selected="selected"]) option:not([value="praktikum"]):not([value="schnuppertag"]),
.job_filters select:has([value="praktikum"][selected="selected"]) option:not([value="praktikum"]):not([value="schnuppertag"]) {
display: none;
}
/* JOB ANLEGEN SIGNIN DISABLE LINK */
.job-manager-form fieldset .account-sign-in .button,
div#job-manager-job-dashboard p.account-sign-in a {
display: none;
}
/* ORDER ABMELDEN */
.jm-dashboard__intro > .jm-dashboard__actions .jm-ui-button[href*="logout"] {
order: 3;
}
.jm-dashboard__actions {
display: flex;
}