/*
 Theme Name:   YOOtheme Child
 Theme URI:    https://waiblinger-zeitarbeit.de/
 Description:  Child Theme für YOOtheme Pro
 Author:       Christian Kurz Mediendesign
 Author URI:   https://www.medienmatrixx.de
 Template:     yootheme
 Version:      1.0.0
*/


/* ==========================================================================
   ___ Global Corrections
   ========================================================================== */
/* Decorations */
.tm-box-decoration-primary,
.tm-box-decoration-default {
    &::before {
        transform: translate(20px, 20px);
        background-color: transparent;
    }
}
/* Hintergrundbilder aus Template entferenen */
.uk-section-default {
    background-image: none !important;
}
/* Individuelle Zeilenhöhe */
.wz-line-height-custom {
    line-height: 1;
}
/* Headlines */
.wz-headline-thin {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 300;
    letter-spacing: 4px;
}
.uk-heading-divider {
    padding-bottom: 0.225em;
    border-bottom: 0.08em solid #A80071 !important;
}
/* ==========================================================================
   ___ END Global Corrections
   ========================================================================== */

/* ==========================================================================
   ___ Menü Jobangebote
   ========================================================================== */
.uk-navbar-nav > li.button-menu {
    > a {
        color: #A80071 !important;
        &:hover,
        &:focus {
            color: #fff !important;
        }
    }
    &.uk-active > a {
        color: #fff !important;
    }
}
/* ==========================================================================
   ___ END Menü Jobangebote
   ========================================================================== */

/* ==========================================================================
   ___ Footer-Button
   ========================================================================== */
.btn-footer > .uk-button-primary {
    border: 1px solid #fff !important;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(168, 0, 113, 0.25);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;

    &:hover,
    &:focus {
        border-color: #A80071 !important;
        box-shadow: 0 3px 8px rgba(168, 0, 113, 0.3);
    }
}
/* ==========================================================================
   ___ END Footer-Button
   ========================================================================== */

/* ==========================================================================
   ___ Kontaktformular
   ========================================================================== */
.fm-form-container.fm-theme1 .fm-form {
    padding: 0 !important;

    .button-submit {
        border-radius: 6px;
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }
}
/* ==========================================================================
   ___ END Kontaktformular
   ========================================================================== */


/* ==========================================================================
   ___ Complianz
   ========================================================================== */
#cmplz-manage-consent .cmplz-manage-consent {
	background-color: #a80071 !important;
	border-radius: 6px 6px 0 0!important;
	font-family: 'Barlow Semi Condensed' !important;
	color: #fff !important;

	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
}
.cmplz-btn {
	font-size: 16px !important;
	padding: 0 27px !important;
}

/* ==========================================================================
   ___ END Complianz
   ========================================================================== */


/* ==========================================================================
   ___ Mobile Anpassungen
   ========================================================================== */
@media (max-width: 767px) {
    .uk-text-large {
        font-size: 18px;
    }
    .uk-h6 {
        font-size: 28px;
    }
    .uk-button {
        text-align: left;
    }
}
/* ==========================================================================
   ___ END Mobile Anpassungen
   ========================================================================== */

/* ==========================================================================
   ___ Simple Chat Button (Whatsapp)
   ========================================================================== */
#simple-chat-button--button {
        width: 49px !important;
    height: 49px !important;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center / 32px 32px no-repeat #25D366 !important;
box-shadow: 0 2px 4px rgba(168, 0, 113, 0.25) !important;
}
/* ==========================================================================
   End ___ Simple Chat Button (Whatsapp)
   ========================================================================== */

/* ==========================================================================
   ___ Bewerbungsformular – Vorname / Nachname responsive
   ========================================================================== */
@media (max-width: 767px) {
    .wn-form-name {
        flex-direction: column !important;
    }
    .wn-form-name > .wd-width-50 {
        width: 100% !important;
    }
    .wn-form-name > .wd-name-separator {
        display: none;
    }
    .wn-form-name > .wd-width-50:last-child {
        margin-top: 20px;
    }
}
/* ==========================================================================
   END ___ Bewerbungsformular – Vorname / Nachname responsive
   ========================================================================== */