/*
Theme Name: DAFF Design 2020
Theme URI: https://themes.muffingroup.com/betheme
Author: FUCHSTEUFELS
Author URI: https://fuchsteufels.de
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/*
## Menu - Main Navigation
*/

#Top_bar .menu > li > a {
    padding: 0 10px; 
    border: 2px solid transparent;
    margin: 37px 0;
    text-transform: uppercase;
    font-size: 20px;
}

#Top_bar .menu > li.current-menu-item > a {
    border-color: #4bbecb;
}

#Top_bar .menu > li > a span:not(.description) {
    line-height: 1.6;
    padding: 0;
}

.header-classic #Top_bar, #Subheader { 
    border-bottom: 1px solid #bbbcbf; 
}

/*
## Menu - Suche
*/
#Top_bar .search_wrapper .icon_search {
    color: #ffffff;
}

/*
## Menu - Sticky 
*/
#Top_bar.is-sticky .menu_wrapper .menu > li > a {
    padding: 0 10px;
    margin: 12px 0;
}

/*
## Menu - Mobile/Small
*/
#Top_bar a.responsive-menu-toggle {
    border: 2px solid #4bbecb;
    border-radius: 0;
}

#Side_slide #menu ul li a {
    text-transform: uppercase;
    text-align: center;
    padding: 11px 20px 10px ;
    margin-right:0;
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    #Side_slide .extras {
        display: none;
    }
}
/* Top Search */
#Top_bar .search_wrapper input.field::placeholder, #Top_bar .search_wrapper input.field:focus::placeholder {
    color: #fff;
}
#Top_bar .search_wrapper ::selection {
    background-color: #fff;
    color: #4bbecb;
}

/*Menu - Make black when small*/
/*
@media only screen and (max-width: 1239px) {
    #Top_bar #menu {
        background-color: #000000;
    
    }

    #Top_bar .menu > li > a, #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a{
        color: #fff;
    }
}
*/ 

/* 19.08.2021 (Kai Meinhardt) */
body:not(.template-slider) #Header {
	min-height: unset;
}


/*
## Footer
*/
#Footer {
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    font-size: 120%;
}

#Footer .widgets_wrapper .widget {
    padding: 0 10px;
}

/* Menu */
#Footer .menu-footer-container ul {
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 120%;
}
/* Menu item */
#Footer .menu-footer-container li.menu-item {
    display: block;
    float: right;
    padding: 5px 10px;
}

/* Daff Description */
#Footer .daff-footer-desc {
    text-align: justify;
    hyphens: auto;
}

/* Social Media */
#Footer .social {
    width:100%;
    float: left;
    margin-bottom: 20px;
}

#Footer .social li{
    float: right;
}

#Footer .social li i{
    font-size: 35px;
}

/*
## Button (Muffin Builder)
*/
/* Normaler Button, auch global */
#loginform .bd_login_table .login_table div.dms_button.grad_blue, /* Loginform Button */
a.pager_load_more.button,
.button-stroke a.button.button_theme, 
.button-stroke a.tp-button.button_theme, 
/* .button-stroke button,  */
.button-stroke input[type="submit"], 
.button-stroke input[type="reset"], 
.button-stroke input[type="button"],
.daff-btn .vc_general.vc_btn3.vc_btn3-style-flat {
    text-transform: uppercase;
    color: #000000 !important;
    border: 2px solid #4bbecb;
    background-color: transparent;
    border-radius: 0;
    margin-right: 0;
}
.button-stroke a.button.button_theme .button_icon i {
    color: #000000 !important;
}
.button-stroke a:hover.button .button_icon i, 
.button-stroke a.button.button_theme:hover .button_icon i {
    color: #ffffff !important;
}
/* Normaler Button Hover, auch global // und auch für active class */
#loginform .bd_login_table .login_table div.dms_button.grad_blue:hover, /* Loginform Button */
a.pager_load_more.button:hover,
.daff-btn .vc_general.vc_btn3.vc_btn3-style-flat.daff-btn-active,/* Active Class */
.button-stroke .daff-btn-active,  /* Active Class */
.button-stroke a.button.button_theme:hover, 
.button-stroke a.tp-button.button_theme:hover, 
/* .button-stroke button:hover, .button-stroke input[type="submit"]:hover,  */
.button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover,
.daff-btn .vc_general.vc_btn3.vc_btn3-style-flat:hover {
    color: #ffffff !important;
    border: 2px solid #4bbecb !important;
    background-color: #4bbecb !important;
}

/* Disabled button */
.daff-btn .vc_general.vc_btn3.vc_btn3-style-flat.disabled,
.daff-btn .vc_general.vc_btn3.vc_btn3-style-flat.disabled:hover {
    color:  #c6c6c6 !important;
    border-color: #c6c6c6 !important;
    background-color: transparent !important;
    cursor: not-allowed;
}

/* Adaptions for Loginform Button */
#loginform .bd_login_table .login_table div.dms_button.grad_blue {
    transition: all .3s;
    cursor: pointer;
    float: left;
    padding: 11px 20px;
}
#loginform .bd_login_table .login_table td div.dms_button.grad_blue span {
    font-weight: 400;
} 

/* button White Style (e.g. on colored or dark backgrounds */
.daff-btn.daff-btn-white .vc_general.vc_btn3.vc_btn3-style-flat {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background-color: transparent;
}
.daff-btn.daff-btn-white .vc_general.vc_btn3.vc_btn3-style-flat:hover {
    color: #4bbecb !important;
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
}

/* button Small Style (e.g. on colored or dark backgrounds */
.daff-btn.daff-btn-small .vc_general.vc_btn3.vc_btn3-style-flat,
.daff-btn.daff-btn-small .vc_general.vc_btn3.vc_btn3-style-flat:hover {
    padding: 2px 5px;
    border-width: 1px;
    font-size: 75%;
}


/*
## Section Heading Style
*/

.section .fancy_heading h2 {
    text-align: left;
    margin-left: 5%;
    margin-bottom: 35px;
    margin-top: 60px;
    font-weight: normal;
    text-transform: uppercase;
}

.section .fancy_heading h2::before {
    width: 8px;
    background-color: #4bbecb;
    display: block;
    position: relative;
    content: ' ';
    float: left;
    margin-right: 14px;
    height: 1.2em;
    margin-top: -.1em;
}

/*
## Nachmache Fancy Heading für andere Stellen
*/
#bd_daff_popup_content h1,
h1.ui_f_blue,
.post-template-default .title_wrapper h3,
.daff-login-page-elements h1 {
    text-align: left;
    margin-left: 5%;
    margin-bottom: 35px;
    margin-top: 60px;
    font-weight: normal;
    text-transform: uppercase;

    font-size: 42px;
    line-height: 42px;
}

#bd_daff_popup_content h1::before,
h1.ui_f_blue::before,
.post-template-default .title_wrapper h3::before,
.daff-login-page-elements h1::before {
    width: 8px;
    background-color: #4bbecb;
    display: block;
    position: relative;
    content: ' ';
    float: left;
    margin-right: 14px;
    height: 1.2em;
    margin-top: -.1em;
}

@media only screen and (max-width: 959px) {
    #bd_daff_popup_content h1,
    h1.ui_f_blue,
    .post-template-default .title_wrapper h3,
    .daff-login-page-elements h1 {
        font-size: 38px;
        line-height: 38px;
    }
}
@media only screen and (max-width: 767px) {
    #bd_daff_popup_content h1,
    h1.ui_f_blue,
    .post-template-default .title_wrapper h3,
    .daff-login-page-elements h1 {
        font-size: 34px;
        line-height: 34px;
    }
}
@media only screen and (max-width: 479px) {
    #bd_daff_popup_content h1,
    h1.ui_f_blue,
    .post-template-default .title_wrapper h3,
    .daff-login-page-elements h1 {
        font-size: 30px;
        line-height: 30px;
    }
}


/*
## All Headings
*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    /* text-transform: uppercase; */
}


/*
## Image Utitility Cover
*/
.image-cover img {
    object-fit: cover;
    object-position: center 20%;
}
#Content .image-cover.image-cover_vh-20 img{
    height: 20vw;
}
#Content .image-cover.image-cover_vh-30 img{
    height: 30vw;
}

/*
## Custom background heading h3
*/
.daff-h3-background {
    color: #fff;
    font-size: 80%;
    font-weight: 400;
    background: #4bbecb;
    padding: 0 10px;
}

.daff-no-border-on-mobile {
    border-right: 1px solid #999999;
}
@media only screen and (max-width: 767px) {
    .daff-no-border-on-mobile {
        border-right-width: 0;
    }

    .daff-h3-background {
        font-size: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .daff-h3-background {
        font-size: 120%;
    }
}

/*
## Blog Teaser
*/
/* @media only screen and (min-width: 768px) {
    .daff-blog-teaser.blog-teaser .teaser-wrapper {
        height: 550px;
    }
} */
/* .daff-blog-teaser.blog-teaser .teaser-wrapper li:first-child {
    height: 100%;
}
.daff-blog-teaser.blog-teaser .teaser-wrapper li:not(:first-child) {
    height: 49%;
} */
.daff-blog-teaser.blog-teaser li .photo-wrapper {
    height: 100%;
    padding-top: 68.25%;
}
.daff-blog-teaser.blog-teaser .teaser-wrapper img.scale-with-grid {
    position: absolute;
    left: 0;
    top: 0;

    height: unset;
    min-height: 100%;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

/* Description */
.daff-blog-teaser.blog-teaser li .desc-wrapper {
    bottom: 0;
}

.daff-blog-teaser.blog-teaser li .desc-wrapper  .desc {
    padding: 70px 25px 10px;
}

/* Hide some unused elements */
.daff-blog-teaser span.author, .daff-blog-teaser .date span.label, .daff-blog-teaser .date i.icon-clock, .daff-blog-teaser span.comments {
    display: none;
}

/* Styling */ /* See also section "Headline blocks" for additional styling */
.daff-blog-teaser .post-title a {
    margin-left: -25px;
    /* For the rest see "Headline blocks"  */
}

.daff-blog-teaser.blog-teaser li .desc-wrapper .desc .post-title::after {
    display: none;
}

.daff-blog-teaser.blog-teaser li:hover .desc-wrapper {
    transform: none;
}

/* if no image is provided */
.daff-blog-teaser.blog-teaser li:not(.has-post-thumbnail) .photo-wrapper {
    /* padding-top: 0; */
    padding-bottom: 0;
    background: #000000;
}



@media only screen and (max-width: 767px) {
    .daff-blog-teaser.blog-teaser li:not(.has-post-thumbnail) .photo-wrapper {
        padding-top: 70%;
    }
}

@media only screen and (max-width: 479px) {
    .daff-blog-teaser.blog-teaser h3, .daff-blog-teaser.blog-teaser h4 {
        font-size: 19px;
        line-height: 22px;
        letter-spacing: 0px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .daff-blog-teaser.blog-teaser h3, .daff-blog-teaser.blog-teaser h4 {
        font-size: 24px;
        line-height: 27px;
        letter-spacing: 0px;
    }
}

/*
## Sections
*/
.vc_section.daff-section {
    padding-bottom: 50px;
}

/*
## Fix mini Logo on Mobile
*/
@media only screen and (max-width: 767px) {
    .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {
        display: none;
    }
    .mobile-sticky #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline-block;
    }
}

/*
## DAFF Claim Styling
*/
.daff-claim-wrapper, .daff-claim {
    display: none;
}
.daff-claim.selected {
    display: block;
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 29;
    max-width: 68%;
}

.daff-claim.selected.slider {
    z-index: 100;
}

@media only screen and (max-width: 767px) {
    .daff-claim.selected {
        max-width: 98%;
    }
}

.daff-claim p, .daff-claim h2 {
    color: #fff;
}

.daff-claim-subline {
    padding-left: 25px;
}

/*
## DAFF Livestream Claim Styling
*/
.daff-claim.livestream {
    cursor: pointer;
}

/*
## No Height for column
*/
.daff-no-height ,.daff-no-height div {
    min-height: 0;
}

.daff-no-height.vc_section.vc_section-has-fill {
    padding-top: 0;
}

/*
## Headline blocks (coloured blocks on images)
*/
.daff-blog-teaser .post-title a,
.daff-claim h2 {
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    font-weight: 400;
    padding: 5px 10px 5px 25px;
    background-color: #4bbecb;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.daff-blog-teaser.blog-teaser h1, 
.daff-blog-teaser.blog-teaser h2, 
.daff-blog-teaser.blog-teaser h3, 
.daff-blog-teaser.blog-teaser h4, 
.daff-blog-teaser.blog-teaser h5, 
.daff-blog-teaser.blog-teaser h6,
.daff-claim h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.daff-blog-teaser.blog-teaser .post-subline,
.daff-claim-subline {
    color: #fff;
    font-size: 120%;
    /* font-weight: 300; */
    text-shadow: 2px 2px 4px #000000;
}


/*
## Logo Teaser
*/
.daff-logo-teaser {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 1000;
    text-align: center;
    line-height: 0;
    opacity: 1;
    /* transition: opacity 1s; */
}
.daff-logo-teaser.fade {
    opacity: 0;
}
.daff-logo-teaser.fade.none {
    display: none;
}
.daff-logo-teaser .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.daff-logo-teaser img {
    vertical-align: middle;
}

/*
## FB Feed
*/
.daff-fb-feed .fb-header {
    background-color: #4bbecb;
    color: #ffffff;
    padding: 15px;
    /* height: 50px; */
}

.daff-fb-feed .fb-header img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 15px;
}

.daff-fb-feed .fb-header .name-btn-wrapper {
    float: none;
    overflow: hidden;
}

.daff-fb-feed .fb-header ul.social {
    list-style: none;
    float: left;
    height: 50px;
    margin: 0 10px 0 0;
    display: none;
}

.daff-fb-feed,
.daff-fb-feed .fb-header ul.social a {
    color: #ffffff;
    word-wrap: anywhere;
}
.daff-fb-feed .fb-header .profile-name {
    font-size: 140%;
    /* font-weight: 600; */
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
}
.daff-fb-feed .daff-btn {
    margin-top: 5px;
}

.daff-fb-feed .fb-post {
    padding: 10px 20px 15px 30px;
    background-color: rgba(0, 0, 0);
    margin-bottom: 5px;
}

.daff-fb-feed .fb-post .fb-time {
    display: block;
    margin-bottom: 3px;
    font-weight: 600;
}

.daff-fb-feed .fb-post .fb-time:before {
    content: ' ';
    background-color: #4bbecb;
    width: 5px;
    display: inline-block;
    height: 20px;
    position: absolute;
    left: 30px;
}

/* Styling on slider */
.daff-fb-feed.onslider {
    position: absolute;
    top: 10%;
    right: 0;
    width: 30%;
    z-index: 100;
    max-height: 80%;
    overflow: hidden;
    display: flex;
    flex-flow: column wrap;
}

.daff-fb-feed.onslider .fb-header {
    z-index: 1;
}

.daff-fb-feed.onslider .fb-post {
    background-color: rgba(0, 0, 0, 0.7);
}
.daff-fb-feed.onslider .fb-post .fb-time:before {
    left: 15px;
}

@media only screen and (max-width: 767px) {
    .daff-fb-feed.onslider {
        display: none;
    }
}

/*
## Image Header (subheader) Styling
*/
#Header_wrapper #Subheader.daff-claim-image-header h1 {
    display: none;
}
#Header_wrapper #Subheader.daff-claim-image-header {
    height: 300px;
    padding: 0;
    background-size: cover;
}

/*
## DAFF Zeitplan
*/
.wpb_wrapper .daff-timeline {
    margin-bottom: 50px;
}

.daff-timeline ul.timeline_items {
    color: #000000;
}

.daff-timeline .timeline_items > li {
    margin-bottom: 0 !important;
}

.daff-timeline .timeline_items > li .desc,
.daff-timeline .timeline_items > li:hover .desc {
    border-left: 1px solid #000000;
    padding: 15px 0 40px 25px;
    background: none;
    width: 100%;
    box-sizing: padding-box;
    -webkit-box-sizing: border-box;
    text-align: center;

    /* padding-top: 70px;
    margin-top: -55px; */
}

.daff-timeline .timeline_items > li:nth-child(2n) .desc {
    padding: 15px 25px 15px 0;
    border-left: 0;
    border-right: 1px solid #000000;
}

/* Square */
.daff-timeline .timeline_items > li h3::before {
    content: "";
    width: 13px;
    height: 13px;
    border-width: 0px;
    border-style: solid;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7px;
    display: block;
    z-index: 1;
    background-color: #4bbecb;
    border-color: #4bbecb;
}
/* Waagerechte linie */
.daff-timeline .timeline_items > li h3::after {
    content: ' ';
    display: block;
    height: 0;
    width: 25%;
    position: absolute;
    left: 50%;
    top: 7px;
    border-top: 1px solid #000000;
}
.daff-timeline .timeline_items > li:nth-child(2n) h3::after {
    left: 25%;
}

/* Title & Date */
.daff-timeline .timeline_items > li h3 span {
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    position: relative;
    right: auto;
    border-radius: 0;
    font-size: inherit;
    font-style: normal;
    top: auto;
    background-color: #4bbecb !important;
    color: #fff;
    padding: 0 10px;
    line-height: inherit;
    line-height: 35px;
}

.daff-timeline .timeline_items > li h3 a {
    max-width: 100%;
}
.daff-timeline .timeline_items > li h3 span:first-of-type {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    float: inline-start;
}


.daff-timeline .timeline_items > li h3, 
.daff-timeline .timeline_items > li:hover h3 {
    text-align: center;
    border-left: 0;
    margin: 0;
    padding: 0 0 0 25px;
    width: 100%;
    box-sizing: padding-box;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #000000;
}

.daff-timeline .timeline_items > li:nth-child(2n) h3,
.daff-timeline .timeline_items > li:nth-child(2n):hover h3 {
    padding: 0 25px 0 0;
    border-left: 0;
    border-right: 1px solid #000000;
}

.daff-timeline .timeline_items > li h3 a {
    z-index: 1;
    position: relative;
    margin-top: -10px;
    display: inline-block;
}

.daff-timeline .timeline_items > li h3 span::after {
    content: none;
    display: none;
    position: absolute;
}

.daff-timeline .timeline_items > li:nth-child(2n) h3 {
    text-align: center;
}
.daff-timeline .timeline_items > li:nth-child(2n) h3 span {
    left: auto;
    right: auto;
}



/* Letzter Square */
.daff-timeline .timeline_items::after {
    content: ' ';
    width: 13px;
    height: 13px;
    border-width: 0px;
    border-style: solid;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -5px;
    display: block;
    z-index: 1;
    background: #4bbecb;
}

/* Button darunter */
.daff-timeline .vc_btn3-container {
    margin-top: 25px;
}

@media only screen and (max-width: 767px) {
    .style-simple .timeline_items > li:nth-child(2n) .desc {
        text-align: center;
    }

    .daff-timeline .timeline_items::after,
    .daff-timeline .timeline_items > li:nth-child(2n) h3::after,
    .daff-timeline .timeline_items > li h3::before {
        left: 0;
    }
    .daff-timeline .timeline_items > li h3::after {
        left: 0;
        width: 50%;
    }

    .daff-timeline .timeline_items > li h3 span {
        display: inherit;
        position: relative;
        margin-bottom: 0;
        clear: none;
    }

    .daff-timeline .timeline_items > li:nth-child(2n) h3,
    .daff-timeline .timeline_items > li:nth-child(2n):hover h3 {
        padding: 0 0 0 25px;
    }

    .daff-timeline .timeline_items > li:nth-child(2n) .desc {
        padding: 15px 0 40px 25px;
    }

    .daff-timeline .timeline_items > li:nth-child(2n) h3,
    .daff-timeline .timeline_items > li:nth-child(2n):hover h3,
    .daff-timeline .timeline_items > li:nth-child(2n) h3,
    .daff-timeline .timeline_items > li:nth-child(2n) .desc {
        border-right: 0;
        border-left: 1px solid #000000;
    }
}

/* Load more events */
.daff-event-hidden {
    display: none;
}
.daff-event-opacity-0 {
    opacity: 0;
}
.daff-event {
    display: inherit;
    opacity: 1;
    transition: opacity 2s;
}
/**
## Kein Content Padding top
*/

#Content {
    padding-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 30px;
}

/**
## DAFF Berufsbilder Slider
*/
.daff-berufsbilder.offer_thumb {
    padding-left: 0;
}
.daff-berufsbilder.offer_thumb ul .desc {
    color: #000000;
    font-size: 110%;
}
.daff-berufsbilder.offer_thumb .slick-dots{
    margin-left: 0;
    text-align: left;
}

.daff-berufsbilder.offer_thumb .slider_pagination {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}
.daff-berufsbilder.offer_thumb  .slider_pagination li {
    display: inline-block;
    width: 20%;
    margin-bottom: 0;
}
.daff-berufsbilder.offer_thumb  .slider_pagination li a {
    width: auto;
    height: auto;
    margin-bottom: 0;
    border-width: 0;
    line-height: 0;
    padding: 0;
    margin: 8px;

    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.daff-berufsbilder.offer_thumb .slider_pagination li.slick-active a {
    background-image: none;
}

.daff-berufsbilder.offer_thumb .slider_pagination li a span{
    position: absolute;
    bottom: 18%;
    color: #fff;
    font-size: 180%;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    font-weight: 600;
    text-shadow: 0px 0px 5px #000;
}

.daff-berufsbilder.offer_thumb .slider_pagination li a .pic-overlay {
    width: 100%;
    position: absolute;
    height: 100%;
    background: #4bbecb;
    opacity: 0;
    transition: opacity 1s;
}

.daff-berufsbilder.offer_thumb .slider_pagination li.slick-active a .pic-overlay {
    opacity: 0.6;
}

.daff-berufsbilder.offer_thumb  .slider_pagination li a img {
    width: 100%;
}
/* On Grid Text */
.daff-berufsbilder.offer_thumb .slider_pagination a img {
    opacity: 1;
}


/* COntent */
.daff-berufsbilder.offer_thumb .offer_thumb_ul .offer_thumb_li .image_wrapper {
    width: auto;
    float: left;
    padding: 8px;
    max-width: 40%;
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper {
    float: left;
    margin-right: 4%;
    padding-left: 4%;
    padding-top: 20px;
    width: 50%;
}

/* berufsbilder mobile */
@media only screen and (max-width: 959px) {
    .daff-berufsbilder.offer_thumb .slider_pagination li a span {
        font-size: 150%;
    }

    .daff-berufsbilder.offer_thumb .offer_thumb_ul .offer_thumb_li .image_wrapper {
        padding-right: 20px;
    }
    .daff-berufsbilder .offer_thumb_ul .offer_thumb_li .desc_wrapper {
        margin-right: inherit;
        padding-left: inherit;
        padding-top: inherit;
    }
}
@media only screen and (max-width: 767px) {
    .daff-berufsbilder .slider_pagination a.selected::after,
    .daff-berufsbilder  .slider_pagination .slick-active a::after {
        display: none;
    }

    .daff-berufsbilder .slider_pagination a.selected, .slider_pagination .slick-active a {
        top: 0;
    }

    .daff-berufsbilder.offer_thumb .slider_pagination li {
        width: 33.33%;
    }

    .daff-berufsbilder.offer_thumb .slider_pagination a {
        text-indent: 0;
    }

    .daff-berufsbilder.offer_thumb .slider_pagination li a {
        margin: 5px;
    }
}

@media only screen and (max-width: 479px) {
    .daff-berufsbilder.offer_thumb .slider_pagination li {
        width: 25%;
    }

    .daff-berufsbilder.offer_thumb .offer_thumb_ul .offer_thumb_li .image_wrapper {
        display: none;
    }

    .daff-berufsbilder.offer_thumb .slider_pagination a {
        text-indent: -999999999px;
    }

    .daff-berufsbilder.offer_thumb .slider_pagination li a {
        margin: 3px;
    }
}

/**
## Daff Vorstand Grid
*/
.daff-vorstand-feature-box.feature_box .feature_box_wrapper{margin:20px; padding: 0;}
.daff-vorstand-feature-box.feature_box .feature_box_wrapper .photo_wrapper,
.daff-vorstand-feature-box.feature_box .feature_box_wrapper .desc_wrapper{display:inline-block;vertical-align:middle;}
.daff-vorstand-feature-box.feature_box .feature_box_wrapper .photo_wrapper a{display:block;line-height:0;}
.daff-vorstand-feature-box.feature_box .feature_box_wrapper .desc_wrapper{width:44%;padding-left:4%;}

.daff-vorstand-feature-box.feature_box .feature_box_wrapper .photo_wrapper {
    width: 50%;
    position: relative;
    overflow: hidden;
}

/* Create a pseudo element that uses padding-bottom to take up space */
.daff-vorstand-feature-box.feature_box .feature_box_wrapper .photo_wrapper::after {
    display: block;
    content: '';
    padding-bottom: 100%;
}

.daff-vorstand-feature-box.feature_box .feature_box_wrapper .photo_wrapper img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
}

.daff-vorstand-wrapper .wpb_wrapper > div {
    margin-bottom: 10px;
}
/* @media only screen and (min-width: 480px) and (max-width: 767px){
    .daff-vorstand-feature-box.feature_box .feature_box_wrapper .desc_wrapper {
        padding-top: 10px;
    }
} */
@media only screen and (min-width: 768px) and (max-width: 991px){
    .daff-vorstand-feature-box.feature_box .feature_box_wrapper .photo_wrapper,
    .daff-vorstand-feature-box.feature_box .feature_box_wrapper .desc_wrapper {
        width: 100%;
        padding-left: 0;
    }
    .daff-vorstand-feature-box.feature_box .feature_box_wrapper .desc_wrapper {
        padding-top: 10px;
    }
}

/**
## Daff Vorstand nach Sektionen
*/
.daff-vorstand-sektionen-btns {
    padding: 0 10px;
    margin-bottom: 40px;
}
.daff-vorstand-sektionen-btns .vc_column_container > .vc_column-inner {
    padding-left: 5px;
    padding-right: 5px;
}
.daff-vorstand-sektionen-btns .wpb_wrapper > div {
    margin-bottom: 10px;
}

@media only screen and (max-width: 479px) {
    .daff-vorstand-sektionen-btns .vc_btn3-container.vc_btn3-center.daff-btn .vc_btn3-block.vc_btn3-size-md {
        font-size: 80%;
        padding: 10px 10px;
    }
}


.daff-vorstand-sektionen-sliders {
    height: 0;
    overflow: hidden;
}

/* Pictures */
.daff-vorstand-sektionen li .image-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.daff-vorstand-sektionen li .image-wrapper::after {
    display: block;
    content: '';
    padding-bottom: 100%;
}
.daff-vorstand-sektionen li .image-wrapper img {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
}

/* SLider Text Wrapper */
.daff-vorstand-sektionen .text-wrapper {
    color: #000000;
    font-size: 120%;
    line-height: 1;
    padding-top: 20px;
}

.daff-vorstand-sektionen .slider_pagination a {
    display: inline-block;
    width: 20px;
    height: 12px;
    text-indent: -9999px;
    margin: 0 9px;
    background: #000000;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.daff-vorstand-sektionen h3 {
    line-height: 1;
}

.daff-vorstand-sektionen .daff-h3-background {
    font-size: 75%;
}

.daff-vorstand-sektionen .slider_pagination .slick-active a {
    top: 0;
    background: #4bbecb;
}

.daff-vorstand-sektionen .slider_pagination .slick-active a::after {
    display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1239px) {
    .daff-vorstand-sektionen .text-wrapper {
        padding-top: 0;
    }

    .daff-vorstand-sektionen .daff-h3-background {
        font-size: 55%;
    }
}

/**
## Opacity Transition Classes & Utilities
*/
.daff-hidden {
    display: none !important;
}
.daff-transition-opacity-1 {
    opacity: 1;
    transition: opacity 0.25s;
}
.daff-transition-opacity-0 {
    opacity: 0;
}

/**
## Margin & Padding Utility Classes
*/
.daff-margin-bottom-50 {
    margin-bottom: 50px;
}
.daff-padding-bottom-50 {
    padding-bottom: 50px;
}


/**
## Grid mit gleich hohen Zeilen
*/
.daff-equal-rows-grid > div > .wpb_wrapper {
    grid-auto-rows: 1fr;
    display: grid;
}

/**
## Auszeichnungen Grid Übersicht
*/
.daff-auszeichnungen-grid.portfolio_grid {
    list-style-type:none;
    margin-bottom: 5%;
}

.daff-auszeichnungen-grid.portfolio_grid .image_wrapper::after {
    display: block;
    content: '';
    padding-bottom: 100%;
}

#Content .daff-auszeichnungen-grid.portfolio_grid .image_frame .image_wrapper img,
.daff-auszeichnungen-grid.portfolio_grid .image_frame:hover .image_wrapper img,
.daff-auszeichnungen-grid.portfolio_grid .image_frame .image_wrapper img {
    left: 0;
    top: 0;
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
    transform: none;
    transition: none;
}

.daff-auszeichnungen-grid.portfolio_grid .image_frame:hover .image_wrapper img, 
.daff-auszeichnungen-grid.portfolio_grid .image_frame.hover .image_wrapper img {
    transform: none;
    transition: none;
}

.daff-auszeichnungen-grid.portfolio_grid li .image_frame {
    padding: 5px;
    position: relative;
    text-align: center;
}

.daff-auszeichnungen-grid.portfolio_grid .image_frame .title_wrapper {
    left: 0;
    width: 100%;
    position: absolute;
    bottom: 18%;
    color: #fff;
    font-size: 180%;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    font-weight: 600;
    text-shadow: 0px 0px 5px #000;
}

.daff-auszeichnungen-grid.portfolio_grid .image_frame .image_wrapper a,
.daff-auszeichnungen-grid.portfolio_grid .image_frame .title_wrapper {
    z-index: 4;
}

.daff-auszeichnungen-grid.portfolio_grid .image_frame .image_wrapper .mask {
    transition: none;
    transition: opacity 2s;
    display: block;
    background-color: #4bbecb;
    opacity: 0;
}

.daff-auszeichnungen-grid.portfolio_grid .image_frame:hover .image_wrapper .mask {
    opacity: 0.6;
}

.daff-auszeichnungen-grid.portfolio_grid .image_frame .image_wrapper .mask::after {
    background: none;
    transition: none;
}

/* Mehr Kachel */
/* .daff-auszeichnungen-grid.portfolio_grid .daff-square-more .image_frame .image_wrapper {
    background-color: #4bbecb;
    cursor: pointer;
}
.daff-auszeichnungen-grid.portfolio_grid .daff-square-more .image_frame .image_wrapper .text_wrapper{
    color: #ffffff;
    position: absolute;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.daff-auszeichnungen-grid.portfolio_grid .daff-square-more .image_frame .image_wrapper .text_wrapper p {
    margin: 0;
}
.daff-auszeichnungen-grid.portfolio_grid .daff-square-more .image_frame .image_wrapper .text_wrapper p:first-child {
    margin-bottom: 20%;
}

.daff-auszeichnungen-grid.portfolio_grid .daff-square-more .image_frame .image_wrapper .text_wrapper i {
    font-size: 60px;
}

.daff-auszeichnungen-grid.portfolio_grid .daff-square-more .image_frame .image_wrapper .text_wrapper span {
    text-transform: uppercase;
    font-size: 120%;
} */


/*
*  Mehr Kachel allgemein
*/
.daff-square-more .image_frame .image_wrapper {
    background-color: #4bbecb;
    cursor: pointer;
}
.daff-square-more .image_frame .image_wrapper .text_wrapper{
    color: #ffffff;
    position: absolute;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.daff-square-more .image_frame .image_wrapper .text_wrapper p {
    margin: 0;
}
.daff-square-more .image_frame .image_wrapper .text_wrapper p:first-child {
    margin-bottom: 20%;
}

.daff-square-more .image_frame .image_wrapper .text_wrapper i {
    font-size: 60px;
}
.daff-square-more .image_frame .image_wrapper .text_wrapper span {
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 400;
}

/**
## Neuigkeiten / Blog timeline styling
*/
/* Filter styling */
.daff-blog #Filters {
    border: 2px solid #4bbecb;
    text-align: center;
}
.daff-blog #Filters .vc_column-inner{
    padding-bottom: 50px;
}
.daff-blog #Filters .filters_buttons li {
    width: 100%;
    margin-right: 0;
}
.daff-blog #Filters .filters_buttons li.label {
    color: #000;
    text-transform: uppercase;
    font-size: 120%;
    margin: 10px 0 30px;
}
.daff-blog #Filters .filters_wrapper {
    margin-bottom: 0;
}
.daff-blog  #Filters .filters_wrapper ul {
    border-bottom-width: 0;
}
.daff-blog #Filters .filters_wrapper ul li {
    margin: 5px;
}
.daff-blog #Filters .filters_wrapper ul li a {
    padding: 0px 5px;
}

.daff-blog #Filters .filters_wrapper ul li.close {
    width: 100% !important;
    margin: 0;
    font-size: 150%;
}
/*  H3 Margin top 0 */
.daff-blog .post-item h3.entry-title {
    margin-top: 0;
}


/* Timeline styling */
.daff-blog .post-item .date_label::after {
    display: none;
}

.daff-blog .post-item .date_label {
    background: none;
    color: #000;
}

.daff-blog .post-item .date_label::before {
    width: 6px;
    background-color: #4bbecb;
    display: block;
    position: relative;
    content: ' ';
    float: left;
    margin-right: 5px;
    height: 2.2em;
    margin-top: -.3em;
}

/* Square */
.daff-blog .timeline .post-item::before {
    content: "";
    width: 7px;
    height: 2px;
    border-width: 6px;
    border-style: solid;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 127px;
    top: 12px;
    display: block;
    visibility: visible;
    z-index: 1;
    background-color: #4bbecb;
    border-color: #4bbecb;
}

/* Lines */
.daff-blog .timeline .post-item {
    background: none;
    padding-top: 13px; /* same height as square */
    width: 100%;
}

.daff-blog .post-photo-wrapper .image_wrapper{
    padding-right: 20px;
    padding-bottom: 20px;
}

.daff-blog .post-desc {
    padding-top: 0;
    padding-left: 0;
}

.daff-blog .post-photo-wrapper .image_links {
    display: none;
}

.daff-blog .post-footer {
    background: none;
}

.daff-blog .daff-h3-background {
    vertical-align: top;
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    float: inline-start;
}

.daff-blog .post-desc-wrapper::before {
    width: 80px;
    height: 1px;
    content: ' ';
    position: absolute;
    background: #000;
    left: 130px;
    top: 17px;
    z-index: -1;
}

.daff-blog .post-desc-wrapper::after {
    content: ' ';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 133px;
    top: 13px;
    background: #000;
}
@media only screen and (max-width: 767px) {
    .daff-blog .post-desc-wrapper::after,
    .daff-blog .post-desc-wrapper::before,
    .daff-blog .timeline .post-item::before  {
        display: none;
    }

    .daff-blog .timeline .post-desc-wrapper .post-desc {
        padding-top: 5px;
    }

    .daff-blog .post-item .date_label {
        padding-left: 0;
    }
}
/* Load more button */
.daff-blog  .pager_load_more .button_icon {
    display: none;
}

/**
## Header ohne Bild und Claim
*/
#Subheader {
    background-color: #4bbecb;
}

#Subheader .title {
    color: #fff;
}
/* .subheader-both-center #Subheader .title ,
#Subheader .title {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #4bbecb;
    color: #fff;

    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    font-weight: 400;
    padding: 5px 10px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
} */

/**
## Blog Arrows
*/
.fixed-nav.style-arrows .photo {
    background: #4bbecb;
}

.fixed-nav.style-arrows:hover .photo::before,
.fixed-nav.style-arrows .photo::before {
    color: #fff;
}

/**
* Grau hinterlegte Sektion
*/
.daff-grey-section {
    background-color: #e8e9eb !important;
}

/**
* DAFF Gallery
*/
.daff-gallery {
    overflow: hidden;
}
.daff-gallery .image_frame a {
    padding-top: 100%;
}
.daff-gallery .gallery.flat .gallery-item .gallery-icon .image_frame {
    margin: 5px;
}

.daff-gallery .image_frame .image_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    object-fit: cover;
    object-position: center top;
}

.daff-gallery .wp-caption-text {
    display: none;
}

/**
* DAFF Gallery latest images
*/
.daff-gallery.daff-latest-galleries-images .daff-square-more .image_frame .image_wrapper {
    padding-top: 100%;
}

/**
* DAFF Albums by yeas
*/
.daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year li.album {
    cursor: pointer;
}

.daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year .image_frame .image_wrapper .mask {
    transition: inherit;
    transition: inherit;
    display: inherit;
    background-color: transparent;
    opacity: inherit;
}

#Content .daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year .image_frame .image_wrapper img,
.daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year .image_frame:hover .image_wrapper img,
.daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year .image_frame .image_wrapper img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#Content .daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year .image_frame:hover .image_wrapper img, 
#Content .daff-auszeichnungen-grid.portfolio_grid.daff-albums-by-year .image_frame.hover .image_wrapper img {
    transform: scale(1.1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/**
*   Portfolio template using another header background
*/ 
/* body.single-portfolio:not(.template-slider) #Subheader {
    background-color: transparent;
} */

/**
* Suche Ergebnisse
*/
.search-results .post-meta,
.search-results .post-footer {
    display: none;
}

.search-results .post-title h2 a {
    color: #fff;
    font-size: 80%;
    font-weight: 400;
    background: #4bbecb;
    padding: 0 10px;

    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.search-results #Content {
    margin-top: 50px;
}


/**
* Pager
*/
.pager .pages {
    background-image: none;
    border-radius: 0;
}
.pager .pages a, .pager .pages span.page-numbers {
    border-radius: 0;
}

/**
* Posts und Termine
*/
.post-template-default #Subheader {
    display: none;
}

.post-template-default .post-wrapper-content {
    margin-bottom: 50px;
}


/**
* DAFF Profile Styling
*/

#mv_entry_target > :only-child::before {
    display: none;
}

#mv_entry_target > :only-child {
    text-transform: none;
    margin-bottom: 60px;
    margin-left: 0;
}

.daff-login-page-elements hr {
    display: none;
}

.daff-login-page-elements table {
    table-layout: fixed;
}

#bd_daff_file_form input[type="file"] {
    margin-bottom: 10px;
}

#bd_au_fr_user_form table td,
#bd_daff_profile table td {
    text-align: left;
}
#bd_daff_profile td b {
    float: left !important;
}


#bd_daff_data_form > table > tbody > tr > td > table td{
    border-bottom: 1px solid rgba(0,0,0,.08);
}

#bd_daff_data_form > table > tbody > tr > td > table tr:last-child td{
    border-bottom: 0;
    
}

#bd_daff_data_form > table > tbody > tr > td {
    vertical-align: top;
    border-right-width: 0;
}

@media only screen and (max-width: 768px) {
    #bd_daff_data_form > table > tbody > tr > td {
        display: inline-table;
        width: 100% !important;
        
    }
}

/* Änderungen wegen Tippfehler im Code "tpye" */
#bd_daff_vorschlag input[tpye="text"] {
    padding: 10px;
    outline: none;
    margin: 0;
    margin-bottom: 0px;
    width: 230px;
    max-width: 100%;
    display: block;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;

    color: #626262;
    background-color: rgba(255,255,255,1);
    border-color: #EBEBEB;
}

#bd_daff_vorschlag input[tpye="text"]:focus {
    color: #626262;
    background-color: rgba(250,250,250,1) !important;
    border-color: #d0d0d0;
}


/**
* DAFF Video Teaser
*/
.daff-video-teaser .photo-wrapper i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 70px;
    margin-left: -35px;
    margin-top: -35px;
    color: #4bbecb;
}

.daff-video-teaser .photo-wrapper i::before {
    margin-right: 0;
    margin-left: 0;
}

.daff-video-teaser.daff-blog-teaser.blog-teaser li:not(.has-post-thumbnail) .photo-wrapper {
    width: 100%;
    padding-top: 56.25%;
}
.daff-video-teaser.daff-blog-teaser.blog-teaser li video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}

/* .daff-video-teaser.blog-teaser li:first-child {
    margin-left: 1%;
} */

.daff-video-teaser.blog-teaser li {
    cursor: pointer;
    margin-top: 1%;
}

.daff-video-teaser.blog-teaser li:not(:first-child) {
    width: 49.5%;
    float: left;
}

.daff-video-teaser.blog-teaser li:nth-child(2),
.daff-video-teaser.blog-teaser li:nth-child(3) {
    width: 32%;
    float: right;
}

.daff-video-teaser.blog-teaser li:nth-child(odd) {
    margin-left: 1%;
}

.daff-video-teaser.blog-teaser li:first-child,
.daff-video-teaser.blog-teaser li:nth-child(3) {
    margin-left: 0;
}

.daff-video-teaser.blog-teaser .daff-video-teaser-loadmore button {
    margin-top: 40px;
}

/* playing */
.daff-video-teaser.blog-teaser li.playing .photo-wrapper::after,
.daff-video-teaser.blog-teaser li.playing .photo-wrapper i,
.daff-video-teaser.blog-teaser li.playing .desc-wrapper {
    display: none;
}


@media only screen and (min-width: 768px) {
    .daff-video-teaser.blog-teaser li:nth-child(2) p,
    .daff-video-teaser.blog-teaser li:nth-child(3) p {
        margin-bottom: 0;
    }
    .daff-video-teaser.blog-teaser li:nth-child(2) .photo-wrapper i,
    .daff-video-teaser.blog-teaser li:nth-child(3) .photo-wrapper i {
        top: 25px;
        right: 25px;
        left: unset;
        font-size: 40px;
        margin-right: -20px;
        margin-top: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    .daff-video-teaser.blog-teaser li .photo-wrapper i,
    .daff-video-teaser.blog-teaser li .photo-wrapper i {
        top: 25px;
        right: 25px;
        left: unset;
        font-size: 40px;
        margin-right: -20px;
        margin-top: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .daff-video-teaser.blog-teaser li:nth-child(2) .photo-wrapper i,
    .daff-video-teaser.blog-teaser li:nth-child(3) .photo-wrapper i {
        display:none;
    }
}

@media only screen and (max-width: 767px) {
    .daff-video-teaser.blog-teaser li:nth-child(odd) {
        margin-left: 0;
    }
    .daff-video-teaser.blog-teaser li .photo-wrapper i,
    .daff-video-teaser.blog-teaser li .photo-wrapper i {
        top: 25px;
        right: 25px;
        left: unset;
        font-size: 40px;
        margin-right: -20px;
        margin-top: -20px;
    }
}
/* @media only screen and (max-width: 767px) {
    .daff-video-teaser.blog-teaser li:nth-child(2) p,
    .daff-video-teaser.blog-teaser li:nth-child(3) p {
        margin-bottom: 0;
    }
    .daff-video-teaser.blog-teaser li:nth-child(2) .photo-wrapper i,
    .daff-video-teaser.blog-teaser li:nth-child(3) .photo-wrapper i {
        top: 25px;
        right: 25px;
        left: unset;
        font-size: 40px;
        margin-right: -20px;
        margin-top: -20px;
    }
} */

/**
* DAFF Livestream placeholder
*/
.daff-livestream-placeholder {
    background: #000000;
    color: #ffffff;
    padding-top: 56.25%;
    width: 100%;
    text-align: center;
    font-family: "Open Sans Condensed", Arial, Tahoma, sans-serif;
    font-size: 130%;
    margin-bottom: 0 !important;
}

.daff-livestream-placeholder i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 70px;
    margin-left: -35px;
    margin-top: -35px;
    color: #4bbecb;
}

.daff-livestream-placeholder i::before {
    margin-right: 0;
    margin-left: 0;
}

.daff-livestream-placeholder .meta {
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
}

.daff-livestream-placeholder .meta .title-event {
    font-size: 150%;
}

.daff-livestream-placeholder .meta .time-event {
    font-size: 120%;
}

@media only screen and (max-width: 767px) {
    .daff-livestream-placeholder i {
        top: 35%;
    }
}

@media only screen and (max-width: 479px) {
    .daff-livestream-placeholder {
        font-size: 110%;
    }
    .daff-livestream-placeholder .meta {
        bottom: 0;
    }

    .daff-livestream-placeholder i {
        top: 30%;
        font-size: 50px;
        margin-left: -25px;
        margin-top: -25px;
    }
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
* Complianz (GDPR Plugin) — Styling, direkt im PLugin eingefügt. Hier noch als Backup.
*/
/* 
#cc-window.cc-window {
    background-color: #ffffff !important;
}
.cc-compliance .cc-btn.cc-accept-all,
.cc-allow,
.cc-accept-all,
.cc-btn {
    text-transform: uppercase;
    color: #000000 !important;
    border: 2px solid #4bbecb !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    transition: all .2s ease-in-out;
    font-weight: 400 !important;
    width: 100%;
    float: left !important;
}
.cc-compliance .cc-btn.cc-accept-all:hover,
.cc-allow:hover,
.cc-accept-all:hover, 
.cc-btn:hover {
    color: #ffffff !important;
    border: 2px solid #4bbecb !important;
    background-color: #4bbecb !important;
    text-decoration: none !important;
}

#cc-window.cc-window .cmplz-categories-wrap .cc-check svg, #cmplz-manage-consent-container.cmplz-manage-consent-container .cc-check svg {
    stroke: #4bbecb !important;
}

.cmplz-blocked-content-container {
    background-image: none !important;
    background-color: black !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice {
    font-size: inherit !important;
    padding: 10px;
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #4bbecb !important;
} */


/*
*
* Tage der Akademie 2020
*
*/
:root {
	--tda-gold: rgb(177, 149, 88); /* == #b19558 */
	--tda-tuerkis: rgb(0,221,221);
	--daff-tuerkis: rgb(75, 190, 203); /* == #4bbecb */
}

.page-template-page-tage-der-akademie,
.page-template-page-tage-der-akademie h1,
.page-template-page-tage-der-akademie h2,
.page-template-page-tage-der-akademie h3 {
	color: var(--tda-gold);
}

.page-template-page-tage-der-akademie .section .fancy_heading h2 {
	text-transform: uppercase;
	font-family: "Futura Book";
	text-align: center;
	margin-left: 0;
}

.page-template-page-tage-der-akademie .section .fancy_heading h2::before {
	content: normal;
}


.page-template-page-tage-der-akademie h3.vc_custom_heading {
	text-transform: uppercase;
	font-family: "Futura Book";
	text-align: center;
}

/*
.page-template-page-tage-der-akademie #Subheader, 
.page-template-page-tage-der-akademie #Wrapper, 
.page-template-page-tage-der-akademie #Content {
	background-color: #000;

}
*/
.page-template-page-tage-der-akademie #Subheader {
	background-color: #fff;

}

.page-template-page-tage-der-akademie  #Subheader {
	border: none;
}

.page-template-page-tage-der-akademie  #Subheader .title {
	color: var(--tda-gold);
	text-transform: uppercase;
	font-family: "Futura Book";
	text-align: center;
}

.tda-headline {
	/*color: var(--daff-tuerkis)!important;*/
	color: #fff!important;
	display: block; 
	background: var(--daff-tuerkis); 
	margin: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}
/*
.page-template-page-tage-der-akademie button,
.page-template-page-tage-der-akademie .wpb_text_column {
	color: #fff;
}
*/
.bg-daff {
	background-color: var(--daff-tuerkis);
	color: #fff;
}

.bg-gold {
	background-color: var(--tda-gold);
	color: #fff;
}

.bg-gold h1,
.bg-gold h2,
.bg-daff h1,
.bg-daff h2 {
	font-family: "Futura Book";
	color: #fff;
	margin-top: 0;
}

.bg-gold a,
.bg-daff a {
	color: #000;
}


.page-template-page-tage-der-akademie .wpb_wrapper > div {
    margin-bottom: 0;
}


.page-template-page-tage-der-akademie .vc_btn3-container.vc_btn3-inline {
	width:100%;
}

.page-template-page-tage-der-akademie .vc_general.vc_btn3 {
	color: #fff!important;
    background-color: var(--tda-gold)!important;
    width: 100%;
    font-size: xx-large;
    padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	background-image: none;
    margin-bottom: 35px;
}

.line .wpb_single_image,
.wpb_single_image.line {
    border-bottom-width: 4px;
    padding-bottom: 15px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
}

.line .wpb_single_image .vc_single_image-wrapper,
.wpb_single_image.line .vc_single_image-wrapper {
    margin-bottom: 0;
}



.line-gold .wpb_single_image,
.wpb_single_image.line-gold,
.bg-daff .wpb_single_image {
	border-bottom-color: var(--tda-gold);
}




.page-template-page-tage-der-akademie .widget {
    margin-top: 15px;
}


.tda-ad-2021 {
	margin-bottom: 0!important;
}



/******/
/* vorstände-slider reparierern */
.content_slider .vc_row {
    margin-left: 0;
    margin-right: 0;
}

/** anpassung des 2-klick-video-plugins */
.wpb_video_wrapper {
    /*padding-top: 0!important;*/
}

.video-wrapped {
	min-height: auto !important;
}

.video-wrapped-yt {
    margin-top: -56.25%;
}

.video-wrapped-play {
    margin-bottom: 15%;
}