/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    NBH 
 Author:         Thilo Kurmann
 Author URI:     http://highfiles.de
 Template:       Divi
 Version:        1.0.0
*/

@media only screen and ( max-width: 1024px ) {
    #top-menu-nav, #top-menu {display: none;}
    #et_top_search {display: none;}
    #et_mobile_nav_menu {display: block;}
    }
    .sub-menu li a {line-height:1.5em; font-size: 13px!important; margin-bottom:1vh;}
    .et_pb_contact_form_0 h1 {display:none;}
    
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: landscape) 
      and (-webkit-min-device-pixel-ratio: 1) {
            #hero .header-content p {font-size:38px!important;}
    }
    .et_pb_toggle_title:before {color:#c90119;}
    
    .et_pb_text_inner span {line-height:1.2em;}
    
    /* ----- buddypress -------*/
    
    @media (min-width: 981px) {#main-content .container:before {background-color:#fff;}}
    
    #item-body {width:100%!important; border-left:none!important;}
    #item-header-cover-image, #bp-nouveau-activity-form, #em_calendar-2, #bp_nouveau_sidebar_object_nav_widget-2, .subnav-filters, .activity-list.bp-list .activity-item, #bp_classic_members_whos_online_widget-2, #bp_classic_members_widget-2, .bp-latest-activities, .tablenav, .grid>li .list-wrap, .widget_custom_bp_activity_widget_only_updates li  {box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15)!important; border-radius:10px!important;}
    #em_calendar-2, #bp_nouveau_sidebar_object_nav_widget-2, .subnav-filters, .activity-list.bp-list .activity-item, #bp_classic_members_whos_online_widget-2, #bp_classic_members_widget-2, .bp-latest-activities {padding: 1em;}
    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
        padding-right: 2em;}
    .groups-header .desc-wrap {background:#fff; border:none;}
    .groups-header .desc-wrap .group-description {box-shadow:none; background:#fff;}
    #bp-nouveau-activity-form {border:none; padding:2em;}
    .buddypress .buddypress-wrap .activity-read-more a, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type=button], .buddypress .buddypress-wrap input[type=reset], .buddypress .buddypress-wrap input[type=submit], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a  {background:#f7a800; border:none; color:#fff; padding:0.5em 1em; border-radius:2px;}
    #item-body li {list-style-type:none;}
    .subnav-filters {padding:1em!important;}
    .activity-list.bp-list, .activity-list.bp-list .activity-item {background:#fff; border: none;}
    #activity-stream .activity-list {padding:0px;}
    .buddypress .buddypress-wrap .activity-read-more a {font-size:0.8em; padding: 3px 7px;}
    .activity-list .activity-item .activity-content p {font-size:0.8em;}
    .avatar {border-radius:50%;}
    .buddypress.widget div.activity-list blockquote .activity-item:not(.mini) {box-shadow:none; margin-bottom: 1em;}
    .grid>li .list-wrap {background:#fff; border:none;}
    .bp-list {border-top:none;}
    #group-secondary-nav {padding-top:1.5em!important;}
    .bp-invites-nav {padding-top:1em!important;}
    .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored,.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored,.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored,.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored,.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored,.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored {--date-border-color: #f7a800;}
    .buddypress_object_nav .bp-navs ul li .count {width: 2.5em;padding: 1px 3px;}
    
    /* Gruppenübersicht Cover Image Styling */
    
    #groups-list {margin-top:20px; padding-left:0px!important;}
    .bp-group-cover {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    
    .bp-group-cover img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 5px;
    }
    
    /* Anpassungen für das Avatar- und Titel-Layout */
    #groups-list .item-avatar {
        margin-bottom: 10px;
    }
    
    #groups-list .item-title a {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    #groups-list .item-title a:hover {
        color: #21759b;
    }
    
    /* Anpassungen für die Metadaten und Beschreibungen */
    #groups-list .item-meta {
        font-size: 14px;
        color: #777;
        margin-bottom: 10px;
    }
    
    #groups-list .item-desc {
        font-size: 14px;
        color: #555;
        margin-bottom: 10px;
    }
    
    /* Anpassungen für die Aktionen */
    #groups-list .action {
        margin-top: 10px;
    }
    
    #groups-list .action a {
        font-size: 14px;
        color: #21759b;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    #groups-list .action a:hover {
        color: #d54e21;
    }
    
    /* Layout Anpassungen für die Listenelemente */
    #groups-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #groups-list li {
        width: 48%;
        box-sizing: border-box;
        padding: 15px;
        margin-bottom: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15)!important; border-radius:10px!important;
    }
    
    #groups-list li:nth-child(odd) {
        margin-right: 2%;
    }
    
    #groups-list li:nth-child(even) {
        margin-left: 2%;
    }
    
    #groups-list .item {
        flex: 1;
        width: 100%;
    }
    
    /* Anpassungen für kleinere Bildschirme */
    @media (max-width: 768px) {
        #groups-list li {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
        }
    }
    
    .slick-slider {
        margin: 20px;
    }
    
    .slick-slide {
        display: flex !important;
        align-items: stretch !important; /* sorgt dafür, dass alle Items die gleiche Höhe haben */
        height: auto !important;
        overflow: hidden;
    }
    
    #startseite .slick-slide {background:#fff; margin:10px; height: 350px!important;  display: flex !important; align-items: flex-start !important; }
    #startseite .activity-meta, #startseite  .activity-time-since {display: none;}
    #startseite .activity-header {margin-bottom: 10px;}
    .link-comments {color:#c90119 ;}
    #startseite .activity-item {
        box-sizing: border-box;
       padding: 10px;
        display: block!important;
        flex-direction: column; /* macht den Inhalt flexibel in der Höhe */
        flex: 1;
        align-items: center; /* Zentriert den Inhalt horizontal */
        justify-content: center; /* Zentriert den Inhalt vertikal */
        text-align: center; /* Zentriert den Text */
    }
    #startseite .activity-avatar {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
   #startseite .activity-content {
        overflow: hidden;
        flex-grow: 1; /* Füllt den verbleibenden Platz */
        display: flex;
        flex-direction: column;
        justify-content: center; /* Zentriert den Inhalt vertikal */
    }
    
   #startseite .activity-meta {
        margin-top: auto; /* Platziert das Meta-Element unten */
    }
    
    .slick-dots {display: none !important;}
    .slick-prev:before, .slick-next:before {color: #c90c0f; font-size:2rem; opacity: 1;}

/* Grundlegende Styling für den Mitglieder-Slider */
.bp-mitglieder-slider .slick-slide {
    text-align: center; /* Zentriert den Text */
    display: flex; /* Aktiviert Flexbox */
    flex-direction: column; /* Ordnet die Kinder vertikal an */
    align-items: center; /* Zentriert die Kinder horizontal in ihrem Container */
    justify-content: center; /* Zentriert die Kinder vertikal in ihrem Container */
    padding: 10px; /* Fügt Abstand um jedes Element hinzu */
}

/* Styling für den Avatar */
.bp-mitglieder-slider .slick-slide img {
    width: 100px; /* Feste Breite für den Avatar */
    height: 100px; /* Feste Höhe für den Avatar */
    border-radius: 50%; /* Kreisförmige Avatare */
    display: block; /* Stellt sicher, dass der Avatar als Block angezeigt wird */
    margin: 0 auto 10px; /* Zentriert den Avatar und fügt Abstand unten hinzu */
}

/* Styling für den Mitgliedernamen */
.bp-mitglieder-slider .slick-slide h4 {
    margin: 0; /* Kein äußerer Abstand */
    padding: 0; /* Kein innerer Abstand */
    font-size: 16px; /* Passende Schriftgröße */
    color: #333; /* Dunkle Schriftfarbe für bessere Lesbarkeit */
}

@media only screen and ( max-width: 1024px ) {
    #top-menu-nav, #top-menu {display: none;}
    #et_top_search {display: none;}
    #et_mobile_nav_menu {display: block;}
    }
    .sub-menu li a {line-height:1.5em; font-size: 13px!important; margin-bottom:1vh;}
    .et_pb_contact_form_0 h1 {display:none;}
    
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: landscape) 
      and (-webkit-min-device-pixel-ratio: 1) {
            #hero .header-content p {font-size:38px!important;}
    }
    .et_pb_toggle_title:before {color:#c90119;}
    
    .et_pb_text_inner span {line-height:1.2em;}
    
    /* ----- buddypress -------*/
    
    @media (min-width: 981px) {#main-content .container:before {background-color:rgba(0,0,0,0);}}
    
    #item-body {width:100%!important; border-left:none!important;}
    #item-header-cover-image, #bp-nouveau-activity-form, #em_calendar-2, #bp_nouveau_sidebar_object_nav_widget-2, .subnav-filters, .activity-list.bp-list .activity-item, #bp_classic_members_whos_online_widget-2, #bp_classic_members_widget-2, .bp-latest-activities, .tablenav, .grid>li .list-wrap  {box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15)!important; border-radius:10px!important;}
    #em_calendar-2, #bp_nouveau_sidebar_object_nav_widget-2, .subnav-filters, .activity-list.bp-list .activity-item, #bp_classic_members_whos_online_widget-2, #bp_classic_members_widget-2, .bp-latest-activities {padding: 1em;}
    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
        padding-right: 2em;}
    .groups-header .desc-wrap {background:#fff; border:none;}
    .groups-header .desc-wrap .group-description {box-shadow:none; background:#fff;}
    #bp-nouveau-activity-form {border:none; padding:2em;}
    .buddypress .buddypress-wrap .activity-read-more a, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type=button], .buddypress .buddypress-wrap input[type=reset], .buddypress .buddypress-wrap input[type=submit], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a  {background:#f7a800; border:none; color:#fff; padding:0.5em 1em; border-radius:2px;}
    #item-body li {list-style-type:none;}
    .subnav-filters {padding:1em!important;}
    .activity-list.bp-list, .activity-list.bp-list .activity-item {background:#fff; border: none;}
    #activity-stream .activity-list {padding:0px;}
    .buddypress .buddypress-wrap .activity-read-more a {font-size:0.8em; padding: 3px 7px;}
    .activity-list .activity-item .activity-content p {font-size:0.8em;}
    .avatar {border-radius:50%;}
    .buddypress.widget div.activity-list blockquote .activity-item:not(.mini) {box-shadow:none; margin-bottom: 1em;}
    .grid>li .list-wrap {background:#fff; border:none;}
    .bp-list {border-top:none;}
    #group-secondary-nav {padding-top:1.5em!important;}
    .bp-invites-nav {padding-top:1em!important;}
    .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored,.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored,.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored,.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored,.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored,.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored {--date-border-color: #f7a800;}
    .buddypress_object_nav .bp-navs ul li .count {width: 2.5em;padding: 1px 3px;}
    
    /* Gruppenübersicht Cover Image Styling */
    
    #groups-list {margin-top:20px; padding-left:0px!important;}
    .bp-group-cover {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    
    .bp-group-cover img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 5px;
    }
    
    /* Anpassungen für das Avatar- und Titel-Layout */
    #groups-list .item-avatar {
        margin-bottom: 10px;
    }
    
    #groups-list .item-title a {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    #groups-list .item-title a:hover {
        color: #21759b;
    }
    
    /* Anpassungen für die Metadaten und Beschreibungen */
    #groups-list .item-meta {
        font-size: 14px;
        color: #777;
        margin-bottom: 10px;
    }
    
    #groups-list .item-desc {
        font-size: 14px;
        color: #555;
        margin-bottom: 10px;
    }
    
    /* Anpassungen für die Aktionen */
    #groups-list .action {
        margin-top: 10px;
    }
    
    #groups-list .action a {
        font-size: 14px;
        color: #21759b;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    #groups-list .action a:hover {
        color: #d54e21;
    }
    
    /* Layout Anpassungen für die Listenelemente */
    #groups-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #groups-list li {
        width: 48%;
        box-sizing: border-box;
        padding: 15px;
        margin-bottom: 20px;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15)!important; border-radius:10px!important;
    }
    
    #groups-list li:nth-child(odd) {
        margin-right: 2%;
    }
    
    #groups-list li:nth-child(even) {
        margin-left: 2%;
    }
    
    #groups-list .item {
        flex: 1;
        width: 100%;
    }
    
    /* Anpassungen für kleinere Bildschirme */
    @media (max-width: 768px) {
        #groups-list li {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
        }
    }
    
    .slick-slider {
        margin: 20px;
    }
    
    .slick-slide {
        display: flex !important;
        align-items: stretch !important; /* sorgt dafür, dass alle Items die gleiche Höhe haben */
        height: auto !important;
    }
    
    #startseite .activity-item {
        box-sizing: border-box;
        padding: 10px;
        display: flex;
        flex-direction: column; /* macht den Inhalt flexibel in der Höhe */
        flex: 1;
        align-items: center; /* Zentriert den Inhalt horizontal */
        justify-content: center; /* Zentriert den Inhalt vertikal */
        text-align: center; /* Zentriert den Text */
    }
    #startseite .activity-avatar {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
   #startseite .activity-content {
        overflow: hidden;
        flex-grow: 1; /* Füllt den verbleibenden Platz */
        display: flex;
        flex-direction: column;
        justify-content: center; /* Zentriert den Inhalt vertikal */
    }
    
   #startseite .activity-meta {
        margin-top: auto; /* Platziert das Meta-Element unten */
    }
    
    .slick-dots {display: none !important;}
    .slick-prev:before, .slick-next:before {color: #c90c0f; font-size:2rem; opacity: 1;}

/* Grundlegende Styling für den Mitglieder-Slider */
.bp-mitglieder-slider .slick-slide {
    text-align: center; /* Zentriert den Text */
    display: flex; /* Aktiviert Flexbox */
    flex-direction: column; /* Ordnet die Kinder vertikal an */
    align-items: center; /* Zentriert die Kinder horizontal in ihrem Container */
    justify-content: center; /* Zentriert die Kinder vertikal in ihrem Container */
    padding: 10px; /* Fügt Abstand um jedes Element hinzu */
}

/* Styling für den Avatar */
.bp-mitglieder-slider .slick-slide img {
    width: 100px; /* Feste Breite für den Avatar */
    height: 100px; /* Feste Höhe für den Avatar */
    border-radius: 50%; /* Kreisförmige Avatare */
    display: block; /* Stellt sicher, dass der Avatar als Block angezeigt wird */
    margin: 0 auto 10px; /* Zentriert den Avatar und fügt Abstand unten hinzu */
}

/* Styling für den Mitgliedernamen */
.bp-mitglieder-slider .slick-slide h4 {
    margin: 0; /* Kein äußerer Abstand */
    padding: 0; /* Kein innerer Abstand */
    font-size: 16px; /* Passende Schriftgröße */
    color: #333; /* Dunkle Schriftfarbe für bessere Lesbarkeit */
}

.buddypress.widget div.activity-list blockquote .activity-item:not(.mini):after, .buddypress.widget div.activity-list blockquote 
.activity-item:not(.mini):before, #wp-admin-bar-my-account-groups, #wp-admin-bar-my-account-buddypress-invitations, 
#wp-admin-bar-my-em-events, #invite-groups-li, #events-groups-li, #events-personal-li, #Einladungen-personal-li, .highlight.group-status, .groups-meta.action, .subnav-filters, .leave-group, .member-description {display: none!important;}

.pp-form-container .pp-form-wrapper.ppBuildScratch .ppbs-headline {text-align: left;}
.ppform-submit-button, .em-item-read-more .button  {background: #f7a800!important;}
.em {--accent-color: #f7a800!important;}
.activity-list .activity-item .activity-meta.action .button:before, .activity-list .activity-item .activity-meta.action .icons:before {font-size:25px;}

.et_pb_pricing_content_top {border-bottom:none;}
.pp-form-container .ppress-form-bottom-links {text-align:left!important; padding-left:24px;}

#message-threads li.selected .thread-subject .subject {color:#c90119;}

.widget_custom_bp_activity_widget_only_updates li {margin-bottom: 20px;padding: 20px;}
.widget_custom_bp_activity_widget_only_updates .activity-time-since {display: none;}
.widget_custom_bp_activity_widget_only_updates .activity-avatar {display: inline-block; float:left; margin-right: 10px;}
/* .widget_custom_bp_activity_widget_only_updates .activity-content p {display: block; float:left; } 
.widget_custom_bp_activity_widget_only_updates .activity-update-text {float:left; clear: both;}*/
.treffpunkt a {text-transform:uppercase; color: #c90119 !important; display: inline-block!important;}

@media (min-width: 981px) {
.single-item #main-content .container, .bp-user #main-content .container {width:90% !important;}
.single-item #left-area, .bp-user #left-area {width:70% !important;}
.single-item #sidebar, .bp-user #sidebar {width:30% !important;}
}

.custom-bp-groups-widget {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Zwei Spalten */
    gap: 20px; /* Abstand zwischen den Spalten */
    list-style: none;
    margin: 0 0 0 -15px;
    padding: 0;

}

.custom-bp-groups-widget li {
    display: block;
    flex-direction: column; /* Stellt sicher, dass das Bild über dem Text erscheint */
    align-items: center;
    padding: 10px;
    background-color: #fff; /* Optional: Hintergrundfarbe für die Listelemente */
    border-radius: 8px; /* Optional: Abrundung der Ecken */
    box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15) !important;
    border-radius: 10px !important;
}

.custom-bp-groups-widget .item-avatar {
    width: 100%; /* Bild nimmt die volle Breite des Containers ein */
    margin-bottom: 10px;
}

.custom-bp-groups-widget .item-avatar img {
    width: 100%; /* Bild skaliert auf die Breite des Containers */
    height: auto; /* Höhe passt sich proportional an */
    border-radius: 8px; /* Optional: Abrundung der Ecken für das Bild */
    object-fit: cover; /* Bild wird skaliert, um den Container zu füllen, ohne Verzerrung */
}

.custom-bp-groups-widget .item {
    text-align: left; /* Zentriere den Text unter dem Bild */
    flex-grow: 1;
}

.custom-bp-groups-widget .item-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.custom-bp-groups-widget .item-title a {color: #000!important; font-size:18px;}
.custom-bp-groups-widget .item-meta {
    font-size: 12px;
    color: #666;
}

/* Responsive Anpassung für kleinere Bildschirme */
@media (max-width: 768px) {
    .custom-bp-groups-widget {
        grid-template-columns: 1fr; /* Eine Spalte bei kleineren Bildschirmen */
    }
}

.em.em-calendar {

    --date-color:#000;
}

body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-header-content, body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
    margin-top: 225px !important;
    clear: none !important;
}

@media screen and (max-width: 782px) {
    #buddypress #item-header-cover-image #item-header-avatar, .bp-user #buddypress #item-header #item-header-cover-image #item-header-avatar, #buddypress div#item-header #item-header-cover-image #item-header-content {
    text-align: left;
    padding: 5%;}
    #buddypress div#item-header #item-header-cover-image .group-item-actions {display: none;}
    #buddypress div#item-header #item-header-cover-image .group-description {width: 100%;}
    #main-content .container {width: 90%;}
}