@import url('https://fonts.googleapis.com/css?family=Over+the+Rainbow');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Homemade+Apple');
@import url('https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise');

.post-content .webcu-trainee-bannerbox .fusion-title h1 {
    font-size: 30px;
    color: #222222;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.post-content .training-title h1 {
    text-transform: none;
    letter-spacing: normal;
    font-size: 30px;
    margin-bottom: 0 !important;
}

#wrapper .post-content .webcu-trainee-h3toh2 h2 {
    font-size: 22px;
    line-height: 1.2;
    margin-top: 40px;
    margin-bottom: 0.2em;
}

.training-handwritten {
    font-family: 'Waiting for the Sunrise', cursive;
    font-size: 50px;
    height: 100%;
    margin: auto 0;
    text-align: center;
}

.training-member-name {
    font-family: 'Waiting for the Sunrise', cursive;
    font-size: 35px;
}

.fusion-layout-column.webcu-right-text {
    color: #fff;
    border-color: #222;
    margin-top: -50px !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    right: 50px;
    top: 0;
    text-align: center;
}

.webcu-right-text:hover {
    border-color: #fff !important;
    color: #222;
}

.post-content .webcu-right-text h2 {
    color: #fff;
    transition: all 0.3s ease;
}

.post-content .webcu-right-text:hover h2 {
    color: #222;
}

/* TEST 2 */

.fusion-layout-column.color-white {
    color: #fff;
    border-color: #222 !important;
    margin-top: -50px !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 50px;
    top: 0;
    text-align: center;
}
.color-white:hover {
    border-color: #fff;
    color: #222;
}


.trainee-fourtysixty .fusion-column-wrapper {
    height: 500px !important;
}

.post-content .color-white h2 {
    color: #fff;
    transition: all 0.3s ease;
}

.post-content .color-white:hover h2 {
    color: #222;
}

/* BUTTONS */

.trainee-sep-start,
.fusion-button.trainee-btn-start {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bsp-one:hover .trainee-sep-start,
.bsp-one:hover .fusion-button.trainee-btn-start .fusion-button-text,
.bsp-one:hover .fusion-button.trainee-btn-start,
.color-white:hover .trainee-sep-start,
.color-white:hover .fusion-button.trainee-btn-start .fusion-button-text,
.color-white:hover .fusion-button.trainee-btn-start,
.webcu-right-text:hover .trainee-sep-start,
.webcu-right-text:hover .fusion-button.trainee-btn-start .fusion-button-text,
.webcu-right-text:hover .fusion-button.trainee-btn-start {
    border-color: #fff !important;
    color: #fff !important;
}

.fusion-button.trainee-btn-start .fusion-button-text {
    color: #222 !important;
    font-weight: bold;
}

.fusion-button.trainee-btn-start {
    background: transparent;
    color: #222 !important;
    border: 2px solid #222 !important;
}

.fusion-button.trainee-btn-start:hover {
    color: inherit !important;
    border: 2px solid !important;
    border-color: inherit !important;
    background: rgba(255,255,255,.3);
}

.tree-animated {
    margin-top: -150px;
}

.tree-animated.fusion-imageframe img {
    width: 50%;
}



/* TRAINING PAGE */

.page-template-page-training #main .fusion-fullwidth.site-find-training,
.page-template-page-training #main .fusion-layout-column.site-find-training {
    max-width: 1250px;
    margin: 0 auto !important;
}

.form-find-training--container {
    max-width: 1250px;
    margin: 0 auto 20px auto;
}

.form-find-training {
    width: 65.4%;
    background: #555;
    color: #fff;
    padding: 40px;
}

.webcu-training-search {
    max-width: 1250px;
    margin: 0 auto 20px auto;
}

.webcu-azubi-suche-title {
    padding: 0 0 10px 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    background-image: linear-gradient(to right, #fff 100%, transparent 100%);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 2em 2px;
    text-align: center;
}

.form-find-training--title {
    color: #fff;
    font-size: 19px !important;
    margin: 20px 0;
    font-weight: bold;
    text-align: center;
}

.webcu-azubi-plz input[type="text"],
.webcu-azubi-radius select {
    border: none;
    height: auto;
    padding: 11px 15px;
    margin-top: 10px;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    color: #333;
    text-align: center;
    text-align-last: center;
}

.webcu-azubi-plz input[type="text"]::-webkit-input-placeholder,
.webcu-azubi-plz input[type="text"]::-moz-placeholder,
.webcu-azubi-plz input[type="text"]:-ms-input-placeholder {
    color: #333;
}

.webcu-azubi-plz,
.webcu-azubi-radius {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.webcu-azubi-plz label,
.webcu-azubi-radius label {
    text-align: center;
}

.webcu-azubi-submit {
    clear: both;
    display: block;
}

.webcu-btn-azubi {
    background: #73bd00;
    border: none;
    background-image: none;
    padding: 9px 12px;
    color: #fff;
    font-size: 16px;
}

.webcu-btn-azubi:hover {
    cursor: pointer;
}

.webcu-training-listing {
    max-width: 1250px !important;
    margin: 0 auto;
    margin-left: 0;
}

/* BUTTON */

.webcu-btn-azubi:hover {
    background: #409526;
    cursor:pointer;
}

.webcu-btn-azubi {
    background: #50a603;
    border: none;
    background-image: none;
    padding: 9px 10px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 35px;
    width: 100%;
}

.webcu-btn-azubi i {
    font-size: 14px;
    padding-right: 5px;
}

/* SINGLE TRAINING PAGE */

.fusion-title.fusion-sep-none.training-single-title .title-heading-left {
    color: #222;
    font-size: 22px;
    letter-spacing: normal;
    text-align: center;
    text-shadow: none;
}

.training-single-tip {
    font-family: 'Waiting for the Sunrise', cursive;
    color: #fff;
    font-size: 30px;
}

.training-childpages .onecol .ccchildpage {
    width:100%;
}

/* STECKBRIEF */

.webcu-training-character-title {
    font-family: 'Waiting for the Sunrise', cursive;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/* NAME MOBIL */
.training-single-name {
    font-size: 30px;
    line-height: 1.2;
    color: #222222;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.training-single-name-mobile {
    font-size: 24px;
    line-height: 28.8px;
    color: #222222;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

.webcu-training-character {
    color: #fff;
}


.webcu-training-banner {
    padding: 250px 50px 100px 50px !important;
}

/* RESPONSIVE */

@media only screen and (max-width: 1024px) and (min-width: 641px) {

    .fusion-layout-column.webcu-right-text,
    .fusion-layout-column.color-white {
        margin: -20px  0 20px 0!important;
        position: relative;
        right: 0;
        left: 0;
    }

    .fusion-layout-column.fusion-column-last.trainee-fourtysixty {
        margin-right: 0 !important;
    }

    .trainee-fourtysixty .fusion-column-wrapper {
        height: 400px !important;
    }

    .training-member-name { font-size: 30px; }

    .webcu-training-all-job { margin: 20px 0 0 0 !important; padding: 0 0 0 0 !important; }

    .tree-animated.fusion-imageframe img { width: 70%; }

    /* EUNZELNE JOBSEITEN */
    .fusion-body .fusion-layout-column.fusion_builder_column.webcu-trainee-bannerbox {
        width: 60% !important;
    }

    .fusion-body .fusion-layout-column.fusion_builder_column.webcu-trainee-bannerbox.bannerbox-right {
       float: right;
    }

    .fusion-body .fusion-layout-column.fusion_builder_column.training-childpages {
        width: 50% !important;
        margin-right: 0 !important;
        clear: none;
    }
    .width-100 .fusion-fullwidth.webcu-trainee-bannerleft {
        background-position: 64% top !important;
    }
    .width-100 .fusion-fullwidth.webcu-trainee-bannerright {
        background-position: 31% top !important;
    }

    .page-template-page-training #main .fusion-layout-column.site-find-training { padding: 10px 26px; }
}

@media screen and (max-width: 640px) {

    .form-find-training { width: 100%; padding: 30px 10px 0 10px; }

    .webcu-azubi-plz, .webcu-azubi-radius { margin-top: 0; }

    .webcu-training-all-top .wood-shipping {
        margin-left: -30px;
        margin-right: -30px;
    }

    .fusion-layout-column.webcu-right-text,
    .fusion-layout-column.color-white {
        margin-top: -20px !important;
        position: relative;
        right: 0;
        left: 0;
    }

    .trainee-fourtysixty .fusion-column-wrapper {
        height: 200px !important;
    }

    .training-member-name { font-size: 30px; }

    .webcu-training-all-job { margin: 20px 0 0 0 !important; padding: 0 0 0 0 !important; }

    .tree-animated.fusion-imageframe img { width: 90%; }

    .fusion-body .fusion-layout-column.fusion_builder_column.training-childpages .cc-child-pages-thumb {
        display: inline-block;
    }

    .page-template-page-training #main .fusion-layout-column.site-find-training { padding: 26px; }

    .training-single-name {
        font-size: 24px;
        line-height: 28.8px;
    }

    .webcu-training-banner {
        padding: 100px 50px 20px 50px !important;
        background-position: 23% center !important;
    }

}