/* EP-Board Eigener Style */
/* PART OF @EPB23STYL01V1_AllgStyl */

/* @EPB23STYL01V1_Banner== */
.epb_header_div {
    height: 35vmin;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 40vmin, 150vmin, cover;
    background-position-x: center, center, center;
    background-position-y: 20px, 0px, center;
    border-radius: 0px 0px 20px 20px;
    border: none;
    background-color: transparent;
    margin-top: -2px;
    cursor: pointer;
}

/* @EPB23STYL01V1_Banner== */
a#logo {
    width: 100%;
    height: 100%;
}

/* BEGINN @EPB25STYL06V1_AllgStyl */
.epb_center {
    text-align: center;
}
/* ENDE @EPB25STYL06V1_AllgStyl */

/* BEGINN @EPB23STYL02V1_MenuBar= */
    div.epb_breadcrumbs {
        display: block;
        margin: 0px 25px;
        padding: 3px 15px;
        border-radius: 0px 0px 20px 20px;
    }

    ul.epb_navbar {
        list-style: none;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        margin: 0px 5px;
        text-align: center;
    }

    ul.epb_navbar_top {
        height: 100%;
    }

    ul.epb_navbar_top {
        flex-direction: row;
    }

    ul.epb_navbar_middle {
        flex-direction: column;
    }

    li.epb_navbar {
        font-size: 1.5em;
        padding: 0px;
        
        border: none;
        border-radius: 20px;
    }

    li.epb_navbar_middle {
        font-size: 1.7em;
        padding: 2px 0px;
    }

    li.epb_navbar_middle span {
        padding-left: 5px;
    }

    .epb_navbar_menu_section {
        display: flex;
        align-items: center;
        text-align: center;
    }

    .epb_navbar_menu_section::before, .epb_navbar_menu_section::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid;
    }

    .epb_navbar_menu_section:not(:empty)::before {
        margin-right: .25em;
    }

    .epb_navbar_menu_section:not(:empty)::after {
        margin-left: .25em;
    }

    li.epb_navbar:hover {
        transition: all 0.2s ease-in-out;
    }

    li.epb_navbar a {
        text-decoration: none;
        padding: 10px;
    }

    li.epb_navbar a:hover, li.epb_navbar a:active, li.epb_navbar a:focus {
        text-decoration: none;
        outline: none !important;
        box-shadow: none !important;
    }

    ul#epb_navbar_top_main, ul#epb_navbar_top_main_guest {
        min-width: 50vw;
    }

    li.epb_navbar i.icon {
        padding: 0px 4px;
    }

    #epb_navbar_top_burger {
        margin: auto 0;
        cursor: pointer;
    }

    #epb_navbar_top_burger div {
        width: 25px;
        height: 2px;
        margin: 4px 0;
        transition: 0.4s;
    }

    .epb_open_burger_menu .epb_burger_bar1 {
        -webkit-transform: rotate(-45deg) translate(0px, 6px);
        transform: rotate(-45deg) translate(0px, 6px);
    }

    .epb_open_burger_menu .epb_burger_bar2 {
        opacity: 0;
    }

    .epb_open_burger_menu .epb_burger_bar3 {
        -webkit-transform: rotate(45deg) translate(-3px, -9px);
        transform: rotate(45deg) translate(-3px, -9px);
    }

    /* Anderer Style fuer die Social-Icons */
        #epb_navbar_top_social a {
            padding: 0px;
        }

        #epb_navbar_top_social li.epb_navbar:hover {
            transition: all 0.2s ease-in-out;
        }

    .epb_navbar_alarm, .epb_notification_bell { /* ADDED CLASS FOR @EPB23BENA12V1_BenaAllg */
        animation: epb_navbar_alarm_animation 10s ease-in-out infinite;
    }

    .epb_navbar_alarm_responsive:after {
        top: 14px;
        left: 14px;
    }

    .epb_navbar_alarm:after {
        height: 7px;
        width: 7px;
        position: absolute;
        content: ' ';
        border: none;
        border-radius: 50%;
    }

    /* BEGINN @EPB23BENA12V1_BenaAllg */
        /* Wird nicht nur in der Navbar, sondern auch in notifications.php verwendet */
        .epb_navbar_notifications_header {
            display: grid;
            align-items: center;
            grid-template-areas: "text buttons";
            grid-template-columns: auto max-content;
            column-gap: 20px;
            min-width: 500px;
        }

        .epb_navbar_notifications_header_text {
            grid-area: text;
            overflow: hidden;
            white-space: nowrap;
            font-size: 1.6em;
            font-weight: bold;
        }

        .epb_navbar_notifications_header_buttons {
            grid-area: buttons;
            display: grid;
            grid-auto-flow: column;
            column-gap: 2px;
        }

        .epb_navbar_notifications_header_button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
            width: 50px;
            cursor: pointer;
            border-radius: 20px;
        }

        .epb_navbar_notifications_header_button:hover {
            text-decoration: none;
            transition: all 0.2s ease-in-out;
        }

        .epb_navbar_notifications_header_button:hover, .epb_navbar_notifications_header_button:active, .epb_navbar_notifications_header_button:focus {
            text-decoration: none;
            outline: none !important;
            box-shadow: none !important;
        }

        .epb_navbar_notification {
            display: grid;
            grid-template-areas:
                "img text read"
                "img time read";
            grid-template-columns: min-content auto 40px;
            grid-template-rows: auto min-content;
            min-height: 80px;
            padding: 10px;
            column-gap: 10px;
            row-gap: 2px;
            align-items: center;
        }

        .epb_navbar_notification_img {
            grid-area: img;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            overflow: hidden;
            margin: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .epb_avatar_logo, /* @EPB25USER05V1_Avatar== */
        .epb_navbar_notification_img_logo {
            width: 90%;
            height: auto;
        }

        .epb_avatar_blanko, /* @EPB25USER05V1_Avatar== */
        .epb_navbar_notification_img_blanko {
            font-size: 30px;
        }

        .epb_navbar_notification_img_prio {
            font-size: 30px;
            padding-left: 4px;
        }

        .epb_navbar_notification_text {
            grid-area: text;
            font-size: 1.4em;
            cursor: pointer;
            width: 100%;
            height: 100%;
        }

        .epb_navbar_notification_time {
            grid-area: time;
            font-style: italic;
            cursor: pointer;
        }

        .epb_navbar_notification_read {
            grid-area: read;
        }

        .epb_navbar_notification_text_unread, .epb_navbar_notification_time_unread {
            font-weight: bold;
        }
    /* ENDE @EPB23BENA12V1_BenaAllg */

    /* @EPB23STYL03V2_MenuBar= */
    /* BEGINN @EPB23CHAT04V1_Chat==== */
        #epb_navbar_chat.epb_navbar_alarm:after {
            left: 28px;
            top: 6px;
        }

        #epb_navbar_chat_responsive.epb_navbar_alarm:after {
            left: 26px;
            top: 9px;
        }
    /* ENDE @EPB23CHAT04V1_Chat==== */

@keyframes epb_navbar_alarm_animation {
    0% { transform: rotate(0); }
    1.5% { transform: rotate(8deg); }
    3.0% { transform: rotate(-8deg); }
    4.5% { transform: rotate(6deg); }
    6.0% { transform: rotate(-6deg); }
    7.5% { transform: rotate(4deg); }
    8.5% { transform: rotate(-4deg); }
    9.2% { transform: rotate(2deg); }
    10% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

li.epb_navbar_active.epb_navbar.epb_navbar_top, li.epb_navbar_active.epb_navbar.epb_navbar_middle {
    border-bottom: 2px solid transparent;
}

li.epb_navbar_top img {
    max-width: 30px;
    height: auto;
    border-radius: 50%;
}

div.epb_navbar_middle_container {
    overflow-y: auto;
}

.epb_navbar_fancybox_content div.fancybox__content {
    display: flex;
    align-items: center;
    border-radius: 20px;
    margin-top: 50px; /* @EPB23ALLG05V1_FancyBox */
}

.epb_navbar_fancybox_content button.f-button.is-close-btn {
    display: none !important;
}

.epb_navbar_cursor {
    cursor: pointer;
}

.epb_navbar_responsive_main_show, .epb_navbar_responsive_user_show, .epb_navbar_responsive_social_show {
    display: none !important;
}

.epb_navbar_responsive_main_hide, .epb_navbar_responsive_user_hide, .epb_navbar_responsive_social_hide {
    display: flex !important;
}

#epb_navbar_top_search_responsive {
    display: none;
}

.footer-copyright {
    padding: 0px 2px;
}
/* ENDE @EPB23STYL02V1_MenuBar= */

/* BEGINN @EPB23STYL02V1_Scrollba */
* {
    scrollbar-width: auto;
}

*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 3px solid transparent;
}
/* ENDE @EPB23STYL02V1_Scrollba */

/* BEGINN @EPB23STYL02V1_Grid==== */
.epb_grid_panel {
    background: transparent;
}

.epb_grid_container {
    background-color: transparent;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-template-rows: auto 1fr;
    grid-auto-rows: min-content;
    grid-gap: 5px;
    grid-auto-flow: dense;
    justify-content: center;
    justify-items: stretch;
    align-content: center;
    align-items: stretch;
}

.epb_grid_small {
    grid-template-columns: repeat(5, minmax(150px, 1fr));
}

.epb_grid {
    padding: 10px;
    border-radius: 20px;
    min-height: 100px;
}

.epb_grid_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.epb_grid_l {
    grid-column: span 4;
}

.epb_grid_m {
    grid-column: span 2;
}

.epb_grid_s {
    grid-column: span 1;
}

.epb_grid h3 {
    border: none;
    text-transform: none;
    font-size: 1.7em;
    letter-spacing: 1px;
    font-variant: small-caps;
}

.epb_grid img {
    height: auto;
    width: 100%;
}

.epb_grid_panel h1 {
    margin-bottom: 10px;
}

.epb_grid h1 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin: 0;
}

.epb_grid i.icon {
    font-size: 32px;
}

.epb_grid[onclick], .epb_grid[data-epb-onclick] { /* CHANGED FOR @EPB24TEAM02V1_TeamPage */
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.epb_grid[onclick]:hover, .epb_grid[data-epb-onclick]:hover { /* CHANGED FOR @EPB24TEAM02V1_TeamPage */
    transition: background-color 0.2s ease-in-out;
}
/* ENDE @EPB23STYL02V1_Grid==== */

/* BEGINN @EPB23STYL03V1_Buttons= */
/* BEGINN @EPB25STYL06V1_Buttons= */
.epb_form_button.epb_button_small,
.epb_button.epb_button_small,
.epb_button_main.epb_button_small,
.epb_button_delete.epb_button_small,
input[type='button'].epb_button_small,
input[type='submit'].epb_button_small,
input[type='reset'].epb_button_small,
button.epb_button_small {
    font-size: 12px;
    padding: 3px 15px;
    margin: 2px;
}

/* ENDE @EPB25STYL06V1_Buttons= */

/* 'Added .epb_form_button' FOR @EPB23STYL03V1_Form==== */
.epb_form_button, .epb_button, .epb_button_main, .epb_button_delete, input[type='button'], input[type='submit'], input[type='reset'], button {
    display: inline-block;
    font-size: 16px;
    border-radius: 20px;
    border: none;
    padding: 9px 15px;
    margin: 8px 2px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

/* 'Added .epb_form_button' FOR @EPB23STYL03V1_Form==== */
.epb_form_button:focus, .epb_button:focus, .epb_button_main:focus, .epb_button_delete:focus, input[type='button']:focus, input[type='submit']:focus, input[type='reset']:focus, button:focus {
    outline-style: none;
}

/* 'Added .epb_form_button' FOR @EPB23STYL03V1_Form==== */
.epb_form_button i.icon, .epb_button i.icon, .epb_button_main i.icon, .epb_button_delete i.icon {
    font-size: 16px !important;
}

.epb_button_main {
    font-weight: bold;
}

/* BEGINN @EPB24STYL02V1_Paginati */
.pagination .epb_button_main, .pagination .epb_button {
    padding: 8px 10px;
    margin: 4px 1px;
}
/* ENDE @EPB24STYL02V1_Paginati */

/* 'Added .epb_form_button' FOR @EPB23STYL03V1_Form==== */
.epb_form_button:hover, .epb_button:hover, .epb_button_main:hover, .epb_button_delete:hover { 
    transition: background-color 0.2s ease-in-out;
}

div.epb_button_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
/* ENDE @EPB23STYL03V1_Buttons= */

/* BEGINN @EPB23STYL03V1_Box===== */
div.epb_box_success, div.epb_box_error, div.epb_box_warning, div.epb_box_information {
    /* BEGINN @EPB24STYL03V1_Box===== */
        display: grid;
    	/* BEGINN @EPB25STYL11V1_Box===== */
			/* grid-template-areas: "icon text"; */
        	/* align-items: center; */
        	/* justify-content: start; */
			grid-template-columns: auto 1fr;
			align-items: start;
			column-gap: 8px;
		/* ENDE @EPB25STYL11V1_Box===== */
        /* display: block; */
    /* ENDE @EPB24STYL03V1_Box===== */
    margin: 10px 20px;
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    font-size: 1.5em;
    min-height: 24px;
}

div.epb_box_success p, div.epb_box_error p, div.epb_box_warning p, div.epb_box_information p {
    font-size: 1em;
}

div.epb_box_success a, div.epb_box_error a, div.epb_box_warning a, div.epb_box_information a {
    text-decoration: underline;
}

div.epb_box_success a:hover, div.epb_box_error a:hover, div.epb_box_warning a:hover, div.epb_box_information a:hover {
    text-decoration: none;
}

div.epb_box_success i.icon, div.epb_box_error i.icon, div.epb_box_warning i.icon, div.epb_box_information i.icon {
    font-size: 24px;
    /* BEGINN @EPB25STYL11V1_Box===== */
		/* float: left; */
    	/* padding-right: 5px; */
    	/* grid-area: icon; */ /* @EPB24STYL03V1_Box===== */
		float: none;
		padding: 0;
		grid-column: 1;
	/* ENDE @EPB25STYL11V1_Box===== */
}

div.epb_box_success.fancybox__content i.icon, div.epb_box_error.fancybox__content i.icon, div.epb_box_warning.fancybox__content i.icon, div.epb_box_information.fancybox__content i.icon {
    font-size: 32px;
    float: none;
    padding-right: 0;
	/* BEGINN @EPB25STYL11V1_Box===== */
    	/* grid-area: icon; */ /* @EPB24STYL03V1_Box===== */
		grid-column: 1;
	/* ENDE @EPB25STYL11V1_Box===== */
}
/* ENDE @EPB23STYL03V1_Box===== */
/* BEGINN @EPB25STYL11V1_Box===== */
	div.epb_box_success > :not(.icon), div.epb_box_error > :not(.icon), div.epb_box_warning > :not(.icon), div.epb_box_information > :not(.icon) {
		grid-column: 2;
	}
/* ENDE @EPB25STYL11V1_Box===== */

/* BEGINN @EPB25ALLG06V1_FancyBox */
.epb_fancybox_source {
    display: none;
    max-width: min(500px, 90%);
}
/* ENDE @EPB25ALLG06V1_FancyBox */

/* BEGINN @EPB24STYL02V1_Box===== */
div.epb_box_success ol, div.epb_box_error ol, div.epb_box_warning ol, div.epb_box_information ol, div.epb_box_success ul, div.epb_box_error ul, div.epb_box_warning ul, div.epb_box_information ul {
    margin: 5px 0px;
    padding: revert;
}
/* ENDE @EPB24STYL02V1_Box===== */

/* BEGINN @EPB23ADMP03V1_OwnExtLs */
.epb_team_code_main_strike {
    text-decoration: line-through;
    font-style: italic;
}

.epb_team_code_main_copiedBtn {
    animation: epb_team_code_main_copiedBtn 1s forwards ease-out;
}
/* ENDE @EPB23ADMP03V1_OwnExtLs */

/* BEGINN @EPB23PLAN05V1_Attrakt= */
    #epb_parkplan_attraktion_carousel {
        --f-carousel-spacing: 20px;
        --f-carousel-slide-width: 80%;
        margin-bottom: 40px;
    }

    #epb_parkplan_attraktion_carousel .f-carousel__slide {
        max-height: 50vh;
        overflow: hidden;
    }

    #epb_parkplan_attraktion_nextto {
        --f-carousel-spacing: 20px;
        --f-carousel-slide-width: 40%;
        margin-bottom: 40px;
    }

    #epb_parkplan_attraktion_nextto .f-carousel__slide {
        max-height: 40vh;
        overflow: hidden;
    }

    img.epb_parkplan_attraktion_carousel_img {
        border-radius: 12px;
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    p.epb_parkplan_attraktion_description {
        font-size: 1.4em;
        margin: 5px 15px 1em 15px;
    }

    .epb_parkplan_attraktion_carousel_img_desc {
        position: absolute;
        bottom: 0%;
        z-index: 80;
        display: block;
        width: 100%;
        padding: 5px 10px;
        font-size: 1.2em;
        font-style: italic;
        user-select: none;
    }

    div.epb_parkplan_attraktion_facts {
        width: 80%;
        height: 100%;
        display: grid;
        grid-template-columns: 50px calc(100% - 60px);
        justify-content: start;
        align-items: center;
        font-size: 1.1em;
    }

    div.epb_parkplan_attraktion_facts p {
        display: inline-grid;
        justify-content: center;
        justify-items: center;
    }

    fieldset.epb_parkplan_attraktion_stations {
        margin: 5px 15px;
        min-width: 50%;
    }

    fieldset.epb_parkplan_attraktion_stations dl {
        flex-direction: column;
        padding: 0px;
    }

    fieldset.epb_parkplan_attraktion_stations legend {
        margin-left: 0px;
        font-size: 1.3em;
        font-weight: normal;
    }

    fieldset.epb_parkplan_attraktion_stations dt label {
        margin-left: 10px;
        font-weight: bold;
        font-size: 1.1em;
    }

    fieldset.epb_parkplan_attraktion_stations i.icon {
        font-size: 1em;
    }

    .epb_parkplan_attraktion_urls div.epb_button, .epb_parkplan_attraktion_urls div.epb_button_main, .epb_parkplan_attraktion_urls div.epb_button_delete {
        min-width: 80%;
    }
/* ENDE @EPB23PLAN05V1_Attrakt= */

/* BEGINN @EPB23STYL07V1_CodeBox= */
    code.epb_code_big {
        border: 1px solid;
        border-radius: 2px;
        font-family: courier, monospace;
        padding: 5px 10px;
        font-size: 14pt;
        display: block;
        margin: 6px;
    }
/* ENDE @EPB23STYL07V1_CodeBox= */

/* BEGINN @EPB23STYL08V1_Snackbar */
    .epb_snackbar {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        visibility: hidden;
        width: 90%;
        text-align: center;
        border-radius: 20px;
        padding: 10px 15px;
        position: fixed;
        font-size: 1.3em;
        z-index: 1055;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        opacity: 0.8;
        border: 1px solid;
    }

    .epb_snackbar i.icon {
        font-size: 24px;
        padding-right: 5px;
    }

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    .epb_snackbar.epb_snackbar_show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
        animation: fadein 0.5s, fadeout 0.5s 4.5s;
    }

    @-webkit-keyframes fadein {
        from {
            bottom: 0;
            opacity: 0;
            width: 70%;
        }
        to {
            bottom: 20px;
            opacity: 0.8;
            width: 90%;
        }
    }

    @keyframes fadein {
        from {
            bottom: 0;
            opacity: 0;
            width: 70%;
        }
        to {
            bottom: 20px;
            opacity: 0.8;
            width: 90%;
        }
    }

    @-webkit-keyframes fadeout {
        from {
            bottom: 20px;
            opacity: 0.81;
            width: 90%;
        }
        to {
            bottom: 0;
            opacity: 0;
            width: 70%;
        }
    }

    @keyframes fadeout {
        from {
            bottom: 20px;
            opacity: 0.8;
            width: 90%;
        }
        to {
            bottom: 0;
            opacity: 0;
            width: 70%;
        }
    }
/* ENDE @EPB23STYL08V1_Snackbar */

/* BEGINN @EPB23JOBS09V1_Allg==== */
    progress.epb_team_jobs_progress {
        height: 40px;
        width: 90%;
    }
/* ENDE @EPB23JOBS09V1_Allg==== */

/* BEGINN @EPB24ALLG02V1_JS====== */
    *[data-epb-onclick] {
        cursor: pointer;
    }
/* ENDE @EPB24ALLG02V1_JS====== */

/* BEGINN @EPB24USER03V1_LoginReg */
    div.epb_register_grid {
        display: grid;
        grid-column-gap: 10px;
        grid-template-columns: min-content auto;
        justify-content: center;
        grid-row-gap: 1em;
        font-size: 1.4em;
        align-items: center;
        margin: 15px 5px;
    }
    
    div.epb_register_grid i {
        font-size: 20px;
    }
/* ENDE @EPB24USER03V1_LoginReg */

/* BEGINN @EPB24EEFS03V1_Posting= */
    .epb_attach_filelist {
        max-height: 600px;
        overflow-y: auto;
    }

    .epb_attach_filelist a:hover, .epb_attach_filelist a:active, .epb_attach_filelist a:visited, .epb_attach_filelist a {
        color: inherit;
    }

    .epb_attach_item {
        display: grid;
        grid-template-areas:    "img textfields"
                                "img buttons";
        border-bottom: 1px dotted #0b578d;
        grid-template-columns: minmax(20%, min-content) auto;
        grid-template-rows: auto min-content;
        align-items: center;
    }

    .epb_attach_item label {
        grid-area: img;
        text-align: center;
    }

    .epb_attach_item div.epb_attach_textfields {
        grid-area: textfields;
    }

    .epb_attach_item div.epb_attach_buttons {
        grid-area: buttons;
        text-align: center;
    }

    .epb_attach_buttons input, .epb_attach_buttons label {
        padding: 5px 12px; /* Buttons kleiner machen */
    }

    .epb_attach_buttons div.epb_form_button {
        float: none; /* Korrektur für die Wasserzeichen-Buttons */
        display: inline-grid; /* Wasserzeichenbuttons sollen ebenfalls vertikal zentriert werden */
    }

    .epb_attach_preview {
        max-width: 90%;
        max-height: 300px;
        display: block;
        margin: 5px auto;
    }

    .epb_attach_watermark_buttons {
        display: inline-block;
    }
/* ENDE @EPB24EEFS03V1_Posting= */

/* BEGINN @EPB24BOAR04V1_UI====== */
    div.epb_board {
        display: grid;
        align-items: start;
        justify-items: center;
        grid-template-areas: "content sidebar";
        grid-template-columns: calc(100% - 450px) 450px;
        gap: 5px;
        grid-gap: 5px;
    }

    div.epb_board_content {
        grid-area: content;
        max-width: 1000px;
        place-self: end;
        width: 100%;
    }

    div.epb_board_sidebar {
        grid-area: sidebar;
        max-width: 450px;
        overflow: hidden;
        place-self: start;
        width: 100%;
    }

    div.epb_board_inner {
        display: grid;
        grid-template-areas:    "avatar headline"
                                "innercontent innercontent"
                                "buttons buttons";
        grid-template-columns: min-content auto;
        gap: 5px;
        grid-gap: 5px;
        align-items: center;
        margin: 10px 5px 0px;
    }

    div.epb_board_inner_avatar {
        grid-area: avatar;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0C4369;
        font-size: 30px;
        background-color: #112f44;   
    }

    div.epb_board_inner_headline {
        grid-area: headline;
        font-size: 12pt;
        border-bottom: 1px solid #0c4369;
        padding-bottom: 5px;
        margin-left: 5px;
    }

    div.epb_board_inner_content {
        grid-area: innercontent;
        padding: 10px 15px 5px;
        font-size: 10pt;
    }

    div.epb_board_inner_buttons {
        grid-area: buttons;
    }
/* ENDE @EPB24BOAR04V1_UI====== */

/* BEGINN @EPB24PLAN05V1_Explore= */
    .epb_grid_imagebg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        font-size: 12pt;
        min-height: 200px;
        box-shadow: inset 0 0 0 2000px #0c436940;
    }

    .epb_grid_imagebg h3 {
        font-weight: bold;
        text-shadow: 0 0 5px black;
    }
/* ENDE @EPB24PLAN05V1_Explore= */

/* BEGINN @EPB24PLAN05V1_Wetter== */
    .epb_wetter_grid {    
        display: grid;
        grid-auto-flow: column;
        width: 100%;
        gap: 10px;
        grid-gap: 10px;
        justify-content: space-evenly;
        align-items: center;
        align-content: center;
        justify-items: center;
    }

    .epb_wetter_icon {
        font-size: 50px;
    }

    .epb_wetter {
        font-size: 1.2em;
        line-height: 2em;
    }

    .epb_wetter_temp {
        font-size: 1.4em;
        font-weight: bold;
    }

    .epb_wetter_title {
        font-weight: normal;
        font-size: 0.9em;
    }
/* ENDE @EPB24PLAN05V1_Wetter== */

/* BEGINN @EPB24USER05V1_Profil== */
    div.epb_profile {
        display: grid;
        align-items: start;
        justify-items: center;
        grid-template-areas: "content sidebar";
        grid-template-columns: calc(100% - 450px) 450px;
        gap: 5px;
        grid-gap: 5px;
    }

    div.epb_profile_content {
        grid-area: content;
        max-width: 1000px;
        place-self: end;
        width: 100%;
    }

    div.epb_profile_sidebar {
        grid-area: sidebar;
        max-width: 450px;
        overflow: hidden;
        place-self: start;
        width: 100%;
    }

    div.epb_profile_inner {
        display: grid;
        grid-template-areas:    "avatar username"
                                "avatar buttons";
        grid-template-columns: min-content auto;
        gap: 15px;
        grid-gap: 15px;
        align-items: center;
        justify-content: center;
    }

    div.epb_profile_inner_avatar {
        grid-area: avatar;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        overflow: hidden;
        margin: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0C4369;
        font-size: 30px;
        background-color: #112f44;   
    }

    div.epb_profile_inner_username {
        grid-area: username;
        font-size: 1.2em;
    }

    div.epb_profile_inner_username h1 {
        display: inline-block;
        margin: 10px;
    }

    div.epb_profile_inner_buttons {
        grid-area: buttons;
    }

    .epb_profile_inner_avatar .epb_navbar_notification_img_blanko {
        font-size: 70px;
    }

    .epb_profile_tag {
        display: inline-block;
        font-size: 16px;
        border-radius: 20px;
        border: none;
        padding: 5px 10px;
        margin: 5px;
    }

    .epb_profile_rank {
        font-size: 1.2em;
        margin-left: 8px;
    }

    .epb_profile_table {
        font-size: 1.3em;
    }

    .epb_profile_table dl {
        display: flex;
        margin: 5px;
    }

    .epb_profile_table dt {
        flex: 0 0 35%;
        white-space: nowrap;
        text-align: left;
    }

    .epb_profile_table dd {
        flex: 1 1 auto;
        text-align: right;
    }
/* ENDE @EPB24USER05V1_Profil== */

/* BEGINN @EPB24STYL06V1_Table=== */
    .epb_table {
        margin: 5px;
        background-color: #3573C3; /* @EPB25STYL02V1_Table=== */
    }
    
    .epb_table th, .epb_table td {
        padding: 10px;
    }
    
    .epb_table td {
        text-align: left;
    }
    
    .epb_table th {
        font-weight: bold;
        text-align: center;
        background-color: #194D7C; /* @EPB25STYL02V1_Table=== */
    }

/* ENDE @EPB24STYL06V1_Table=== */

/* BEGINN @EPB25STYL02V1_Table=== */
    .epb_table_sticky {
        position: relative;
    }

    .epb_table_sticky th {
        position: sticky !important;
        top: -1px;
    }
/* ENDE @EPB25STYL02V1_Table=== */

/* BEGINN @EPB24FORU04V1_Emoji=== */
    .epb_emojis_picker {
        display: grid;
        border-radius: 10px 10px 0px 0px;
        border: 0px;
        margin-bottom: 10px;
        background-color: #244f86;
    }

    .epb_emojis_menu {
        overflow: hidden;
        padding: 3px 5px 2px;
        background-color: #0C4369;
        border-bottom: 1px solid #0C4369;
        line-height: 0;
        text-align: left;
        user-select: none;
        border-radius: 10px 10px 0px 0px;
    }

    .epb_emojis_menu_btn {
        cursor: pointer;
        padding: 3px 5px;
        margin: 1px 0px 1px 2px;
        width: 16px;
        height: 20px;
        border-radius: 4px;
        display: inline-block;
        background: #FED729;
        color: #000000;
    }

    .epb_emojis_menu_btn:hover, .epb_emojis_menu_btn.epb_emojis_menu_btn_active {
        background: #F5AE29;
    }

    .epb_emojis_menu_btn .icon:before {
        /* Korrektur fa */
        padding-right: 4px;
    }

    .epb_emojis_content {        
        margin: 5px 20px;
        min-height: 100px;
    }
    
    .epb_emojis_content_group {
    }

    .epb_emojis_content_header {
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 0 !important;
    }

    .epb_emojis_picker p:not(.epb_emojis_content_header) {
        font-style: italic;
    }

    .epb_emojis_emoji, .epb_emojis_emoji_phpbb {
        border-radius: 4px;
        background-color: #508ACD;
        color: white;
        cursor: pointer;
        margin: 1px;
    }

    .epb_emojis_emoji:hover, .epb_emojis_emoji_phpbb:hover {
        background-color: #38608D;
    }

    .epb_emojis_emoji_phpbb {
        display: inline-block;
        padding: 10px;
    }

    .epb_emojis_emoji {
        font-family: "emojifont", "emoji";
        font-size: 2em;
        line-height: 1.9em;
        user-select: none;
        padding: 4px;
    }

    .epb_emojis_emoji_parent {
        border-bottom: 5px solid #FED729;
    }

    .epb_emojis_search {
        margin: 5px 10px;
    }

    .epb_emojis_hidden {
        opacity: 0;
        user-select: none;
        font-family: "emojifont", "emoji";
    }
/* ENDE @EPB24FORU04V1_Emoji=== */

/* BEGINN @EPB24STYL06V1_Loading= */
/*noinspection CssInvalidPropertyValue*/
.epb_loading {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-mask-image: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000000 0);
        animation: epb-loading 2s infinite linear;
        margin: 10px;
    }
  
    @keyframes epb-loading{ 
        100%{transform: rotate(1turn)}
    }
/* ENDE @EPB24STYL06V1_Loading= */

/* BEGINN @EPB25PAGE06V1_PageIntf */
    .epb_page_interface_block_content {
        font-size: 1.5em;
        padding: 5px 10px;
    }

    .epb_page_interface_block_entwurf {
        opacity: 0.4;
        transition: opacity 0.25s ease-in-out;
    }

    .epb_page_interface_block_entwurf:hover {
        opacity: 1;
        transition: opacity 0.25s ease-in-out;
    }

    .epb_page_interface_block_add_element {
        display: grid;
        grid-template-areas:
        "icon title"
        "icon desc"
        "icon button";
        grid-template-columns: min-content auto;
        grid-template-rows: min-content auto min-content;
        min-height: 80px;
        padding: 10px;
        column-gap: 10px;
        row-gap: 2px;
        align-items: center;
    }

    .epb_page_interface_block_add_element_icon {
        grid-area: icon;
    }

    .epb_page_interface_block_add_element_icon i.icon {
        font-size: 30px;
    }

    .epb_page_interface_block_add_element_title {
        grid-area: title;
        font-size: 1.5em;
        font-weight: bold;
    }

    .epb_page_interface_block_add_element_desc {
        grid-area: desc;
        text-align: justify;
        font-style: italic;
    }

    .epb_page_interface_block_add_element_button {
        grid-area: button;
    }
/* ENDE @EPB25PAGE06V1_PageIntf */