/* Burger-Checkbox verstecken */
.burger-toggle {
  display: none;
}

/* Burger-Icon Label nur mobil anzeigen */
.burger-label {
  display: none;
  cursor: pointer;
  user-select: none;
  font-size: 32px;
	color:white;
}

/* Icons im Label */
.burger-label .menu-icon {
  display: inline;
	font-size: 1.15em;
  margin-top: 0.2em;
}

/*
.ios #certificateGeneration{
	display: none;
}
.android #certificateGeneration{
	display: none;
}
*/

/* ein modal ausser der Kategorie ist offen
 * also ios fix
 */
body.question-open {
	position: fixed;
}
html:has(body.question-open){
	overscroll-behavior: none;
}



@media (max-width: 767px) {
	:root{
		--radius-xl: 0rem;
	}
	
	#auth-modal{
		height: 100dvh !important;
	}

	.auth-modal-content {
        margin: 1rem;
        padding: 1.5rem;
        overflow-y: scroll;
        height: 100%;
  }

	header {
		padding: 0.5rem;
  }
	#category-board{
		margin: 0;
	}
  .header-buttons {
    display: none;
		margin-top: 1rem;
  }

  .burger-label {
    display: inline-flex;
  }

  /* Wenn Burger aktiviert, Buttons zeigen */
  .burger-toggle:checked ~ #score-container .header-buttons {
    display: flex;
  }

	.header-buttons button{
		padding: 0.25rem 0.5rem !important;
	}

  .profile-stats {
		grid-template-columns: unset;
	}
	/* Modal*/
	#question-container, #question-details-container, #knowledge-base, #team-credits-modal{
		padding: 0rem;
		height: 100dvh !important;
	}
	.question-modal-content, .knowledge-modal-container, .team-credits-content, .user-profile-content{
		height: 100% !important;
		max-height: 100% !important;
		margin: 0;
		width: 100%;
	}
	#question-details-header, .user-profile-header, .knowledge-base-header, .team-credits-header, #question-header {
	    padding: 1.5rem;
	}
	#question-content, #question-details-content, .team-credits-body{
		max-height: 100dvh;
		padding: 1rem;
	}
  #question-category{
  	width: 90%;
  	text-align: center;
  }
	/*Knowledgebase-Modal */
  #knowledge-content, .knowledge-questions, .team-members-container {
		padding: 1px;
	}
	.knowledge-header{
		padding: 0.5rem;
	}
	.knowledge-search-container{
		width: 75%;
	}
	.knowledge-base-header{
		align-items: flex-start;
	}
	#knowledge-content{
		padding: 0.5rem !important;
	}
	.knowledge-question-content	{
		padding: 0.3rem;
	}
	#close-knowledge-base.close-modal-button{
		position: absolute;
		right: 1.5rem;
		top:   1.5rem;
	}
	
  /* Video button */
	.skip-button{
		width: 2rem;
    font-size: 0;
    color: transparent;
	}
	.skip-button .material-icons{
    font-size: 1.2rem;
    color: white;
	}	

	.team-members-grid {
		grid-template-columns: unset !important;
	}	

	.team-credits-header h2 {
		text-align: center;
		font-size: 1.25rem;

	}
	#question-details-content .answer-option::before{
		left: -0.6em;
	}

	/* User Profile Modal */
	#user-profile-modal{
		height: 100dvh;
		max-height: 100dvh;
	}
	.video-js .vjs-text-track-cue div{
          font-size: 1.8em;
	}
	.desktop, .android {
		div[data-category-id="1"] {	order: 2;	}
		div[data-category-id="2"] {	order: 3;	}
		div[data-category-id="3"] {	order: 4;	}
		div[data-category-id="4"] {	order: 5;	}
		div[data-category-id="5"] {	order: 6;	}
		div[data-category-id="6"] {	order: 7;	}
		div[data-category-id="7"] {	order: 8;	}
		div[data-category-id="8"] {	order: 9;	}
		div[data-category-id="9"] {	order: 1;	}
	}
	#biontech-footer{						order: 10; grid-column: unset}
	#sdmed-footer{							order: 11; grid-column: unset}
	

}