/*
Theme Name: P3 Karriere-Homepage Child
Theme URI: https://p3creation.com
Description: Child Theme
Author: P3 CREATION GROUP
Author URI: https://p3creation.com
Template: p3-karriere-homepage
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: p3-karriere-homepage-child
Tags: 
Domain Path: /languages
*/

/* Basics */

.bg-primary {
    background-color: #0090df!important;
}

main {
    padding-top: 60px;
}

main a {
    text-decoration: underline;
}

#contact-phone a,
#contact-email a{
	text-decoration: none;
}

#faqs-accordion a{
    color: #572381;
    text-decoration: underline;
}

#faqs-accordion a:hover{
    text-decoration: none;
}


/* List-Style */

.list-style-3 ul {
    padding-left: 0;
}

.list-style-3 ul li {
    list-style-type: none;
    padding-left: 22px;
    position: relative;
}

.list-style-3 ul li:before {
    color: #572381;
    content: "\f138";
    font-family: "Font Awesome 5 Free";
    left: 0;
    position: absolute;
    font-weight: 900;
}

/* Header */

header, header .top-nav {
    position: relative;
}

header .top-nav,
header .top-nav a{
	color: #fff;
}

header .navbar-brand{
	margin-top: 40px;
    flex-grow: 1;
}

header .top-nav:before {
    background: #572381;
    border-right: 15px solid #fff;
    bottom: 0;
    content: "";
    display: block;
    left: -4px;
    position: absolute;
    top: 0;
    transform: skewX(10deg);
    width: 40%;
}

header:after {
    background-color: #fff;
    bottom: -40px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transform: skewy(-2deg);
    width: 100%;
    z-index: -1;
}

button.navbar-toggler {
    margin-top: -5px !important;
    margin-left: 10px;
}

.icon-bar {
    margin-top: 5px;
}

@media (min-width: 470px) AND (max-width: 991px) {
    .btn-navbar{
        display: block !important;
    }
}

/* Tab-Navi */

.nav-pills .nav-link{
	border-radius: 0;
}

/* FAQ */

.faq, .faq > .card-header {
    border-radius: 0;
    border: 0;
}

/* Über uns */

#cities-nearby{
    border-radius: 0;
    box-shadow: none;
}

/* Ausbildung */

#einrichtungen .table .thead-dark th {
    color: #fff;
    background-color: #572381;
    border-color: #572381;
}

/* Kontakt */

#locations-tab-content iframe{
	min-height: 350px;
}

/* Footer */

#footer .footer-logo {
    filter: brightness(0) invert(1);
}

#copyright{
	border-top: 5px solid #fff;
	padding-top: 15px;
	margin-top: 2.1875rem;
}

#copyright > div {
    margin-top: 0;
}

/* Ansprechpartner */

.ansprechpartner-2 .counterpart-img, #contact-tab-pane-1 .counterpart-img {
    max-width: 180px;
    margin-bottom: 0.9375rem !important;
}

/* Front-Page */

@media (max-width: 1023px) {
    .flip-card-quote, .tile-quote {
        font-size: 14px;
    }
}

#tiles-grid .tile-img-card h2,
#tiles-grid .tile-icon-card h2{
    font-size: 24px;
    color: #fff;
    margin-bottom: 3px;
}

.tile-img-card .content-container{
    padding: 0.75rem !important;
}

.tile-img-card .img-container,
.tile-img-card .link-container,
.tile-img-card .link-container svg,
.tile-icon-card .img-container,
.tile-icon-card .link-container,
.tile-icon-card .link-container svg{
    transition: all 0.2s;
}

.tile-icon-card:hover .link-container svg,
.tile-img-card:hover .link-container svg{
    background-color: rgba(0,0,0,0.3);
    transition: all 0.3s;
    padding-top: 0;
    padding-bottom: 0;
}

.tile-img-card:hover .img-container{
    height: 130px;
    transition: all 0.3s;
}

.tile-icon-card:hover .img-container{
    height: 130px;
    min-height: 130px;
    transition: all 0.3s;
}

.tile-icon-card .link-container svg,
.tile-img-card .link-container svg{
    height: 35px;
}

#tile-802,
#tile-809,
#tile-392{
    background-color: #0090df;
}


#tile-809.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-802.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-392.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-388.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-469.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-470.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-477.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-1822.tile-icon-card > .tile-content > .icon-card-wrapper,
#tile-1871.tile-icon-card > .tile-content > .icon-card-wrapper{
	justify-content: center;
}

#tile-809.tile-icon-card .content-container,
#tile-802.tile-icon-card .content-container,
#tile-392.tile-icon-card .content-container,
#tile-388.tile-icon-card .content-container,
#tile-469.tile-icon-card .content-container,
#tile-470.tile-icon-card .content-container,
#tile-477.tile-icon-card .content-container,
#tile-1822.tile-icon-card .content-container,
#tile-1871.tile-icon-card .content-container{
	height: unset;
}

#tile-1825 .tile-bg-img{
    transition: all 0.3s ease-in-out;
}

#tile-1825:hover .tile-bg-img{
    transition: all 0.3s ease-in-out;
    transform: scale(1.05);
    opacity: 0.95;
}

/* Basics */

.textmarker h1,
.textmarker h2,
.textmarker h3,
h1.textmarker,
h2.textmarker,
h3.textmarker{
    background-color: #572381;
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    transform: rotate(358deg);
}

.video-1 .embed-responsive:after {
    background-color: #572381;
}

.video-2 .embed-responsive:after {
    background-color: #0090df;
}

/* Card Purple  */

.card-purple > .wpb_column > .vc_column-inner > .wpb_wrapper{
    background-color: #572381;
    height: 100%;
    padding: 0;
    transition: all 0.3s;
    margin-bottom: 30px;
}

.card-purple > .wpb_column > .vc_column-inner > .wpb_wrapper h2{
    color: #fff;
    text-align: center;
    font-size: calc(.9rem + 0.4vw);
}

.card-purple > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image,
.card-purple > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_text_column{
    margin-bottom: 25px;
}

/*
.card-purple > .wpb_column > .vc_column-inner > .wpb_wrapper:hover{
    box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px;
    transition: all 0.3s;
}
*/


/* Card Blue  */

.card-blue > .wpb_column > .vc_column-inner > .wpb_wrapper{
    background-color: #0090df;
    height: 100%;
    padding: 0;
    transition: all 0.3s;
    margin-bottom: 30px;
}

.card-blue > .wpb_column > .vc_column-inner > .wpb_wrapper h2{
    color: #fff;
    text-align: center;
    font-size: calc(.9rem + 0.4vw);
}

.card-blue > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_single_image,
.card-blue > .wpb_column > .vc_column-inner > .wpb_wrapper .wpb_text_column{
    margin-bottom: 25px;
}

/*
.card-blue > .wpb_column > .vc_column-inner > .wpb_wrapper:hover{
    box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px;
    transition: all 0.3s;
}
*/

/* Alert */

.alert.textmarker h3{
    margin-left: -15px;
}

.alert p{
    color: #572381;
    background: #fff;
    padding: 30px;
    margin-top: -25px;
}

.alert p + p{
    padding: 0 30px 30px 30px; 
}


/* Col Button */

.col-button.col-button-blue > .vc_column-inner > .wpb_wrapper{
    text-align: center;
    background-color: #0090df;
    padding: 15px;
    margin-bottom: 15px;
    transition: all 0.3s;
}

.col-button.col-button-blue > .vc_column-inner > .wpb_wrapper:hover{
    background-color: #572381;
    transition: all 0.3s;
}

.col-button.col-button-blue > .vc_column-inner > .wpb_wrapper a{
    color: #fff;
    text-decoration: none;
}

/* Gehaltsbeispiele */

#gehaltsbeispiele .card{
    background-color: #0090df;
    color: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

#gehaltsbeispiele .card:after {
    content: " ";
    display: block;
    width: calc(100% + 20px);
    height: 35px;
    position: absolute;
    background-color: rgba(0,0,0,0.1);
    transform: rotate( 358deg);
    left: -10px;
    bottom: -10px;
}

#gehaltsbeispiele .card h2,
#gehaltsbeispiele .card h3,
#gehaltsbeispiele .card h4,
#gehaltsbeispiele .card h5,
#gehaltsbeispiele .card p{
    color: #fff;
}

#gehaltsbeispiele .card dt,
#gehaltsbeispiele .card dd{
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    padding: 5px;
    margin-bottom: 0;
    font-weight: normal;
}

#gehaltsbeispiele .card dd{
    text-align: right;
}

/* Cards */

.card > img.card-icon-top{
	width: 128px;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
}

/* Card-Blue */

.card-blue .card{
    background-color: #0090df;
    color: #fff;
    border: 0;
    border-radius: 0;
}

.card-blue .card p{
    margin-bottom: 0;
}

.card-blue .card .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-blue .card .card-title {
    color: #fff;
    text-align: center;
}

/* Card-Purple */

.card-purple .card{
    background-color: #572381;
    color: #fff;
    border: 0;
    border-radius: 0;
}

.card-purple .card .card-title {
    color: #fff;
}

/* Card-1 */

.card-1 .image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px;
}

.card-1 .content{
    display: flex;
    align-items: center;
}

/* Multi-Standorte */

	.location-carousel .owl-nav {

	}

	.location-carousel .owl-nav [class*=owl-]{
	    width: 30px;
	    height: 30px;
	    border-radius: 0;
	    margin: 0;
	    background-color: #0090df !important;
	    font-size: 15px !important;
	    color: #fff !important;
	    opacity: 1;
	}

	.location-carousel .owl-nav .owl-prev{
		border-right: 1px solid rgba(0,0,0,0.2) !important;
	}

    .location-carousel .owl-nav [class*=owl-]:hover{
        background-color: #43b0ee !important;
        outline: none;
    }

    .location-carousel .owl-nav .disabled {
    	background-color: #43b0ee !important;
    }


/* Benefits */

    #benefits_tiles #tile-1055.tile-icon-card > .tile-content > .icon-card-wrapper{
        justify-content: center;
    }

    #benefits_tiles #tile-1055.tile-icon-card .content-container{
        height: unset;
    }

    #benefits_tiles #tile-1042.tile-video .stretched-link{
        color: #202020;
    }


/* OWL */

.layout-standard-1 .owl-nav .owl-next,
.layout-standard-1 .owl-nav .owl-prev {
    background-color: #0090df !important;
}

.layout-standard-1 .owl-nav .owl-next:hover, .layout-standard-1 .owl-nav .owl-prev:hover {
    background-color: #572381 !important;
}


/* post-grid-layout-ausbildung */

.post-grid-layout-ausbildung .card{
    background-color: #0090df;
    border-radius: 0;
    border: 0;
    color: #fff;
    transition: all 0.5s;
}

.post-grid-layout-ausbildung .card:hover{
    box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 20%);
    transition: all 0.5s;
    background-color: #572381;
}

.post-grid-layout-ausbildung .card a{
    text-decoration: none;
}

.post-grid-layout-ausbildung .card h2{
    color: #fff;
    text-align: center;
}

.post-grid-layout-ausbildung .card .card-body{
    padding: 2rem 1.25rem;
}

.post-grid-layout-ausbildung .card .card-footer{
    padding-top: 0;
    padding-bottom: 0;
}

.post-grid-layout-ausbildung svg{
    height: 45px;
    fill: #fff;
}



/* ------------------ */


/* Column-Box */

    .col-box a{
        color: #0077be !important;
        text-decoration: none !important;
    }

    /* Column-Kacheln (weiß) */

    	.col-box.col-white > .vc_column-inner > .wpb_wrapper{
    	    background-color: #fff;
    	    height: 100%;
    	    padding: 0;
            transition: all 0.3s;
    	}

    /* Column-Kacheln (Schatten) */

    	.col-box.col-white-shadow > .vc_column-inner > .wpb_wrapper{
    	    background-color: #fff;
    	    height: 100%;
    	    padding: 0;
    	    box-shadow: rgb(100 100 100 / 20%) 0px 0px 5px 0px;
            transition: all 0.3s;
    	}

        .col-box.col-white-shadow-lg > .vc_column-inner > .wpb_wrapper{
            background-color: #fff;
            height: 100%;
            padding: 0;
            box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
            transition: all 0.3s;
        }

    /* Column-Kacheln (grau) */

    	.col-box.col-grey > .vc_column-inner > .wpb_wrapper{
    	    background-color: #f5f5f5;
    	    height: 100%;
    	    padding: 0;
            transition: all 0.3s;
    	}

    /* Column-Kacheln (basics) */

        /* Margin / Padding */

        .col-box.p-15 > .vc_column-inner > .wpb_wrapper{
            padding: 15px
        }

    	.col-box.p-30 > .vc_column-inner > .wpb_wrapper{
    		padding: 30px
    	}

    	.col-box.p-45 > .vc_column-inner > .wpb_wrapper{
    		padding: 45px
    	}

        .col-box.mb-30 > .vc_column-inner > .wpb_wrapper{
            margin-bottom: 30px
        }

        .col-box.mb-45 > .vc_column-inner > .wpb_wrapper{
            margin-bottom: 45px
        }

        .col-box > .vc_column-inner > .wpb_wrapper .wpb_text_column,
        .col-box > .vc_column-inner > .wpb_wrapper .wpb_single_image{
            margin-bottom: 0;
        }

        /* Align */

    	.col-box.align-center > .vc_column-inner > .wpb_wrapper{
    	    display: flex;
    	    align-items: center;
    	}

        .col-box.align-center-center > .vc_column-inner > .wpb_wrapper{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
        }

        /* Hover */

        .col-box.col-hover-shadow > .vc_column-inner > .wpb_wrapper:hover{
            box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
            transition: all 0.3s;
        }

        .col-box.col-hover-shadow-lg > .vc_column-inner > .wpb_wrapper:hover{
            box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px;
            transition: all 0.3s;
        }




/* Textbox */

    .textbox a{
        color: #0077be !important;
        text-decoration: none !important;
    }

    /* Column-Kacheln (weiß) */

    	.textbox.textbox-white > .wpb_wrapper{
    	    background-color: #fff;
    	    height: 100%;
    	    padding: 0;
            transition: all 0.3s;
    	}

    /* Column-Kacheln (Schatten) */

    	.textbox.textbox-white-shadow > .wpb_wrapper{
    	    background-color: #fff;
    	    height: 100%;
    	    padding: 0;
    	    box-shadow: rgb(100 100 100 / 20%) 0px 0px 5px 0px;
            transition: all 0.3s;
    	}

        .textbox.textbox-white-shadow-lg > .wpb_wrapper{
            background-color: #fff;
            height: 100%;
            padding: 0;
            box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
            transition: all 0.3s;
        }

    /* Column-Kacheln (grau) */

    	.textbox.textbox-grey > .wpb_wrapper{
    	    background-color: #f5f5f5;
    	    height: 100%;
    	    padding: 0;
            transition: all 0.3s;
    	}

    /* Column-Kacheln (basics) */

        /* Margin / Padding */

        .textbox.p-15 > .wpb_wrapper{
            padding: 15px
        }

    	.textbox.p-30 > .wpb_wrapper{
    		padding: 30px
    	}

    	.textbox.p-45 > .wpb_wrapper{
    		padding: 45px
    	}

        .textbox.mb-30 > .wpb_wrapper{
            margin-bottom: 30px
        }

        .textbox.mb-45 > .wpb_wrapper{
            margin-bottom: 45px
        }

        /* Hover */

        .col-box.col-hover-shadow > .wpb_wrapper:hover{
            box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
            transition: all 0.3s;
        }

        .col-box.col-hover-shadow-lg > .wpb_wrapper:hover{
            box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px;
            transition: all 0.3s;
        }


/* Kacheln auf Seite "Ausbildung" */

body.page-id-406 .tile-icon-card > .tile-content > .icon-card-wrapper{
    justify-content: center;
}

body.page-id-406 .tile-icon-card:hover .img-container {
    height: 150px;
    min-height: 150px;
    transition: all 0.3s;
}



/* Buttons */

.diakonie-button-filled > a,
.diakonie-button-filled > button,
input.diakonie-button-filled{
    font-size: 16px !important;
    border-radius: 0 !important;
    background-image: none !important;
    background-color: #0090df !important;
    border: 2px solid #0090df !important;
    color: #fff !important;
    padding: 10px 30px !important;
    transition: 0.3s !important;
}

.diakonie-button-filled > a:hover,
.diakonie-button-filled > button:hover,
input.diakonie-button-filled:hover{
    border-radius: 0 !important;
    background-image: none !important;
    background-color: #572381 !important;
    border: 2px solid #572381 !important;
    color: #fff !important;
    padding: 10px 30px !important;
    transition: 0.3s !important;
}

    /* VC-Button mit Icons */

    .diakonie-vc-button-icon-left > a, .diakonie-vc-button-icon-left > a:hover,
    .diakonie-vc-button-icon-left > button, .diakonie-vc-button-icon-left > button:hover{
        padding-left: 45px !important;
    }

    .diakonie-vc-button-icon-right > a, .diakonie-vc-button-icon-right > a:hover,
    .diakonie-vc-button-icon-right > button, .diakonie-vc-button-icon-right > button:hover{
        padding-right: 45px !important;
    }