/*************************************************
* @media only screen and (min-width: 768px)
*************************************************/

@media screen and (min-width: 768px) {

	/*
	------------------------------------------------------------------
	.mod-10
	------------------------------------------------------------------
	*/
	.mod-10 {
		opacity: 0;
	}
	.mod-10 .bigImage{
		display: block;
		height: 100%;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left top;
	}
	.mod-10 a {
	}

	/*
	------------------------------------------------------------------
	.mod-20
	------------------------------------------------------------------
	*/
	.mod-20 {
		padding-bottom: 50px;
	}

	.mod-20 .title {
		padding: 0 0 13px 0;
	}

	.mod-20 .contentWrap {
		position: relative;
		overflow-x: hidden;
	}
	.mod-20 .slideshow {
		position: relative;
		background: url(../img/1.gif) 0 0px no-repeat;
	}
	.mod-20 .slideshow .slides {
		width: 100%;
	}
	.mod-20 .slideshow .slides.cycle-loading {
		
	}
	.mod-20 .slideshow .slide {
		height: 100%;
		width: 100%;
		display: none;
	}
	
	.mod-20 .slideshow .slide .headline {
		display: none;
	}
	.mod-20 .slideshow .slide .slidelink {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mod-20 .slideshow .slide .slidelink span {
		display: none;
	}
	.mod-20 .slideshow .slide .mobile {
		display: none;
	}
	.mod-20 .slideshow .slide .desktop {
		position: relative;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left top;
		max-width: 1400px;
	}
	.mod-20 .slideshow .slide .desktop img {
		height: 100%;
		width: auto;
		display: none;
	}
	.mod-20 .slideshow .slide .desktop a {
		height: 100%;
		width: 100%;
		display: block;
	}
	.mod-20 .slideshow .cycle-loading .slide .desktop img {
		display: block;
	}
	.mod-20 .slideshow .slide .slideinfotext {
		max-width: 500px;
		height: 95%;
		overflow-y: auto;
		padding-right: 50px;
	}

	.mod-20 .slideshow .bottom {
	}
	.mod-20 .slideshow .pagination {
		padding: 13px 0 0 0;
		float: left;
	}
	.mod-20 .slideshow .pagination a:hover, .mod-20 .slideshow .pagination a.cycle-pager-active {
		background: #c7001c;
	}
	.mod-20 .slideshow .pagination.notactive a,
	.mod-20 .slideshow .pagination.notactive a:hover {
		background: #333;
		pointer-events: none;
	   cursor: default;
	}
	.mod-20 .slideshow .pagination.notactive a.cycle-pager-active {
		background: #ccc;
		pointer-events: none;
	   cursor: default;
	}
	.mod-20 .slideshow .pagination a {
		display: inline-block;
		float: left;
		width: 10px;
		height: 10px;
		background: #fff;
		margin-right: 10px;
	}
	.mod-20 .slideshow .pagination a span {
		display: none;
	}
	.mod-20 .slideshow .back {
		display: none;
	}
	.mod-20 .slideshow .info {
		display: inline-block;
		float: left;
		margin: 11px 0 0 0;
		display: none;
	}
	.mod-20 .slideshow .info.active {
		color: #c7001c;
	}
	.mod-20 .infotext .contact {
		display: none;
	}
	.mod-20 .infotext {
		display: none;
		max-width: 500px;
		width: 100%;
	}
	.mod-20 .infotext .bottom {
		padding: 50px 0 0 0;
	}


	/*
	------------------------------------------------------------------
	.mod-30
	------------------------------------------------------------------
	*/
	.mod-30 {
		padding-top: 38px;
	}
	.mod-30 ul.list {
		display: inline-block;
	}
	.mod-30 ul.list li {
		padding: 0 0 8px 0;
		position: relative;
		display: block;
	}
	.mod-30 ul.list li .preview {
		position: absolute;
		top: 0;
		left: 100%;
		display: none;
		width: 110px;
		height: 80px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin: 0 0 0 15px;
	}
	
}