/* phones */
@media screen and (max-width: 760px) {
	p {
		width: 100%;
	}
	p, li, table { 
		line-height: 1.5;
		
	}
	
	#menuToggle {
        display: block;
		position: sticky;
        top: 0;
        z-index: 90;
    }

	.kalenderkacheln {
		display: none;
		flex-direction: column;
		max-height: 70vh;
		overflow-y: auto;
	}

	.kalenderkacheln.active {
		display: flex;
		position: sticky;
		top: 50px; /* ✅ fixed */
		z-index: 90;
		background: white; /* 👈 important for overlay */
	}
	#bottomMenu {
        display: none;
    }
	.highlight {
		line-height: 1.5;
	}
	#bloginhalt {
		padding-left: 2%;
		padding-right: 2%;
	}
	.textContainer {
		margin-top: 40px;
	}
	.bildContainer {
		flex-direction: row; 
		flex-wrap: wrap;
		justify-content: center; /* Center items horizontally */
		align-items: center; /* Center items vertically within each row */
		gap: 20px;
		margin-top: 45px;
	}
	.bildContainer div {
		height: 200px; /* Same height for all items */
    	flex: 1 1 auto;
		justify-content: top;
	}
	.bildContainer img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: top;
	}
	
	.bildContainer div:only-child {
		width: 100%;
		height: auto;
	}
	.bildContainer div:only-child img {
		width: 100%;
		height: auto;
		object-fit:cover;
	}
    .daycontent:has(.textContainer:not(:empty), .bildContainer:not(:empty)) canvas {
		display: none;
	}
	
  
}