.boa{max-width: 100%; float: left; background: url("https://www.grin72.de/template/image/template/img10006.png") 0px 0px repeat-y;}
.bob{width: 100%; float: left; background: url("https://www.grin72.de/template/image/template/img10007.png") 100% 0px repeat-y;}
.ha{width: 100%; float: left; height: 200px; background: url("https://www.grin72.de/template/image/template/1001001.png") center 0px;}
.haa{width: 100%; float: left; height: 200px; background: url("https://www.grin72.de/template/image/template/1001003.png") 100% 0px no-repeat;}
.hab{width: 100%; float: left; height: 200px; background: url("https://www.grin72.de/template/image/template/1001002.png") 0% 0px no-repeat;}
.ba{width: 100%; float: left; overflow: hidden;}
.baa{padding: 0px 0px 0px 20px; margin: 0px 5px 0px 5px; line-height: 40px; height: 40px; font-size: 18px; text-align: center; color: rgba(255, 255, 255, 1); font-weight: bold; background: url("https://www.grin72.de/template/image/template/img10005.png") 0px 0px no-repeat;}
.bab{margin: 0px 0px 0px 0px; background: url("https://www.grin72.de/template/image/template/img10004.png") center 100% repeat-x;}
.ban{width: 100%; float: left; line-height: 20px; font-size: 10px; text-align: center; margin: 20px 0px 0px 0px; color: rgba(60, 60, 60, 0.8);}
.ta{width: 100%; float: left;}
.taa{padding: 10px 20px 10px 60px; line-height: 40px; font-size: 16px; color: rgba(20, 20, 20, 1);}
.tab{padding: 10px 20px 10px 20px; margin: 0px 20px 0px 20px; line-height: 30px; text-align: center; font-size: 20px; font-weight: bold; color: rgba(174, 33, 35, 0.8); border-bottom: 1px solid rgba(0,  0,  0, 0.6);}
.tabn{padding: 10px 20px 10px 20px; margin: 0px 20px 0px 20px; line-height: 30px; text-align: center; font-size: 20px; font-weight: bold; color: rgba(20, 20, 20, 1); border-bottom: 1px solid rgba(0,  0,  0, 0.6);}
.tabs{color: rgba(174, 33, 35, 0.8);}
.tac{padding: 10px 20px 10px 20px; margin: 0px 20px 0px 20px; line-height: 30px; font-size: 16px; font-weight: bold; color: rgba(20, 20, 20, 1); border-bottom: 5px solid rgba(0,  0,  0, 0.2);}
.tad{padding: 10px 20px 10px 20px; margin: 0px 20px 0px 20px; line-height: 30px; font-size: 16px; font-weight: bold; color: rgba(20, 20, 20, 1);}
.tae{padding: 10px 20px 50px 20px; margin: 0px 20px 0px 20px; line-height: 30px; font-size: 16px; font-weight: bold; color: rgba(20, 20, 20, 1); background: url("https://www.grin72.de/template/image/template/img10013.png") left bottom no-repeat; /*background: url("https://www.grin72.de/template/image/template/img10012.png") 100% 100% no-repeat;*/ }
.ima{width: 100%; float: left;}
.imb{width: 20%; float: left;}
.imc{width: 100%; float: left; margin: 0px; padding: 0px;}
.imca{overflow: hidden;}
.imca:hover{overflow: hidden; background: rgba(0, 0, 0, 0.5); margin: -8px;}
.imd{padding: 1px; overflow: hidden; padding: 3px; margin: 5px 0px 0px 5px; border: 1px solid rgba(0, 0, 0, 0.2);}
.imd:hover{padding: 1px; overflow: hidden; padding: 3px; margin: 5px 0px 0px 5px; border: 1px solid rgba(0, 0, 0, 1); background: rgba(174, 33, 35, 0.8);}
.ime{padding: 10px 20px 50px 20px;}
.imf{width: 100%; float: left; padding-bottom: 10px;}
.img{padding: 1px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2);}
.imh{float: left; margin: 0px -0px 0px -5px }
.aba{line-height: 20px; font-size: 16px; font-weight: bold; color: rgba(20, 20, 20, 1);}
.abaa{line-height: 20px; font-size: 16px; font-weight: bold; color: rgba(174, 33, 35, 1);}

.singl{float: left;}
.singl > div {width: 16.66%; height: auto; float: left;}
.singl > div > a{text-decoration: none; float: left; padding: 2px;margin: 2px; border: 1px solid rgba(0, 0, 0, 0.2);}
.singl > div > a:hover{text-decoration: none; float: left; padding: 2px;margin: 2px; border: 1px solid rgba(120, 0, 0, 1); opacity: 0.8; background: rgba(120, 0, 0, 0.4);}
.singl > div > a > img{float: left; width: 100%; height: auto;}
.doIm{margin: 5px 0px 0px 0px;	float: left;	padding: 2px;	border: solid 1px rgba(0, 0, 0, 0.8);}
.cGA .item {position: absolute;	top: 0px;	left: 0;	width: 100%;	pointer-events: none;	opacity: 0;	-webkit-transition: opacity .5s;	-o-transition: opacity .5s;	transition: opacity .5s;}
.cGA .doCont {display: none;}
figure {background: none !important;}
.cGA .doCont:target ~ .item {pointer-events: none;	opacity: 0;	-webkit-animation: none;	-o-animation: none;	animation: none;}
.cGA .doCont:target ~ .doCon .doLia {-webkit-animation: none;	-o-animation: none;	animation: none;}
.cGA .doLia {color: #ccc;	color: rgba(255, 255, 255, 0.4);}
.cGA .doLia:hover {color: white;	color: rgba(255, 255, 255, 0.8);}
.cGA {position: relative;	margin: 5px;}
.cGA .item {overflow: hidden;	text-align: center;}
.cGA .doCon {width: 100%;}
.cGA .doLia {display: inline-block;	margin: 0 .02em;	font-size: 3em;	text-align: center;	text-decoration: none;	-webkit-transition: color .1s;	-o-transition: color .1s;	transition: color .1s;}
.cGA .item:first-of-type {position: relative;	pointer-events: auto;	opacity: 1;}
.gaXL {position: relative;	width: 100%;	text-align: center;	margin: 0;	background-color: #fff;}
.gaXL img {width: 100%;}
.gaThumb {position: relative;	display: inline-block;	height: 100%;	text-align: center;}
.gaThumb:nth-child(1), .gaThumb:nth-child(5) {margin-left: 0;}
.gaThumb:nth-child(4n) {margin-right: 0;}
.gaThumb:last-child {margin-right: 0;}
.gaThumb:hover {opacity: 0.7;	cursor: pointer;	transition: all 0.2s;}
.gaThumb img {float: left;	top: 0;	right: 0;	bottom: 0;	left: 0;	margin: auto;	max-width: 100%;	max-height: 100%;}
.ebcq{float: left;	width: 20%;}
.ebcl{}
.ebck{}
.ebck > figure{border: 1px solid rgba(0, 0, 0, 0.4);}
.ebck > figure > img{float: left;}
.ebcn{width: 20%;	float: left;}
.imgmain{width: 100%;}
.imgsw{width: 100%;}
.ebcr{float: left;	width: 100%;}