/* tablets */
@media screen and (min-width: 761px) and (max-width: 1300px) {
	p, li, table { 
		line-height: 1.5;
	}
	.kalenderkacheln {
		padding-bottom: 10px;
	}
	.kalenderkacheln div {
		font-size: var(--smallest);
	}
	.highlight {
		line-height: 1.5;
	}
	main {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	/* both not empty */
	.textContainer:not(:empty) {
		width: 60%;
		max-width: 700px;
		margin-top: 60px;
	}
	.daycontent:has(.textContainer:not(:empty)) {
		align-items: stretch;
		gap: 5%;
	}
    
	.daycontent:has(.textContainer:not(:empty)) .bildContainer {
		width: 30%;
		max-width: 400px;
		flex-direction: column; 
		margin-top: 60px;
		align-items: baseline;
	}
    .daycontent:has(.textContainer:not(:empty)) .bildContainer div {
        width: 100%;
        max-width: 400px;
    }
    .daycontent:has(.textContainer:not(:empty)) img {
        width: 100%;
        max-width: 400px;
    }
	.daycontent:has(.textContainer:not(:empty)) canvas {
		object-fit: cover;
		width: 100%;
		max-width: 400px;
		height: 100%;
	}
	
	.daycontent:has(.textContainer:not(:empty)) .bildContainer>div:not(:first-child) {
		margin-top: 40px;
	}
	/* text empty */
	.daycontent:has(.textContainer:empty) img {
		height: 200px;
		width: auto;
	}
	
	.textContainer:empty {
		display: none;
	}
	.daycontent:has(.textContainer:empty) .bildContainer {
        width: 70%;
		display: flex;
		flex-direction: row; 
		flex-wrap: wrap;
		justify-content: center; /* Center items horizontally */
		align-items: center; /* Center items vertically within each row */
		gap: 40px;
		margin-top: 45px;
	}
    /* bildContainer empty */
	.daycontent:has(.bildContainer:empty) .textContainer {
        width: 60%;
    }
	.bildContainer:empty {
        display: none;
    }

	.bildContainer>div:not(:first-child) {
		margin-top: 20px !important;
	}
}