/* 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: 30px; /* ✅ 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;
	}
	
  
}