:root {
	--color-1: #d7020d;
	--color-2: #DDDDDD;
	--color-3: #333333;
}

.swiper-container {
   overflow: hidden;
   max-width: 100%;
}

.swiper-navigation {
	max-width: 100%;
	overflow: hidden;
}

.swiper-navigation ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   gap: 10px
}

.swiper-navigation ul li {
   display: block;
   flex-grow: 1
}

.swiper-navigation ul li a {
   border-radius: 8px 8px 0 0;
   padding: 10px;
   background: var(--color-2);
   display: block;
   font-size: 14px;
   font-weight: 600;
   color: #000;
   text-align: center;
   transition: .2s all ease-in-out
}

.swiper-navigation ul li a.active {
   background-color: var(--e-global-color-text);
   color: #fff;
   transition: .25s all ease-in-out;
   transition-delay: .25s
}

.swiper-slide {
   background: var(--color-2);
   border-radius: 0 0 8px 8px;
   padding: 10px
}

.swiper-slide table {
   padding: 0;
   margin: 0
}

.swiper-slide table td {
   color: var(--e-global-color-text);
   min-width: 175px
}

.swiper-slide table td:first-of-type {
   font-weight: 700;
   color: var(--e-global-color-6e77c44)
}

.swiper-slide table td a {
   padding: 10px;
   border-radius: 4px;
   background: var(--e-global-color-primary);
   color: #fff;
   display: block;
   min-width: 125px;
   text-align: center;
   transition: .3s all ease-in-out;
   font-weight: 600
}

.swiper-slide table td a:hover {
   background: var(--color-3);
}

@media screen and (max-width: 767px) {
	.swiper-navigation ul {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.swiper-navigation ul li a {
		border-radius: 4px;
	}
	.swiper-slide table {
		display: flex;
		width: 100%;
		overflow: hidden;
	}
	.swiper-slide tbody,
	.swiper-slide tbody tr {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}#.swiper-slide tbody tr td {
		width: 100%;
		display: block;
	}
}
/*# sourceMappingURL=hiorg-termine.min.css.map */