@charset "UTF-8";

@media all {
	.downloads-container.open, .contact-container.open {
		right: 250px;
		animation-name: openbox;
		animation-duration: 500ms;
	}

	.treadmill_block {
		background-color: #e5e5e5;
		margin-bottom: 12px;
	}

	.info_container {
		display: inline-block;
		text-align: left;
	}

	.comment_info {
		text-align: center;
	}

	.pic_info {
		font-size: 11px;
		margin: 0;
		padding: 0;
		line-height: 12px;
	}

	.treadmill_block > .no-margin {
		text-align: center;
		padding-top: 12px;
	}

	.downloads-container.close, .contact-container.close {
		right: 0;
		animation-name: closebox;
		animation-duration: 500ms;
	}

	@keyframes closebox {
		from {right: 250px;}
		to {right: 0px;}
	}

	@keyframes openbox {
		from {right: 0px;}
		to {right: 250px;}
	}

	.table {
		width: 100%;
		border-collapse: collapse;
	}

	.table thead tr th {
		padding: 8px 12px;
		background-color: #009933;
		color: #ffffff;
		text-align: center;
		font-size: 20px;
		line-height: 32px;
	}

	.table thead tr th:not(:last-of-type) {
		border-right: 1px solid #FFFFFF;
	}

	.table thead tr th, .table tr td {
		padding: 20px 15px 20px 15px;
	}

	.table tr td {
		padding-top: 10px;
		padding-bottom: 5px;
		border: 1px solid lightgrey;
		color: #3d3f42;
	}

	.table tr {
		height: 40px;
	}

	.table td {
		margin: 0;
		padding: 8px 12px;
	}

	.table tr:nth-child(2n+1) {
		background-color: #E5F4E8;
	}

	.table tr:hover {
		background-color: #fafafa;
	}

	.acc-trigger {
		background-color: #009933;

	}

	.acc-trigger a {
		background-color: #009933;
		color: white !important;
	}

	.tabs-nav li a {
		color: #3d3f42;
	}

	.tabs-nav li:not(.active) a {
		background-color: #E5F4E8;
	}

	.tabs-nav li.active > a{
		background-color: white;
	}

	.tab-content p{
		margin: 0;
	}

	.tab-content {
		padding: 5px 15px;
	}

	.tabs-container {
		background-color: white;
	}

	.teaser {
		background-color: #ffffff;
		align-items: center;
		justify-content: center;
		border: 2px solid #009933;
	}

	.teaserblock {
		margin: 5px 140px 60px;
	}

	.teaser-text {
		color: #707070;
		font-weight: normal;
		font-size: 22px;
		padding: 32px;
		text-align: center;
	}

	.teaser-text h2 {
		padding-bottom: 25px;
	}

	.teaser-text p {
		margin: 0;
		line-height: 32px;
	}

	.fiveimg_link {
		display: flex !important;
		justify-content: center
	}

	.carousel .active {
		opacity: 1;
		z-index: 2;
	}

	.pause {
		background: url(/skin/ostfildern/images/pause.svg);
		width: 36px;
		height: 36px;
		cursor: pointer;
		background-size: 42px;
		background-position: center center;
		position: absolute;
		z-index: 22;
		right: 0;
	}

	.play {
		background: url(/skin/ostfildern/images/play.svg);
		width: 36px;
		height: 36px;
		cursor: pointer;
		position: absolute;
		background-size: 60px;
		z-index: 22;
		right: 0;
		background-position: center center;
	}
	
	.carousel .carousel-item.full_width {
		max-height: none;
	}

	.carousel .slick-track {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.carousel-img {
		cursor: pointer;
		height: 100%;
		padding: 4px 4px 0 4px;
	}

	.carousel-item{
		max-height: 368px;
	}

	.fancybox-opened .fancybox-title {
		visibility: visible;
	}

	h4 {
		margin-bottom: 12px;
	}

	.carousel:hover .slick-next, .carousel:hover .slick-prev {
		display: block !important;
	}

	.carousel.slick-slider .slick-track,
	.carousel.slick-slider .slick-list {
		transform: none;
	}

	.slick-list {
		overflow-x: hidden !important;
	}

	.carousel + .scrollbar {
		padding: 0 89px 13px;
		position: absolute;
		width: calc(100% - 178px);
	}

	.carousel-item {
		position: relative;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
	}

	.carousel a.fancybox-nav {
		width: 10%
	}

	#wrapper a p.more_news {
		color: #009933;
	}

	#wrapper a:hover .more_news{
		color: #707070
	}

	.five_img_container {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		flex-wrap: wrap;
	}

	.five_img_container img {
		display: flex;
	}

	.h334fs{
		font-size: 34px;
	}

	.h420fs{
		font-size: 20px;
	}

	.p16fs{
		font-size: 12px;
		height: 96px
	}

	.small-width-video video {
		height: 460px;
		width: auto;
		margin: 0 auto;
	}
	.post-title h2 a {
		font-size: 24px;
		font-weight: normal;
		color: #009933;
		position: relative;
		line-height: 30px;
		top: 3px;
	}
}

@media (min-width: 0) and (max-width: 479px) {
	.teaserblock {
		margin: 30px 0;
	}

	.teaser-text {
		padding: 25px;
	}

	.table-parent {
		overflow-x: scroll
	}
	.p16fs {
		height: 96px;
	}

	.small-width-video video {
		height: auto;
		width: 100%;
		margin: 0;
	}
}

@media (min-width: 479px) and (max-width: 767px) {

	.teaserblock {
		margin: 90px 0;
	}

	.teaser-text {
		padding: 50px;
	}
	
	.p16fs {
		height: 168px;
	}
}

@media (min-width: 767px) and (max-width: 990px) {
	.teaserblock {
		margin: 100px 10px;
	}
	
	.p16fs {
		height: 120px;
	}
}

@media (min-width: 990px) and (max-width: 1389px) {
	.teaserblock {
		margin: 100px 60px;
	}
	
	.p16fs {
		height: 140px;
	}
}