/* 
module 
--------------------------------------------------
WINZER
--------------------------------------------------
goldfischclub.de
*/




/* content width */


/* desktop */
.container-wrap,
.swiper-container-horizontal > .swiper-pagination-align-content-left {
	width: 850px;
	position: relative;
}

/* tablet landscape */
@media handheld, only screen and (max-width: 1100px) {

	.container-wrap,
	.swiper-container-horizontal > .swiper-pagination-align-content-left {
		width: 800px;
	}
}

/* tablet portrait */
@media handheld, only screen and (max-width: 800px) {

	.container-wrap,
	.swiper-container-horizontal > .swiper-pagination-align-content-left {
		width: 568px;
	}
}


/* mobiles */
@media handheld, only screen and (max-width: 700px) {

	.container-wrap,
	.swiper-container-horizontal > .swiper-pagination-align-content-left {
		width: 90%;
	}
}






/* globals */
a,
.footer li a {
	/*text-decoration: none;*/
}


.article {
	padding: 130px 0;
}
.article:first-child {
	padding: 0 0;
}

/* reset */
#KONTAKT.article {
	padding-bottom: 0;
}
#AKTUELLES.article {
	margin-top: 100px;
	padding-top: 0;
}

/* tablet portrait */
@media handheld, only screen and (max-width: 800px) {
	.article {
		padding-top: 80px;
	}
}

.container {
	margin-bottom: 40px;
}
.mod-subheadline {
	margin-bottom: 7px;
}
.mod-subheadline + .mod-subheadline {
	margin-top: -14px;
}
.mod-headline {
	margin-bottom: 8px;
}
.mod-headline + .mod-headline {
	margin-bottom: 10px;
}
.mod-headline--linie-1,
.mod-headline--linie-1 .container-wrap  {
	padding-bottom: 15px;
}



@media handheld, only screen and (max-width: 800px) {
	
}
@media handheld, only screen and (max-width: 700px) {
	
}








/* mod: headlines */

@media handheld, only screen and (max-width: 800px) {
	
}
@media handheld, only screen and (max-width: 700px) {
	
}




/* mod: text */
.mod-text p {
	margin-bottom: 10px;
	line-height: 1.3em;
}
.mod-text p + p {
	margin-top: 15px;
}

@media handheld, only screen and (max-width: 800px) {
	
}
@media handheld, only screen and (max-width: 700px) {
	
	
}


/* mod: 4 spalten bild */
.mod-bild-cols-4 {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
.mod-bild-cols-4 .col {
	width: calc(25% - 12px);
	margin-left: 10px;
	margin-bottom: 20px;
}
.mod-bild-cols-4 .col:first-child {
	margin-left: 0;
}
.mod-bild-cols-4 img {
	width: 100%;
	margin-bottom: 13px;
}
.mod-bild-cols-4 .col span {
	text-align: center;
	display: block;
	padding: 2px 0;
}
.mod-bild-cols-4 a {
	text-decoration: none;
	cursor: pointer;
	display: block;
}



@media handheld, only screen and (max-width: 800px) {
	.mod-bild-cols-4 .col {
		width: calc(50% - 10px);
		margin-left: 10px;
	}
	.mod-bild-cols-4 .col:nth-child(odd)  {
		margin-left: 0;
	}
}

@media handheld, only screen and (max-width: 700px) {
	
	
}






.swiper-content {
	padding-top: 0px;
}

.swiper-content.content-fixed {
	position: absolute;
	width: 100%;
	z-index: 100;
	top: 30px;
	text-align: center;
}
.swiper-content .container-wrap {
	position: relative;
}





.swiper-slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center 0;
}

.swiper-slide {
	height: 500px;
}

#AKTUELLES .swiper-slide {
	height: 400px;
}



/* tablet */
@media handheld, only screen and (max-width: 1100px) {
	.swiper-slide {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/* tablet */
@media handheld, only screen and (max-width: 800px) {

}

/* mobiles */
@media handheld, only screen and (max-width: 700px) {
	.swiper-slide {
		height: 220px;
	}
	.swiper-content {
		padding-top: 40px;
	}
	.swiper-content img {
		text-align: right;
		padding-top: 0;
        margin: 0;
        width: 80%
	}
	.swiper-content.content-fixed {
		bottom: 20px;
	}

}






/* mod: googlemap */

#map-canvas {
	height: 550px;
}
.gmarker {
	text-align: center;
	width: auto;
	height: 20px;
	padding-bottom: 40px;
	background-image: url(/assets/site/assets/maps-linie.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.gmarker-container {
	color: #fff;
	padding: 10px;
	margin-top: 0px;
	line-height: 1.3em;
	border-radius: 14px;
	background-color: #951b81
}






@media handheld, only screen and (max-width: 800px) {
	.mod-tabelle {
		margin-top: 3px;
		margin-bottom:30px;
	}
	.mod-tabelle th,
	.mod-tabelle td {
		padding: 2px 0 2px 0;
	}
}

@media handheld, only screen and (max-width: 700px) {
	.mod-tabelle {
		margin-top: 5px;
	}
	table {
		 margin-left: -10px;
	}
}