/*	AUTOMATIQUE  */
html {margin:0; }
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
body {font-size:62.5%; margin:0; background-color:#999; font-family:"Andale Mono", "Courier New", "Lucida Grande", sans-serif, Helvetica, Arial; overflow-y:scroll; margin:0; width:100%; }
.spacerGal {height:6rem; width:100%; }
.spacerEnd {height:10rem; width:100%; }

.gal1, .gal2, .gal3, .gal4, .gal5, .gal6, .gal7, .gal8, .galzwei {position:relative; margin:0 auto; color:#fff; }
.galerieHead {position:relative; text-align:center; margin:1rem 0; font-size:2rem; } /*	FONT  */
.galerieBreite {position:relative; max-width:800px; } 				/*	GAL MASSE  */
.picContent, .next, .next div {max-width:100%; height:650px; } 		/*	GAL MASSE  */

.dots {margin:auto; text-align:center; height:1.5rem; } 
.dotsCount {display:inline-block; background-color:#fff; cursor:pointer; width:0.4rem; height:0.4rem; border-radius:0.4rem; border:0; padding:0.4rem; margin:0px 0.2rem 0.3rem 0.2rem; }
.dotsCurrent {background-color:#777; }
.startBt {text-align:center; height:2rem; }
.startBt div {font-size:1rem; text-decoration:none; color:#fff; border:none; padding:0.2rem; background-color:transparent; cursor:pointer; } /*	FONT  */

.picContent {position:relative; display:flex; justify-content:center; align-items:center; }
.allPIC {position:relative; max-height:100%; }

.next {position:absolute; width:100%; font-size:4rem; top:0; bottom:0; left:0; right:0; display:table; z-index:1; } /*	FONT  */
.next div {position:relative; cursor:pointer; }
.next .btnPrev, .next .btnNext {opacity:0.5; display:table-cell; vertical-align:middle; text-shadow:-1px 0 #888,0 1px #888,1px 0 #888,0 -1px #888; padding:0.5rem; }
.next .btnNext {text-align:right; }

.clearBoth {clear:both; width:0px; height:0px; visibility:hidden; }

/* DEVICE DIVERS  */
@media only screen and (max-width: 800px)
{
	.galerieBreite {max-width:100%; max-height:auto; }
	.picContent, .next, .next div {max-width:100%; height:600px; } /*	GAL MASSE  */
	.allPIC {max-width:100%; max-height:auto; }
}
@media only screen and (max-width: 600px)
{
	.galerieBreite {max-width:100%; }
	.picContent, .next, .next div {max-width:100%; height:450px; } /*	GAL MASSE  */
	.allPIC {max-width:100%; max-height:auto; }
	.galerieHead {font-size:1rem;} 
	.next {font-size:2rem; }
}


