/*
 * Theme Name: Dore-Jacobs-Child-Theme
 * Theme URI: https://www.hozjan.net
 * Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von Hozjan Artwork. Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 * Author: Benny Hozjan
 * Author URI: https://www.hozjan.net
 * Template: Divi
 * Version: 1.0.0
 * Tag: divi, child-theme, rawbone, easy-to-use, 
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

#et-top-navigation {
    font-weight: 400;
}

.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mfp-title {
 display:none;
} 

@media only screen and (max-width: 981px) {
    .et_pb_gallery_grid .et_pb_gallery_image img {
        width: 100%!important;
    }
}


/* ==========================================================================
   Warteliste CSS Styling
   ========================================================================== */
.ribbon11 {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index:10;
}

.ribbon11:before,
.ribbon11:after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #8b0034;
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon11:before {
	top: 0;
	right:20px;
}

.ribbon11:after {
	bottom: 20px;
	left:0;
}

.ribbon11 span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 10px 0;
	background-color: #ff005d;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 600 15px/1 'Noto Sans', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	text-align: center;
	right: -15px;
	top: 35px;
	transform: rotate(-45deg);
}

/* Warteliste erstmal ausblenden */
.status.ausblenden, .warteliste.ausblenden, .ausgebucht.ausblenden {
	display: none !important;
}

/* ==========================================================================
   Kontaktseite-Seite CSS Styling
   ========================================================================== */

.bh_jello:hover {
    animation: wobble .82s cubic-bezier(.36, .07, .19, .97) both;
    cursor: pointer;
}

@keyframes wobble {
    16.65% {
        transform: translateX(5px)
    }
    33.3% {
        transform: translateX(-4px)
    }
    49.95% {
        transform: translateX(3px)
    }
    66.6% {
        transform: translateX(-2px)
    }
    83.25% {
        transform: translateX(1px)
    }
    100% {
        transform: translateX(0)
    }
}


/* ==========================================================================
   Blog-Seite CSS Styling
   ========================================================================== */
/* Removing bottom gap paragraph from single posts */

#et-main-area p:not(.has-background):last-of-type {
    display: none;
}

#main-content p:not(.has-background):last-of-type {
    display: block;
}

.single #et-main-area p:not(.has-background):last-of-type {
    display: none;
}

.single #main-content p:not(.has-background):last-of-type {
    display: block;
}

@media only screen and (min-width: 981px) {
    .bh_blog.et_pb_posts .et_pb_post img,
    .bh_blog.et_pb_posts .et_overlay {
        height: 15rem;
        width: 20rem;
        float: left;
        display: block;
        left: 0;
        margin-right: 25px;
        object-fit: cover;
        overflow: hidden;
        transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
        -o-transition: 0.3s ease all;
        -ms-transition: 0.3s ease all;
        -moz-transition: 0.3s ease all;
    }
    
    .bh_blog.et_pb_posts .et_pb_post:hover img {
		transform:scale(1.03);
		-webkit-transform:scale(1.03);
		-o-transform:scale(1.03);
		-ms-transform:scale(1.03);
		-moz-transform:scale(1.03);
	}
}

@media only screen and ( max-width: 980px) {
    .bh_blog .et_pb_post .post-content {
        display: block;
        margin-bottom: 60px;
    }
    .bh_blog.et_pb_posts a.more-link {
        display: flex;
        position: relative;
        justify-content: center;
        width: 100%;
    }
}

@media only screen and ( min-width: 982px) and ( max-width: 1100px) {
    .bh_blog article {
        width: 47%!important;
        margin: .7rem;
        float: left!important;
    }
}

.bh_blog.et_pb_posts .entry-title {
    padding-left: 20px;
    padding-right: 20px;
}

.bh_blog .et_pb_post .post-meta {
    display: block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.bh_blog .et_pb_post .post-content {
    padding-left: 20px;
    padding-right: 20px;
}

.bh_blog.et_pb_posts .et_pb_post {
    background: #fff;
    border: 1px solid #eee;
    transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    box-shadow: 0px 25px 30px -10px rgba(112, 111, 111, 0.2);
    overflow:hidden;
}

.bh_blog.et_pb_posts .et_pb_post:hover {
    box-shadow: 0px 5px 20px -10px rgba(112, 111, 111, 0.2);
}

.bh_blog.et_pb_posts a.more-link {
    display: flex;
    position: absolute;
    bottom: 0;
    background: #fcf2e7;
    color: #df7b0c;
    padding: 12px 20px;
    right: 0;
    transition: 0.7s ease all;
        -webkit-transition: 0.7s ease all;
        -o-transition: 0.7s ease all;
        -ms-transition: 0.7s ease all;
        -moz-transition: 0.7s ease all;
}

.bh_blog.et_pb_posts a.more-link:hover {
    background: #df7b0c;
    color: #fff;
}

.bh_blog.et_overlay {
    border: none;
}

.bh_featured_grid .et_pb_post:last-child {
    margin-bottom: 0!important;
}
/* ==========================================================================
   Social Media Share CSS Styling
   ========================================================================== */
.social-box {
    display: block;
    /*padding: 0 6rem 0;*/
    text-align:center;
    border-radius:5px;
    background:#f9f9f9
}

@media only screen and (max-width: 981px) {
	.social-box {
    padding: 0 1rem 0;
   }
}

.social-box:last-of-type {
    margin: 0 0 0;
}

span.share-title  {
  display:block;
  font-weight:600;
  font-size:.8rem;
}

.social-btn {
    display: block;
    width: 100%;
    margin-top:30px;
    padding:1rem;
}

a.col-2.sbtn span {
    display: none;
}

a.col-2.sbtn {
    width: 6%;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    margin: 2% 1% 2% 0;
    line-height: 1.825 !important;
    max-width: 50px;
    min-width: 50px;
}

.s-twitter, 
.s-facebook,
.s-email,
.s-whatsapp,
.s-linkedin,
.s-pinterest {
	background: #ccc;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.s-twitter::before {
	font-family: 'Font Awesome\ 5 Brands';
    font-weight: 600;
    content: '\f099';
}
.s-twitter:hover {
    background: #03A9F4;
}

.s-facebook::before {
    font-family: 'Font Awesome\ 5 Brands';
    font-weight: 600;
    content: '\f39e';
}
a.col-2.sbtn.s-facebook:hover {
    background: #3F51B5;
}

.s-email::before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    content: '\f0e0';
}
.s-email:hover {
    background: #df7b0c;
}

.s-whatsapp::before {
    font-family: 'Font Awesome\ 5 Brands';
    font-weight: 600;
    content: '\f232';
}
a.col-2.sbtn.s-whatsapp:hover {
    background: #4CAF50;
}

.s-linkedin::before {
    font-family: 'Font Awesome\ 5 Brands';
    font-weight: 600;
    content: '\f0e1';
}
a.col-2.sbtn.s-linkedin:hover {
    background: #1a7baa;
}

.s-pinterest::before {
    font-family: 'Font Awesome\ 5 Brands';
    font-weight: 600;
    content: '\f231';
}
a.col-2.sbtn.s-pinterest:hover {
    background: #bd081c;
}


.social-btn a:last-of-type {
    margin: 0!important;
}



/* ==========================================================================
   Team-Seite CSS Styling
   ========================================================================== */

.bh_team_row .et_pb_column {
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0px 25px 30px -10px rgba(112, 111, 111, 0.2);
    margin-top: 30px;
    margin-bottom: 30px;
}

.bh_team_blurb .et_pb_main_blurb_image {
    width: 180px;
    margin: -50px auto auto;
    display: block;
}

.bh_team_blurb .et_pb_main_blurb_image::before {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_9.svg);
    display: block;
    position: absolute;
    top: 10px;
    width: 40px;
    left: -10px;
    z-index: 5;
}

.bh_team_blurb h4 {
    margin: 20px 0 -10px 0;
    font-size: 1.1rem!important;
    text-align: center;
}

.bh_team_blurb span.position {
    display: block;
    text-align: center;
    color: #df7b0c;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.bh_team_blurb p.zitat {
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    font-style: italic;
    font-weight: 200;
    padding: 1rem 0;
    font-size: 14px;
    line-height: 18px;
}

.bh_team_blurb p.bereiche {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3em;
    color: #bbb;
    margin-top: 10px;
    display: block;
}

/* ==========================================================================
   Workshop-Seite Aufzählung CSS Styling
   ========================================================================== */

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

.bh_ws_list ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 6px 0;
}

.bh_ws_list ul li::before {
    content: '\f061';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    display: inline-block;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    width: 20px;
    margin: 0 10px 0 5px;
}


/* ==========================================================================
   Toggle CSS Styling
   ========================================================================== */

.bh_toggle ul {
    list-style: none;
}

.bh_toggle ul>li {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}

.bh_toggle ul>li:last-child {
    border: none;
}

.bh_toggle ul>li::before {
    content: '\f061';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    display: inline-block;
    color: #de7a0d;
    font-size: 14px;
    width: 20px;
    margin-left: -10px;
    margin-right: 10px
}

.bh_toggle.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #de7a0d!important;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 28px!important;
    font-weight: 200;
    content: "+";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bh_toggle.et_pb_toggle_close .et_pb_toggle_title:before {
    color: #000!important;
    font-family: 'PT Sans', sans-serif !important;
    font-size: 28px!important;
    font-weight: 200;
    content: "+";
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* ==========================================================================
    Blurb image Card CSS Styling (Foto+Link)
    ========================================================================== */

.bh_workshop_1 img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

.bh_workshop_1 {
    border: none !important;
    background: #fff;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 5;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-box-shadow: 0 20px 100px rgba(212, 215, 217, .5);
    -moz-box-shadow: 0 20px 100px rgba(212, 215, 217, .5);
    -o-box-shadow: 0 20px 100px rgba(212, 215, 217, .5);
    box-shadow: 0 20px 100px rgba(212, 215, 217, .5);
}

.bh_workshop_1:hover {
    -webkit-box-shadow: 0 40px 100px rgb(212, 215, 217);
    -moz-box-shadow: 0 40px 100px rgb(212, 215, 217);
    -o-box-shadow: 0 40px 100px rgb(212, 215, 217);
    box-shadow: 0 40px 100px rgb(212, 215, 217);
    cursor: pointer;
}

.bh_workshop_1:hover img {
    -webkit-transform: scale(1.00) !important;
    -ms-transform: scale(1.00) !important;
    transform: scale(1.00) !important;
    -webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
    -moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
    -o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
    transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995);
    /* custom */
}

.bh_workshop_1 .et_pb_main_blurb_image {
    margin-bottom: 20px;
    text-align: center;
}


/*	Blurb-Link CSS Styling
    ========================================================================== */

.blurb_link {
    display: block;
    font-size: 15px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.blurb_link:hover {
    letter-spacing: 1px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}


/*  Ripple Icon Effect
    ========================================================================== */

@-webkit-keyframes blurb-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes blurb-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.blurb-ripple-out .et-pb-icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

.blurb-ripple-out .et-pb-icon:before {
    content: '';
    position: absolute;
    /* This is your ripple color & size */
    border: #fff solid 4px;
    /* Uncomment the line below if it's a circle*/
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.blurb-ripple-out:hover .et-pb-icon:before,
.blurb-ripple-out:focus .et-pb-icon:before,
.blurb-ripple-out:active .et-pb-icon:before {
    -webkit-animation-name: blurb-ripple-out;
    animation-name: blurb-ripple-out;
}


/* ==========================================================================
    Section Background Graphic Elements
    ========================================================================== */

.bh_bg_grey,
.bh_bg_white {
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/Element-31.svg), url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/Element-32.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-size: 250px;
}

.bh_bg_white_right {
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/Element-32.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 250px;
}

.bh_bg_white_left {
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/Element-31.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 250px;
}

.bh_bg_grey {
    background-color: #f0f0f1;
}

.bh_bg_white {
    background-color: #fff;
}


/* Tablets in Landscape-Modus zwischen (981-1100px) */

@media only screen and ( min-width: 981px) and ( max-width: 1100px) {
    .bh_bg_grey,
    .bh_bg_white {
        background-size: 200px;
    }
}


/* Tablets in Portrait-Modus zwischen (768-980px) */

@media only screen and ( min-width: 768px) and ( max-width: 980px) {
    .bh_bg_grey,
    .bh_bg_white {
        background-size: 200px;
    }
}


/* Smartphones in Landscape-Modus zwischen (480-768px) */

@media only screen and ( min-width: 480px) and ( max-width: 767px) {
    .bh_bg_grey,
    .bh_bg_white {
        background-size: 150px;
    }
}


/* Smartphones im Portrait-Modus zwischen (0-479px) */

@media only screen and ( max-width: 479px) {
    .bh_bg_grey,
    .bh_bg_white {
        background-image: none;
    }
}


/* ==========================================================================
   Section Divider White TOP + BUTTOM
   ========================================================================== */

.et_pb_slider {
    z-index: 0;
}

.bh_top_divider::before {
    content: '';
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/top.png);
    background-repeat: repeat-x;
    background-position: top;
    position: absolute;
    bottom: 0;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 1;
}

.bh_bottom_divider::after {
    content: '';
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    position: absolute;
    bottom: 0;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 1;
}


/* ==========================================================================
   Section Divider Grey TOP-BOTTOM
   ========================================================================== */

.bh_top_grey_divider::before {
    content: '';
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/12/top-grey.png);
    background-repeat: repeat-x;
    background-position: top;
    position: absolute;
    bottom: 0;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 1;
}

.bh_bottom_grey_divider::after {
    content: '';
    background-image: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/12/bottom-grey.png);
    background-repeat: repeat-x;
    background-position: bottom;
    position: absolute;
    bottom: 0;
    top: -1px;
    left: -1px;
    right: -1px;
    z-index: 1;
}


/* ==========================================================================
   Reverse Column Mobile
   ========================================================================== */

@media only screen and ( max-width: 980px) {
    .bh_flip {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse !important;
    }
}


/* ==========================================================================
   Styling Startseite Sektion Schule entdecken - Blurb
   ========================================================================== */

.bh_blurb_schule .et_pb_main_blurb_image {
    box-shadow: 0px 15px 30px 0px rgba(112, 111, 111, 0.2);
}

.bh_blurb_schule .et_pb_main_blurb_image::after {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_10.svg);
    display: block;
    position: absolute;
    bottom: 15px;
    width: 50px;
    right: 30px;
    z-index: 5;
}


/* ==========================================================================
   Styling Blockquote Testimonial
   ========================================================================== */

blockquote {
    font-weight: 100;
    font-size: 1.5rem;
    max-width: 500px;
    line-height: 1.2;
    position: relative;
    margin: 12rem 0 3rem 0;
    padding: 1rem;
    border-left: none;
    color: #000;
    background: rgba(255, 255, 255, .85)!important;
    border-radius:10px;
}

@media only screen and ( min-width: 782px) {
    blockquote {
        background: none!important;
        margin: 60px 0;
    }
}

@media only screen and ( max-width: 480px) {
    blockquote {
        margin: 10rem 0 3rem 0;
        font-size: 1.1rem !important;
    }
}

blockquote::before,
blockquote::after {
    position: absolute;
    color: #df7b0c;
    font-size: 8rem;
    width: 4rem;
    height: 4rem;
}

blockquote::before {
    content: '“';
    left: -2.5rem;
    top: -1.5rem;
}

blockquote::after {
    content: '”';
    right: -2.5rem;
    bottom: -1.5rem;
}

cite {color:#de7a0d;font-size:1.2rem;}

/* ==========================================================================
   Styling Menu + Fixed Menu Desktop
   ========================================================================== */

#bh_header.fixed {
    position: fixed;
    width: 100%;
    background: #fff!important;
    top: 0;
    z-index: 999;
    box-shadow: 0px 15px 30px 0px rgba(112, 111, 111, 0.2);
    -webkit-animation: smoothScroll .6s forwards;
    -moz-animation: smoothScroll .6s forwards;
    -o-animation: smoothScroll .6s forwards;
    animation: smoothScroll .6s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes smoothScroll {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-moz-keyframes smoothScroll {
    0% {
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0px);
    }
}

#bh_header.fixed .et_pb_menu ul li.current-menu-item a {
    color: #df7b0c!important;
}

#bh_header.fixed .et_pb_menu ul li a {
    color: #141212!important;
}

.move-top {
    margin-top: 76px !important;
}

.single .all-top {
    margin-top: -25px!important;
}

#et-main-area {
    margin-top: -78px;
}

@media only screen and ( min-width: 782px) {
    .admin-bar #bh_header {
        top: 32px;
    }
}

#bh_header .mobile_menu_bar:after {
    position: relative !important;
    content: 'MENU';
    bottom: 9px;
    left: 10%;
    color: #fff!important;
    font-weight: 900;
}

#bh_header.fixed .mobile_menu_bar:after {
    color: #666!important;
}

@media only screen and ( max-width: 980px) {
    #bh_header .et_pb_menu .et_mobile_menu {
        top: 117%;
        width: 120%;
        left: -10%;
        overflow: scroll !important;
        max-height: 80vh!important;
    }
}


/*	INFOTAGE BTN CSS Styling
	    ====================================================================== */

#bh_header ul li.cta-menu a {
    border: 1px solid #df7b0c;
    padding-left: 10px;
    padding-right: 10px;
}

#bh_header.fixed ul li.cta-menu a {
    background: #df7b0c;
}

#bh_header.fixed .et_pb_menu .cta-menu a {
    color: #fff!important;
}

#bh_header.fixed ul li.current-menu-item.cta-menu a {
    color: #fff!important
}

@media only screen and ( max-width: 980px) {
    #bh_header .et_pb_menu .cta-menu a {
        text-align: center;
    }
}


/*	SUBMENU CSS Styling
	    ====================================================================== */

#bh_header .nav li ul {
    width: 360px;
    box-shadow: 0px 30px 40px -10px rgba(112, 111, 111, 0.5);
}

#bh_header .nav li li {
    width: 100%;
    padding: 0px 10px;
}

#bh_header .nav li li a {
    padding: 8px 5px;
}

#bh_header .et-menu li li a {
    width: 100%;
}

#bh_header .nav ul li a {
    border-bottom: 1px dotted #ddd;
}

#bh_header .nav li ul:before {
    width: 25px;
    height: 25px;
    margin-top: -35px;
    transform: rotate(45deg);
    background: #fff;
    content: '';
    margin-left: 30px;
    display: block;
}

#bh_header .et_pb_menu .nav li ul {
    background-color: #fff!important;
    border-color: #fff;
}

#bh_header .et_mobile_menu li a {
    padding: 10px 1% !important;
}

#bh_header .et_mobile_menu li li {
    padding-left: 1% !important;
}


/*	FIXED SUBMENU CSS Styling
	    ====================================================================== */

#bh_header.fixed .et_pb_menu .nav li ul {
    background: #df7b0c!important;
    border-color: #df7b0c;
}

#bh_header.fixed .nav li li {
    padding: 0px 10px;
}

#bh_header.fixed .nav li li a {
    padding: 8px 5px;
    color: #fff!important;
}

#bh_header.fixed .nav ul li.current-menu-item a {
    color: #121212!important;
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

ul#mobile_menu.et_mobile_menu {
    -webkit-animation: fadeInTop 0.8s ease !important;
    -moz-animation: fadeInTop 0.8s ease !important;
    animation: fadeInTop 0.8s ease !important;
}

#bh_header .et_mobile_menu li ul {
    -webkit-animation: fadeIn 0.5s ease !important;
    -moz-animation: fadeIn 0.5s ease !important;
    animation: fadeIn 0.5s ease !important;
}

#bh_header .et_mobile_menu li ul.hide {
    display: none !important;
}

#mobile_menu1 .menu-item-has-children {
    position: relative;
}

#mobile_menu1 .menu-item-has-children>a {
    background: transparent;
}

#mobile_menu1 .menu-item-has-children>a+span {
    position: absolute;
    text-align: right;
    width: 100%;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 5;
}

span.menu-closed:before {
    content: "\4c";
    display: block;
    color: inherit;
    font-weight: 300;
    font-size: 32px;
    font-family: ETmodules;
}

span.menu-closed.menu-open:before {
    content: "\4d";
}


/* ==========================================================================
   Styling Blurb (UP+DOWN ICONS)
   ========================================================================== */

.spin2 .et_pb_main_blurb_image {
    -webkit-animation: downup 1.5s infinite alternate;
    -moz-animation: downup 1.5s infinite alternate;
    -o-animation: downup 1.5s infinite alternate;
    animation: downup 1.5s infinite alternate;
}

@keyframes downup {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes downup {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes downup {
    0% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0);
    }
}

.spin .et_pb_main_blurb_image {
    -webkit-animation: updown 1.5s infinite alternate;
    -moz-animation: updown 1.5s infinite alternate;
    -o-animation: updown 1.5s infinite alternate;
    animation: updown 1.5s infinite alternate;
}

@keyframes updown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(20px);
    }
}

@-webkit-keyframes updown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(20px);
    }
}

@-moz-keyframes updown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(20px);
    }
}


/* ==========================================================================
   Blurb Bildungsgang CSS
   ========================================================================== */

.bh_blurb_bildungsgang .et_pb_main_blurb_image {
    margin: 0;
    overflow: hidden;
}

.bh_blurb_bildungsgang .et_pb_main_blurb_image::before {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_9.svg);
    display: block;
    position: absolute;
    top: -10px;
    width: 40px;
    left: -10px;
    z-index: 5;
}

.bh_blurb_bildungsgang .et_pb_main_blurb_image::after {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_14.svg);
    display: block;
    position: absolute;
    top: 240px;
    width: 20px;
    right: -2%;
    z-index: 5;
}

.bh_blurb_bildungsgang .et_pb_main_blurb_image img {
    transition: transform 0.3s;
}

.bh_blurb_bildungsgang .et_pb_main_blurb_image img:hover {
    transform: scale(1.05);
    opacity: 1;
    cursor: pointer;
}

.bh_blurb_bildungsgangs .et_pb_blurb_content {
    background: #fff;
    -webkit-box-shadow: 0 30px 40px -10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 30px 40px -10px rgba(0, 0, 0, .2);
    box-shadow: 0 30px 40px -10px rgba(0, 0, 0, .2)
}

.bh_blurb_bildungsgang h4 {
    color: #df7b0c;
}

.bh_blurb_bildungsgang .et_pb_blurb_container {
    margin-top: -5px;
    padding: 25px;
    background: #fff;
}

.bh_blurb_bildungsgang.et_pb_blurb {
    transition: ease-in-out 0.3s
}

.bh_blurb_bildungsgang.et_pb_blurb {
    border-bottom: 4px solid white
}

.bh_blurb_bildungsgang.et_pb_blurb:hover {
    -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .2);
    cursor: pointer;
    border-bottom: 4px solid #df7b0c
}

.bh_blurb_bildungsgang.et_pb_blurb:hover::after {
    background: #df7b0c;
}

.bh_blurb_bildungsgang.et_pb_blurb::after {
    content: "+";
    font-size: 20px;
    display: inline-block;
    color: #fff;
    right: 6%;
    border: 5px solid;
    bottom: -20px;
    position: absolute;
    background: #706f6f;
    padding: 12px;
    height: 12px;
    line-height: 9px;
    border-radius: 30px;
    transition: ease-in-out 0.3s
}


/*
		@media only screen and ( min-width: 1671px ) and ( max-width: 2560px) { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:55%;}
		}		
        @media only screen and ( min-width: 1541px ) and (max-width: 1670px)  { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:52%;}
		}
		@media only screen and ( min-width: 1366px ) and ( max-width: 1540px) { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:47%;}
		}
		@media only screen and ( min-width: 1211px ) and ( max-width: 1365px) { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:44%;}
		}
    	@media only screen and ( min-width: 1111px ) and ( max-width: 1210px) { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:38%;}
		}
		@media only screen and ( min-width: 1026px ) and ( max-width: 1110px) { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:35%;}
		}
		@media only screen and ( min-width: 981px ) and ( max-width: 1025px ) { 
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:32%;}
		}
		@media only screen and ( min-width: 811px ) and ( max-width: 980px ) {
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:70%;}
		}
		@media only screen and ( min-width: 768px ) and ( max-width: 810px ) {
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:67%;}
		}
		@media only screen and ( min-width: 650px ) and ( max-width: 767px ) {
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:63%;}
		}		
		@media only screen and ( min-width: 480px ) and ( max-width: 649px ) {
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:56%;}
		}
		@media only screen and ( max-width: 479px ) {
		    .bh_blurb_bildungsgang.et_pb_blurb:after { top:40%;}
		} */


/* ==========================================================================
   Styling 10 — Vorteile
   ========================================================================== */

.bh_vorteile.et_pb_blurb {
    text-align: center;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 15px 30px -5px rgba(112, 111, 111, 0.2);
}

.bh_vorteile.vorteil-eins::after,
.bh_vorteile.vorteil-zwei::after,
.bh_vorteile.vorteil-drei::after,
.bh_vorteile.vorteil-vier::after,
.bh_vorteile.vorteil-funf::after,
.bh_vorteile.vorteil-sechs::after,
.bh_vorteile.vorteil-sieben::after,
.bh_vorteile.vorteil-acht::after,
.bh_vorteile.vorteil-neun::after,
.bh_vorteile.vorteil-zehn::after {
    content: '';
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 32px;
    color: rgba(255, 255, 255, .4);
    font-weight: 900;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    padding: 16px;
    margin: 0 auto;
    background: #df7b0c;
    bottom: -40px;
    box-shadow: 0px 0px 0px 10px rgba(233, 123, 12, 0.2);
    z-index: 9999;
}

.bh_vorteile.vorteil-eins::after {
    content: '01';
}

.bh_vorteile.vorteil-zwei::after {
    content: '02';
}

.bh_vorteile.vorteil-drei::after {
    content: '03';
}

.bh_vorteile.vorteil-vier::after {
    content: '04';
}

.bh_vorteile.vorteil-funf::after {
    content: '05';
}

.bh_vorteile.vorteil-sechs::after {
    content: '06';
}

.bh_vorteile.vorteil-sieben::after {
    content: '07';
}

.bh_vorteile.vorteil-acht::after {
    content: '08';
}

.bh_vorteile.vorteil-neun::after {
    content: '09';
}

.bh_vorteile.vorteil-zehn::after {
    content: '10';
}


/*	Styling 10 — Vorteile-Seite
   	========================================================================== */

.bh_vorteile-liste {
    text-align: center;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 15px 30px -5px rgba(112, 111, 111, 0.2);
}

.bh_vorteile-liste .et_pb_blurb {
    padding: 2rem 1rem 5rem 1rem;
}

.bh_vorteile-liste .et_pb_button {
    margin-bottom: 20px;
    margin-top: 1rem;
}

@media only screen and ( max-width: 980px) {
    .bh_vorteile-liste .et_pb_button {
        width: 100%;
        text-align: center;
    }
}

.bh_vorteile-liste.eins::after,
.bh_vorteile-liste.zwei::after,
.bh_vorteile-liste.drei::after,
.bh_vorteile-liste.vier::after,
.bh_vorteile-liste.funf::after,
.bh_vorteile-liste.sechs::after,
.bh_vorteile-liste.sieben::after,
.bh_vorteile-liste.acht::after,
.bh_vorteile-liste.neun::after,
.bh_vorteile-liste.zehn::after {
    content: '';
    display: block;
    position: absolute;
    text-align: center;
    font-size: 32px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .4);
    font-weight: 900;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    padding: 16px;
    left: 42%;
    right: 45%;
    bottom: -20px;
    background: #df7b0c;
    box-shadow: 0px 0px 0px 10px rgba(233, 123, 12, 0.2);
    z-index: 9999;
}

.bh_vorteile-liste.eins::after {
    content: '01';
}

.bh_vorteile-liste.zwei::after {
    content: '02';
}

.bh_vorteile-liste.drei::after {
    content: '03';
}

.bh_vorteile-liste.vier::after {
    content: '04';
}

.bh_vorteile-liste.funf::after {
    content: '05';
}

.bh_vorteile-liste.sechs::after {
    content: '06';
}

.bh_vorteile-liste.sieben::after {
    content: '07';
}

.bh_vorteile-liste.acht::after {
    content: '08';
}

.bh_vorteile-liste.neun::after {
    content: '09';
}

.bh_vorteile-liste.zehn::after {
    content: '10';
}


/* ==========================================================================
   Buttons CSS
   ========================================================================== */

.et_pb_module .et_pb_button:hover,
.et_pb_button:hover {
    animation: none;
    background: none;
    padding: 10px 25px;
    z-index: 5;
}

.et_pb_button::after {
    display: none;
}

.et_pb_button.bh_button {
    border-radius: 0px;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -moz-trasition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-weight: 600;
    z-index: 5;
}

.et_pb_button.bh_button.white:hover {
    background-color: #fff!important;
    color: #706f6f;
    border: 1px solid #fff;
}

.bh_button.white {
    border: 1px solid #fff;
    color: #fff;
    z-index: 5;
}

.et_pb_button.bh_button.grey:hover {
    background-color: #706f6f!important;
    color: #fff;
    border: 1px solid #706f6f;
}

.bh_button.grey {
    border: 1px solid #706f6f;
    color: #706f6f;
    z-index: 5;
}

.et_pb_button.bh_button.orange:hover {
    background-color: #df7b0c!important;
    color: #fff;
    border: 1px solid #df7b0c;
}

.bh_button.orange {
    border: 1px solid #df7b0c;
    color: #de7a0d;
    z-index: 5;
}


/* ==========================================================================
   CTA Block Infotag
   ========================================================================== */

.bh_cta.et_pb_promo::before {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_10.svg);
    width: 70px;
    top: -50px;
    left: 50px;
    display: block;
    position: absolute;
}

.bh_cta.et_pb_promo::after {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_21.svg);
    width: 100px;
    bottom: -40px;
    right: -30px;
    display: block;
    position: absolute;
}

.bh_cta::before {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_10.svg);
    width: 70px;
    top: -50px;
    left: 50px;
    display: block;
    position: absolute;
}

.bh_cta::after {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_21.svg);
    width: 100px;
    bottom: -40px;
    right: -30px;
    display: block;
    position: absolute;
}


/* ==========================================================================
   Blurb Infotagseite CSS Styling
   ========================================================================== */
.bh_blurb_infotag {
    background: #fff;
    padding-bottom: 20px;
    box-shadow: 0px 20px 30px -10px rgba(112, 111, 111, 0.2);
}

.bh_blurb_infotag .datum {
    text-align: center;
    background: #de7a0d;
    width: 95%;
    margin: 0 auto;
    margin-top: -50px;
    position: relative;
    padding: 15px 10px;
    border-radius: 5px;
    margin-bottom: 30px;
	min-height: 70px!important;
  }

@media only screen 
	and (min-width: 980px)
	and (max-width: 1200px) {
		.bh_blurb_infotag .datum {
			min-height: 100px!important;
		}
}



.bh_blurb_infotag .datum h3 {
    color: #fff;
    margin-bottom: -30px;
    font-size:20px!important;
}

.bh_blurb_infotag .datum span {
    color: rgba(255, 255, 255, .7);
    font-size: 18px;
}

.bh_blurb_infotag .bezeichnung h4,
.bh_blurb_infotag .bezeichnung span{
    text-align: center;
    font-size: 1.4rem!important;
}

.bh_blurb_infotag .bh__button a {
    border: 1px solid #df7b0c;
    color: #de7a0d;
    z-index: 5;
    display: flex;
    justify-content: center;
    margin: 20px 30px 0 30px;
    border-radius: 0px;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-weight: 600;
}

.bh_blurb_infotag .bh__button a:hover {
    background-color: #df7b0c!important;
    color: #fff!important;
    border: 1px solid #df7b0c;
}

.bh_blurb_infotag p {
    margin-top: 20px;
    font-size: 14px;
    color: #ccc;
    text-align: center;
}


/* ==========================================================================
    Sidebar CSS Styling
    ========================================================================== */

.et_pb_row .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
    z-index: 10;
}

.widget_search #searchsubmit {
    background-color: #3c3c3b;
    transition: 0.7s ease all;
    text-transform: uppercase;
    font-size: 12px!important;
    letter-spacing: 1px;
    font-weight: 600;
    border: none!important;
}

.widget_search #searchsubmit:hover {
    background-color: #df7b0c;
}

.widget_search input#searchsubmit {
    color: #fff;
}

.widget_search #s {
    border-radius: 5px;
}

.widget_search input#s {
    border: none;
}

.widget_search #searchform {
    border: 1px solid #3c3c3b;
    border-radius:5px;
}

.et_pb_widget.widget_media_image {}

.et_pb_widget.widget_recent_entries,
.et_pb_widget.widget_categories,
.et_pb_widget.widget_archive,
.et_pb_widget.widget_search {
    margin-bottom: 1.5rem!important;
}

.et_pb_widget li {
    border-bottom: 1px solid #eee;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0 !important;
    padding: 10px 0;
    position: relative;
}

.et_pb_widget li a {
    transition: .3s ease all;
}

.et_pb_widget li a:hover {
    color: #df7b0c;
    margin-left: 4px;
}

.widget_recent_entries li {
    font-size: 14px;
    line-height: normal !important;
}

.widget_recent_entries li a {
    display: block;
    margin-bottom: 7px;
    color: black;
}

.widget_categories a::after,
.widget_archive a::after {
    color: #df7b0c;
    content: "\24";
    font-family: "ETmodules";
	font-weight: 400!important;
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    right: 0
}

h4.widgettitle {
    font-weight: 700!important;
    font-size: 16px!important;
}

h4.widgettitle::before {
    content: '';
    width: 100%;
    display: inline-block;
    position: relative;
    top: 1.7rem;
    height: 1px;
    background: #df7b0c;
}

h4.widgettitle::after {
    content: '';
    width: 2rem;
    display: block;
    position: relative;
    top: 3px;
    height: 6px;
    background: #df7b0c;
}


/* ==========================================================================
    WP PageNavi CSS Styling
    ========================================================================== */

.wp-pagenavi {
    text-align: center;
    border: none;
}

.wp-pagenavi span,
.wp-pagenavi a {
    padding: 9px 14px;
    margin: 0;
    border-radius: 30px;
    margin-right: 5px;
    background: #fcf2e7;
    transition: .5s ease-in-out;
}

.wp-pagenavi span,
.wp-pagenavi a {
    font-weight: bold !important;
    color: #df7b0c !important;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
    color: #fff !important;
    background-color: #df7b0c !important;
}

.wp-pagenavi :first-child {
    color: #fff !important;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {
    color: #666 !important;
    background: #f0f0f0!important;
    border: 1px solid #bbb;
}


/* ==========================================================================
    Footer CSS Styling
    ========================================================================== */

#main-footer {
    display: none;
}


/*	Footer Navigation List CSS Styling
	========================================================================== */

.bh_footer .site-nav ul {
    list-style: none;
    padding-left: 0;
}

.bh_footer .site-nav ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 6px 0;
}

.bh_footer .site-nav ul li a {
    transition: ease-in-out 0.2s;
    color: #3f3f3f;
    font-size: 14px;
    width: 100%;
}

.bh_footer .site-nav ul li a:hover {
    padding-left: 8px;
    color: #df7b0c!important;
}

.bh_footer .site-nav ul li a::before {
    content: '\f105';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 600;
    display: inline-block;
    color: #3f3f3f;
    font-size: 14px;
    width: 20px;
}

.bh_footer .site-nav ul li a:hover::before {
    color: #df7b0c!important;
}


/*	Footer IMG List CSS Styling
	========================================================================== */

.bh_footer .site-nav-img ul {
    list-style: none;
    margin-left: -18px;
}

.bh_footer .site-nav-img ul li {
    padding: 8.5px 0;
    margin: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.bh_footer .site-nav-img ul li a img {
    width: 60px;
    height: auto;
    border-radius: 80px;
    border: #fff 3px solid;
    box-shadow: 0px 0px 0px 1px #3f3f3f;
    transition: ease-in-out 0.2s;
    display: flex;
    float: left;
    margin-right: 12px;
    margin-top: -5px;
}

.bh_footer .site-nav-img ul li a {
    transition: ease-in-out 0.2s;
    font-size: 13px;
    display: inline-block;
    line-height: 1.4em;
    color: #3f3f3f;
    width: 100%;
}

.bh_footer .site-nav-img ul li a:hover {
    padding-left: 8px;
    color: #df7b0c!important;
}

.bh_footer .site-nav-img ul li a img:hover {
    box-shadow: 0px 0px 0px 1px #df7b0c;
}


/* ==========================================================================
   Styling Titel
   ========================================================================== */

.et_pb_column .et_pb_module h1 {
    font-size: 3.2rem;
    font-weight: 800;
    letter-spacing: -1px;
}

.single .et_pb_module h1 {
    font-size: 2rem
}

.et_pb_column .et_pb_module h2 {
    font-size: 2.6rem;
    font-weight: 800;
}

.et_pb_column .et_pb_module h3 {
    font-size: 1.8rem;
    font-weight: 600;
}

.et_pb_column .et_pb_module h4 {
    font-size: 1.2rem;
    font-weight: 600;
}

.bh_footer .et_pb_column .et_pb_module h5 {
    color: #141212;
    font-weight: 600;
}

.et_pb_column .et_pb_module h5 {
    font-size: 1rem;
    font-weight: 300;
}

.et_pb_column .et_pb_module h6 {
    font-size: 1rem;
    font-weight: 500;
    color: #c1c1c1;
}

.et_pb_column .et_pb_module h1 span,
.et_pb_column .et_pb_module h2 span,
.et_pb_column .et_pb_module h3 span,
.et_pb_column .et_pb_module h4 span {
    font-weight: 300;
}


/* Tablets in Landscape-Modus zwischen (981-1100px) */

@media only screen and ( min-width: 981px) and ( max-width: 1100px) {
    .et_pb_column .et_pb_module h1 {
        font-size: 2.8rem;
        font-weight: 800;
    }
    .single .et_pb_module h1 {
        font-size: 1.9rem
    }
    .et_pb_column .et_pb_module h2 {
        font-size: 2.2rem;
        font-weight: 800;
    }
    .et_pb_column .et_pb_module h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h5 {
        font-size: 1rem;
        font-weight: 300;
    }
    .et_pb_column .et_pb_module h6 {
        font-size: 0.9rem;
        font-weight: 500;
    }
}


/* Tablets in Portrait-Modus zwischen (768-980px) */

@media only screen and ( min-width: 768px) and ( max-width: 980px) {
    .et_pb_column .et_pb_module h1 {
        font-size: 2.5rem;
        font-weight: 800;
    }
    .single .et_pb_module h1 {
        font-size: 1.6rem
    }
    .et_pb_column .et_pb_module h2 {
        font-size: 2rem;
        font-weight: 800;
    }
    .et_pb_column .et_pb_module h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h5 {
        font-size: 1rem;
        font-weight: 300;
    }
    .et_pb_column .et_pb_module h6 {
        font-size: 0.9rem;
        font-weight: 500;
    }
}


/* Smartphones in Landscape-Modus zwischen (480-768px) */

@media only screen and ( min-width: 480px) and ( max-width: 767px) {
    .et_pb_column .et_pb_module h1 {
        font-size: 2.5rem;
        font-weight: 800;
    }
    .single .et_pb_module h1 {
        font-size: 1.5rem
    }
    .et_pb_column .et_pb_module h2 {
        font-size: 2rem;
        font-weight: 800;
    }
    .et_pb_column .et_pb_module h3 {
        font-size: 1.4rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h5 {
        font-size: 1rem;
        font-weight: 300;
    }
    .et_pb_column .et_pb_module h6 {
        font-size: 0.9rem;
        font-weight: 500;
    }
}


/* Smartphones im Portrait-Modus zwischen (0-479px) */

@media only screen and ( max-width: 479px) {
    .et_pb_column .et_pb_module h1 {
        font-size: 2.2rem;
        font-weight: 800;
    }
    .single .et_pb_module h1 {
        font-size: 1.5rem
    }
    .et_pb_column .et_pb_module h2 {
        font-size: 1.7rem;
        font-weight: 800;
    }
    .et_pb_column .et_pb_module h3 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }
    .et_pb_column .et_pb_module h5 {
        font-size: 1rem;
        font-weight: 300;
    }
    .et_pb_column .et_pb_module h6 {
        font-size: 0.9rem;
        font-weight: 500;
    }
}

/* ==========================================================================
   Form General Settings
   ========================================================================== */
.bh_form {
	background:#fff;
	padding:1rem;
	box-shadow: 0px 20px 30px -10px rgba(112,111,111,0.3);
	}
.bh_form::before {
    content: url(https://dore-jacobs-berufskolleg.de/wp-content/uploads/2019/11/dj_element_9.svg);
    display: block;
    position: absolute;
    top: -10px;
    width: 40px;
    left: -10px;
    z-index: 1;
	}

/* FIELDS */
.bh_form .bh_name input[type=text],
.bh_form .bh_adresse input[type=text],
.bh_form .bh_geburtstag input[type=text],
.bh_form .bh_telefon input[type=text],
.bh_form .bh_email input[type=text],
.bh_form .bh_nachricht textarea {
  padding:.7rem!important;
  border:none;
  background:rgba(0,0,0,.03);
  color:#000;
}

.bh_form .bh_name input[type=text]:focus,
.bh_form .bh_adresse input[type=text]:focus,
.bh_form .bh_geburtstag input[type=text]:focus,
.bh_form .bh_telefon input[type=text]:focus,
.bh_form .bh_email input[type=text]:focus,
.bh_form .bh_nachricht textarea:focus {
  border-left:5px solid rgba(223,123,12,1);
  transition:.3s ease-in-out;
}

.bh_form .bh_name input[type=text]::placeholder,
.bh_form .bh_adresse input[type=text]::placeholder,
.bh_form .bh_geburtstag input[type=text]::placeholder,
.bh_form .bh_telefon input[type=text]::placeholder,
.bh_form .bh_email input[type=text]::placeholder,
.bh_form .bh_nachricht textarea::placeholder {
  color:#999;
  transition:.3s ease-in-out;
  font-size:14px; 
}

.bh_form .bh_geburtstag input[type=text] {
	width:calc(50% - 8px)!important;
}

.bh_form ul.gform_fields li.gfield {
  padding-right:0!important;
}

.bh_form .bh_telefon.field_description_below .gfield_description {
  width: calc(50% - 8px);
  line-height:14px;
  padding:.5rem;
}

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
	.bh_form .bh_telefon.field_description_below .gfield_description {
		width: calc(100% - 8px);
  	}    
}



	
/* SELECT FIELD */
.bh_form .gform_fields .gfield select {
  	display: block;
    font-family: sans-serif;
    line-height: 1.3;
    padding: .7em 1.4em .7em .8em;
    box-sizing: border-box;
    width:100%;
    border: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
	}
.bh_form .gform_body .gform_fields .gfield select::-ms-expand {
    display: none;
	}
.bh_form .gform_body .gform_fields .gfield select:hover {
    border-color: rgba(223, 123, 12,1);
	}
.bh_form .gform_body .gform_fields .gfield select:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 1px rgba(223, 123, 12, .7);
    box-shadow: 0 0 0 1px -moz-mac-focusring;
    color: #222; 
    outline: none;
	}
	
.bh_form .gform_body .gform_fields .gfield select option { font-weight:normal;}
.bh_form .gform_wrapper li.gfield.gfield_error { padding:0!important; }
.bh_form ul.gform_fields li.gfield { margin-top:0!important; }
.bh_form .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] { margin-bottom:0!important; }
.bh_form li.hidden_label input { margin-top:0!important; }



	
/* BUTTON */
.gform_button {
  	border-radius:0px;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px!important;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; 
	    -moz-trasition-duration: 0.4s; 
	     -o-transition-duration: 0.4s;
			transition-duration: 0.4s;
	font-weight:600;
	border: 1px solid #df7b0c;
	color: #de7a0d;
	z-index:5;
	background:none;
	}

.gform_button:hover {
  	background-color: #df7b0c!important;
  	color:#fff;
  	border:1px solid #df7b0c;
	}

/* ==========================================================================
   Newsletter Form Settings
   ========================================================================== */
.nl-form .gform_wrapper ul.gform_fields li.gfield { padding:0;} 
.nl-form .gform_body input[type=text] {
	border:none;
	background:rgba(255,255,255,.5);
	color:#000;
	margin-top:-5px;
	margin-bottom: 5px;
	}
.nl-form .gform_body input[type=text]:focus {
	border-left:5px solid rgba(223,123,12,1);
	transition:.3s ease-in-out;
	}
.nl-form .gform_body input[type=text]::placeholder {
  	color:#999;
  	transition:.3s ease-in-out;
  	font-size:14px; 
	}
	
.nl-form  div.ginput_complex.ginput_container.gf_name_has_2 span { width:100%!important;}

.nl-form .gform_footer {
	margin:0!important;
    padding:0!important;
	}

.nl-form .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text]{
	margin-bottom:6px!important;
	}

.nl-form ul.gform_fields li.gfield {padding-right:0!important;}

.nl-form .gform_button {width:100%!important;}



/* ==========================================================================
   Error Message Form Settings
   ========================================================================== */
body .gform_wrapper div.validation_error {
	color: #fff;
	background:#ff005d;
	border:1px solid #ff005d;
	padding:1rem;
	}

.nl-form div.validation_error {
	font-size:12px!important;
	line-height: 14px;}

body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label {
  	color:#ff005d;
	}

body .gform_wrapper li.gfield.gfield_error { border:none; }

body .gform_wrapper .validation_message { color: #ff005d; }

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
body .gform_wrapper li.gfield_error textarea {
    border-bottom: 1px solid #ff005d;
	border-top:none;
	border-left:none;
	border-right:none
	}
	
/* ==========================================================================
   Cookie Notice Banner
   ========================================================================== */
body .dsgvot_cookie_banner {
	font-size:1rem!important;
	line-height:1.4rem!important;
	display:block;
	position:fixed;
	padding:2rem;
	border-radius:20px;
	width:350px;
	height: 350px;
	top: calc(50% - 175px);
	left:calc(50% - 175px);
	box-shadow: 0px 40px 60px -10px rgba(0,0,0,.5);
	z-index:99999999;
	background:#fff!important;
	}
	
.dsgvot_cookie_banner.bottom span:nth-of-type(1) {
	margin-bottom:20px!important;  
	color:#333;
	}
	
.dsgvot_cookie_banner .dsgvot_cookie_accept,
.dsgvot_cookie_banner .dsgvot_cookie_more_info,
.dsgvot_cookie_banner .dsgvot_cookie_decline {
	display:block!important;
	margin:10px 0!important;
	padding:8px 0 !important;
	border-radius:5px!important;
	line-height:25px!important;
	color:#333;
	transition:all .5s ease;
	}
.dsgvot_cookie_banner .dsgvot_cookie_more_info {
	background:#fff;
	margin-top:2rem!important;
	}
	
.dsgvot_cookie_banner .dsgvot_cookie_accept {
	background:#4cde4c!important;
	}
	
.dsgvot_cookie_banner .dsgvot_cookie_decline {
	background:#f1f1f1;
	display:inline-block;
	}
	
.dsgvot_cookie_banner .dsgvot_cookie_accept:hover {
	text-decoration:none;
	background:#2db72d!important
	}
.dsgvot_cookie_banner .dsgvot_cookie_more_info:hover,
.dsgvot_cookie_banner .dsgvot_cookie_decline:hover {
	text-decoration:none;
	background:#eee
	}

/* ==========================================================================
   Slick Slider
   ========================================================================== */
.slickslider {
	border-radius:5px;
	box-shadow:none!important;
}
.slickslider .et_pb_module {
    padding:20px !important;
    margin:40px 10px !important;
} 
 
.slick-prev,
.slick-next {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 0;
    font-weight: 400;
    font-style: normal;
    font-family: dashicons;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    position: absolute;
    top:45%;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0;
    vertical-align: top;
    z-index: 9;
    color: transparent;
    background: transparent;
    -webkit-transition: color .1s ease-in 0;
       -moz-transition: color .1s ease-in 0;
         -o-transition: color .1s ease-in 0;
            transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -10px;
}
.slick-next {
    right: -10px;
}
.slick-prev:before {
    color: #df7b0c;
    font-size: 30px;
    content: "\f341";
}
.slick-next:before {
    color: #df7b0c;
    font-size: 30px;
    content: "\f345";
}

/* -- DOTS -- */
.slick-dotted.slick-slider {
    margin-bottom: 30px; }

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 24px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #df7b0c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #df7b0c;
}