/*
 *
 * Text selection
 *
 */
::selection {
	background: var(--bka-bg);
	color: #fff;
}

::-moz-selection {
	background: var(--bka-bg);
	color: #fff;
}

.et_pb_bg_layout_dark ::selection {
	background: #fff;
	color: var(--bka-bg);
}

.et_pb_bg_layout_dark ::-moz-selection {
	background: #fff;
	color: var(--bka-bg);
}

/*
 *
 * Browser scrollbar style
 *
 */
html {
    scrollbar-color: var(--bka-bg) #292929;
}

::-webkit-scrollbar-thumb {
    background-color: var(--bka-bg);
}

/*
 *
 * Mobile Menu
 *
 */
.bka_bg .mobile_menu_bar:before,
.bka_bg #mobile_menu.et_mobile_menu li:not(.current_page_item):hover a,
.bka_bg #mobile_menu.et_mobile_menu li:not(.current_page_item):hover:after,
.bka_bg #mobile_menu.et_mobile_menu li.current_page_item,
.bka_bg #mobile_menu.et_mobile_menu li.current_page_item:after,
.bka_bg #mobile_menu.et_mobile_menu li.current_page_item a,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.current_page_item,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.current_page_item a,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.has_sub_menu.current_page_item,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.has_sub_menu.current_page_item a,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.has_sub_menu:not(.current_page_item):hover,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.has_sub_menu:not(.current_page_item):hover a,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li.has_sub_menu:not(.current_page_item):hover a:after,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li:not(.current_page_item) a:hover,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li:not(.current_page_item) a:hover:after {
	color: var(--bka-bg);
}

.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) li .sd_mobile_menu_back_button {
    color: var(--bka-bg);
    background-color: var(--bka-bg-t-1);
}

.bka_bg #mobile_menu,
.bka_bg .sd_mobile_sub_menu:not(.be):not(.bw) {
    border-top-color: var(--bka-bg);
}

/*
 *
 * White Box
 *
 */
.bka_bg #et-main-area .bka_white_box h6 {
    color: var(--bka-bg);
}

/*
 *
 * Orange Box
 *
 */
#et-main-area .bka_bg_box {
    background-color: var(--bka-bg-t-1);
    border: 2px solid var(--bka-bg);
    color: #333;
    padding: 35px;
    text-align: center;    
}

#et-main-area .bka_bg_box .bka_bg_box_inner {
    display: inline-block;
    margin: auto;
}

/*
 *
 * Main Menu
 *
 */
.bka_bg #top-menu li.current_page_item > a,
.bka_bg .et-fixed-header #top-menu li.current_page_item > a {
    color: var(--bka-bg) !important;
}

/*
 *
 * Main Menu :: Mega Menu
 *
 */
.dmm-fixed.bka_bg .de-mega-menu .et_pb_section {
    border-top-color: var(--bka-bg);
}

/*
 *
 * WP & Divi Icons Pro :: Icons in Text Modules
 *
 */
#et-main-area .bka_icon_links.bka_bg .et_pb_text:hover {
    color: var(--bka-bg);
}

#et-main-area .bka_icon_links.bka_bg .et_pb_text:hover .text {
    text-decoration: underline;
}

/*
 *
 * Top Header
 *
 */
.bka_bg #top-header,
.bka_bg .et-fixed-header#top-header {
    background-color: var(--bka-bg);
}

/*
 *
 * Headings
 *
 */
.bka_bg h1,
.bka_bg h2,
.bka_bg h3,
.bka_bg h4,
.bka_bg h5,
.bka_bg h6 {
    color: #333;
}

.bka_bg #et-main-area .bka_gray_box.icon_heading h3 {
    background-color: var(--bka-bg);
}

/*
 *
 * Links
 *
 */
.bka_bg #et-main-area a {
    color: var(--bka-bg);
}

/*
 *
 * Divider
 *
 */
.bka_bg #et-main-area .et_pb_divider:before {
    border-top-color: #333;
}

/*
 *
 * Header Slider
 *
 */
.bka_bg #et-main-area .bka_header_slider h2.et_pb_slide_title {
    color: #333 !important;
}

.bka_bg #et-main-area .bka_header_slider h2.et_pb_slide_title:after {
    border-color: #333;
}

/*
 *
 * Gallery Slider
 *
 */
.bka_bg #et-main-area .bka_slider_controls_outside .et-pb-arrow-next,
.bka_bg #et-main-area .bka_slider_controls_outside .et-pb-arrow-prev {
    color: var(--bka-bg-t-1) !important;
}

.bka_bg #et-main-area .bka_slider_controls_outside:hover .et-pb-arrow-next,
.bka_bg #et-main-area .bka_slider_controls_outside:hover .et-pb-arrow-prev {
    color: var(--bka-bg) !important;
}

.bka_bg #et-main-area .et_pb_gallery .et-pb-controllers a {
    background-color: var(--bka-bg-t-5);
}

.bka_bg #et-main-area .et_pb_gallery .et-pb-controllers a.et-pb-active-control {
    background-color: var(--bka-bg);
}

/*
 *
 * Logo Overlay
 *
 */
.bka_bg #et-main-area .bka_logo_overlay:before {
    background-size: contain;
    background-position: bottom left;
}

.bka_bg #et-main-area .bka_logo_overlay .et_parallax_bg {
    opacity: 0.25;
}

.bka_bg #et-main-area .bka_logo_overlay .et_pb_column:not(.et_pb_column_empty) {
    background-color: rgba(255,255,255,0.95);
}

/*
 *
 * Transparent Arrows Left & Right
 *
 */
.bka_bg .bka_transparent_arrows:before {
    color: var(--bka-bg-t-1);
}

.bka_bg .bka_transparent_arrows:after {
    color: var(--bka-bg-t-1);
}

.bka_bg .bka_parallax_overlay.dark .bka_transparent_arrows:before,
.bka_bg .bka_parallax_overlay.dark .bka_transparent_arrows:after {
    color: var(--bka-bg-t-25);
}

/*
 *
 * Divi :: Scroll Top Icon
 *
 */
#et-main-area .et_pb_scroll_top.et-pb-icon {
    background-color: var(--bka-bg);
}

/*
 *
 * Divi :: Accordion
 *
 */
.bka_bg #et-main-area .et_pb_with_background .bka_accordion .et_pb_accordion_item.et_pb_toggle_close {
    background-color: #fff;
}

.bka_bg #et-main-area .bka_accordion .et_pb_accordion_item.et_pb_toggle_open {
    border-color: var(--bka-bg);
}

.bka_bg #et-main-area .bka_accordion .et_pb_accordion_item.et_pb_toggle_open {
    background-color: var(--bka-bg-t-1);
}

.bka_bg #et-main-area .et_pb_with_background .bka_accordion .et_pb_accordion_item.et_pb_toggle_open {
    background-color: #fff;
}

.bka_bg #et-main-area .bka_accordion .et_pb_accordion_item.et_pb_toggle_open h5,
.bka_bg #et-main-area .bka_accordion .et_pb_accordion_item.et_pb_toggle_open h5::before {
    color: var(--bka-bg);
}

/*
 *
 * Ausbildungsvorbereitung und Internationale Förderklasse
 *
 */
.bka_bg_ifk,
.bka_bg_av {
    display: none;
}

#post-37719 .bka_bg_box:not(.bka_icon_links) {
    cursor: pointer;
}

#post-37719 .bka_bg_box:not(.bka_icon_links):hover {
    background-color: rgba(150, 150, 150, 0.25);
    border-color: #333;
}

#post-37719 .bka_bg_box.inactive:not(.bka_icon_links) {
    opacity: 0.5;
}

/*
 *
 * Bewerbungstraining
 *
 */
#training {
    background-image: linear-gradient(180deg, #efefef 80%, #ffffff 100%);
}

#training:before {
    content: '';
    background-image: url(/wp-content/uploads/design/bka-berufliches-gymnasium-bewerbungstraining-top.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 200px;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 30px;
    opacity: 0.1;
}

#training:after {
    content: '';
    background-image: url(/wp-content/uploads/design/bka-berufliches-gymnasium-bewerbungstraining-bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 150px;
    height: 100%;
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.1;
}

/*
 *
 * Unterrichtsfächer / Stundentafel
 *
 */
#et-main-area .bka_bg_table th,
#et-main-area .bka_bg_table td {
    border: none;
}

#et-main-area .bka_bg_table th {
    background-color: var(--bka-bg);
    color: #fff;
}

#et-main-area .bka_bg_table th:not(:first-child) {
    text-align: center;
}

#et-main-area .bka_bg_table tr.sub_title td {
    background-color: var(--bka-bg-t-5);
}

#et-main-area .bka_bg_table tr:not(.sub_title):not(.sum) td {
    background-color: #fcfcfc;
}

#et-main-area .bka_bg_table tr:not(.sub_title) td:not(:first-child) {
    text-align: center;
}

#et-main-area .bka_bg_table tr.sum td {
    background-color: var(--bka-bg);
    color: #fff;
}

#et-main-area .bka_bg_table sup {
    font-size: 90%;
}

footnote {
    font-size: 13px;
}

footnote sup {
    font-size: 90%;
}

@media all and (min-width: 981px) {
    #et-main-area .bka_bg_table th span.desktop {
        display: inline-block;
    }
    
    #et-main-area .bka_bg_table th span.mobile {
        display: none;
    }
}

@media all and (max-width: 980px) {
    #et-main-area .bka_bg_table {
        font-size: 14px;
    }
    
    #et-main-area .bka_bg_table th,
    #et-main-area .bka_bg_table td {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    #et-main-area .bka_bg_table th span.desktop {
        display: none;
    }
    
    #et-main-area .bka_bg_table th span.mobile {
        display: inline-block;
    }
}

/*
 *
 * Footer
 *
 */
.bka_bg #main-footer .footer-widget h4,
.bka_bg #footer-widgets .footer-widget a:not(.icon):hover,
.bka_bg #footer-datenschutz-seiten ul.desktop li a:hover,
.bka_bg #main-footer .et-social-icon a:hover {
    color: var(--bka-bg);
}

.bka_bg #footer-widgets .dashicons {
    border-right-color: var(--bka-bg);
    border-bottom-color: var(--bka-bg);
}