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

/* Breakpoint für sehr große Bildschirme */
@media (min-width: 1925px) {
	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_small {
		grid-template-columns: repeat(6, minmax(150px, 1fr));
	}

	/* @EPB23STYL03V1_Form==== */
	.filepond--item {
		width: calc(25% - 0.5em);
	}
}

/* Breakpoint für große Bildschirme */
@media (min-width: 1450px) {
	/* BEGINN @EPB24BOAR04V1_UI====== */
		div.epb_board {
			grid-template-columns: calc(50% + 225px) 450px;
		}
	/* ENDE @EPB24BOAR04V1_UI====== */

	/* BEGINN @EPB24USER05V1_Profil== */
		div.epb_profile {
			grid-template-columns: calc(50% + 225px) 450px;
		}
	/* ENDE @EPB24USER05V1_Profil== */
}

/* Größter Responsive-Breakpoint */
@media (max-width: 1150px) {
	/* @EPB23STYL02V1_MenuBar= */
	.epb_navbar_responsive_social_show {
		display: flex !important;
	}
	
	/* @EPB23STYL02V1_MenuBar= */
	.epb_navbar_responsive_social_hide {
		display: none !important;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_l {
		grid-column: span 3;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_small {
		grid-template-columns: repeat(3, minmax(150px, 1fr));
	}

	/* @EPB23STYL03V1_Form==== */
	.filepond--item {
		width: calc(50% - 0.5em);
	}

	/* @EPB23PLAN05V1_Attrakt= */
	#epb_parkplan_attraktion_nextto {
		--f-carousel-spacing: 20px;
		--f-carousel-slide-width: 55%;
	}

	/* BEGINN @EPB24BOAR04V1_UI====== */
		div.epb_board {
			grid-template-columns: calc(100% - 300px) 300px;
		}
	/* ENDE @EPB24BOAR04V1_UI====== */

	/* BEGINN @EPB24USER05V1_Profil== */
		div.epb_profile {
			grid-template-columns: calc(100% - 300px) 300px;
		}
	/* ENDE @EPB24USER05V1_Profil== */
}

/* Vorstufe vor der PHPBB-Schwelle zum Mobile-Screen */
@media (max-width: 800px) {
	/* @EPB23STYL02V1_MenuBar= */
	.epb_navbar_responsive_user_show {
		display: flex !important;
	}
	
	/* @EPB23STYL02V1_MenuBar= */
	.epb_navbar_responsive_user_hide {
		display: none !important;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_small {
		grid-template-columns: repeat(2, minmax(150px, 1fr));
	}
	
	/* @EPB23STYL01V1_AllgStyl */
	h1 {
		margin-right: 100px;
	}

	/* BEGINN @EPB24BOAR04V1_UI====== */
		div.epb_board {
			grid-template-areas:
				"sidebar"
				"content";
			grid-template-columns: 100%;
		}

		div.epb_board_content {
			width: 100%;
		}

		div.epb_board_sidebar {
			width: 100%;
    		max-width: none;
			overflow: auto;
		}
	/* ENDE @EPB24BOAR04V1_UI====== */

	/* BEGINN @EPB24USER05V1_Profil== */
		div.epb_profile {
			grid-template-areas:
				"sidebar"
				"content";
			grid-template-columns: 100%;
		}

		div.epb_profile_content {
			width: 100%;
		}

		div.epb_profile_sidebar {
			width: 100%;
			max-width: none;
			overflow: auto;
		}
	/* ENDE @EPB24USER05V1_Profil== */
}

/* Teilvorstufe vor der PHPBB-Schwelle zum Mobile-Screen */
@media (max-width: 750px) {
	/* @EPB23STYL02V1_MenuBar= */
    li.epb_navbar_top span {
		display: none;
    }
    
	/* @EPB23STYL02V1_MenuBar= */
    #epb_navbar_top_search {
        display: none;
    }

	/* @EPB23STYL02V1_MenuBar= */
    #epb_navbar_top_search_responsive {
		display: flex;
    }

	/* @EPB23PLAN05V1_Attrakt= */
	#epb_parkplan_attraktion_nextto {
		--f-carousel-spacing: 20px;
		--f-carousel-slide-width: 65%;
	}
}

/* 700px: PHPBB-Schwelle zum Mobile-Screen */
@media (max-width: 700px) {
	/* @EPB23STYL05V1_AllgStyl */
	.panel {
		padding: 8px 5px;
	}


	/* @EPB23STYL01V1_Banner== */
	.epb_header_div {
		border-radius: 0px;
	}

	/* @EPB23STYL02V1_MenuBar= */
	.copyright {
		margin: 5px 5px;
		padding: 3px 5px;
	}

	/* @EPB23STYL02V1_MenuBar= */
	div.epb_breadcrumbs {
		margin: 0px;
		border-radius: 0px;
		/* BEGINN @EPB23STYL03V1_MenuBar= */
			width: auto; 
			/* width: 100%; */
		/* ENDE @EPB23STYL03V1_MenuBar= */
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_container {
		margin-left: 0px; /* @EPB23STYL05V1_AllgStyl */
		justify-content: start;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_l {
		grid-column: span 1;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_m {
		grid-column: span 1;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_small {
		grid-template-columns: repeat(1, minmax(150px, 1fr));
	}

	/* @EPB23STYL01V1_AllgStyl */
	h1 {
		margin-right: 20px;
	}

	/* @EPB23STYL03V1_Box===== */
	div.epb_box_success, div.epb_box_error, div.epb_box_warning, div.epb_box_information {
		margin: 10px 0px;
		border-radius: 0;
	}

	/* @EPB23STYL03V1_Form==== */
	.filepond--item {
		width: calc(100% - 0.5em);
	}

	/* @EPB23STYL03V1_Form==== */
	input[type="range"] {
		width: 95%;
	}

	/* @EPB23STYL02V1_Grid==== */
	.epb_grid_l {
		grid-column: span 2;
	}

	/* @EPB24STYL02V1_Paginati */
	.pagination .epb_button, .pagination .epb_button_main {
		padding: 6px 6px;
		margin: 1px 0.5px;
	}
}

/* Kleinster Responsive-Breakpoint */ 
@media (max-width: 400px) {
	/* @EPB23STYL02V1_MenuBar= */
    .epb_navbar_responsive_main_show {
        display: flex !important;
    }
    
	/* @EPB23STYL02V1_MenuBar= */
    .epb_navbar_responsive_main_hide {
        display: none !important;
    }

	/* @EPB23STYL02V1_MenuBar= */
    #epb_navbar_top_search_responsive, #epb_navbar_top_burger {
        width: 50px;
    }

	/* @EPB23STYL03V1_Buttons= */
	div.epb_button, div.epb_button_main, div.epb_button_delete {
		display: block;
	}

	/* @EPB23STYL03V1_Form==== */
	.icon.epb_input_star {
		font-size: 24px;
		margin: 0px 2px;
	}

	/* @EPB23STYL03V1_Form==== */
	input[type="range"] {
		width: 90%;
	}

	/* @EPB23PLAN05V1_Attrakt= */
	#epb_parkplan_attraktion_nextto {
		--f-carousel-spacing: 10px;
		--f-carousel-slide-width: 85%;
	}
}

/* Es wird eine Mindestbreite von 300px angenommen. */