/* CSS Document 
* Thanks to Stu Nicholls of CSS-Play: https://www.cssplay.co.uk  */
html, body {height:100%; padding:0; margin:0;}

.curtain {height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; z-index:100; position:relative;}
.curtain h1 {padding:50px 0 0 0; margin:0; font:normal 65px/90px arial, sans-serif; text-align:center; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.9);position:relative; z-index:100;}
.curtain .jn-name {padding:10px 0 0 0; margin:0; font:normal 20px/40px arial, sans-serif; text-align:center; color:#fff; text-shadow:0 0 1px rgba(0,0,0,1);position:relative; z-index:100;}
.curtain a.scrollup {display:block; width:47px; height:25px; background:url(../img/but/v-arrows.png) -1px -28px; position:absolute; left:50%; top:10px; margin-left:-23px; z-index:150; cursor:pointer;}
.curtain a.scrolldown {display:block; width:47px; height:25px; background:url(../img/but/v-arrows.png) -1px -85px; position:absolute; left:50%; bottom:10px; margin-left:-23px; z-index:150; cursor:pointer;}
.curtain a.scrollup:hover {background-position:left 0;}
.curtain a.scrolldown:hover {background-position:left -56px;}

@media only screen and (max-width: 768px) {
.curtain h1 {font:normal 50px/60px arial, sans-serif;}
}
/*171.42857%*/
@media only screen and (max-width: 768px) {
body {background-color:#111;}
div.curtain {display:none;}/*von 0 bis 768px: schaltet große Bilder aus ==> kleine Bilder*/
div {margin:0; padding:0;}
h2 {font:normal 128.57143%/0.875em arial, sans-serif; text-align:center; color:#ddd; margin:0; padding:0.6em;}
}
@media only screen and (max-width: 480px) {
.curtain h1 {font:normal 35px/50px arial, sans-serif;}
}
@media only screen and (min-width: 769px) {
div.dia-small {display:none;}/*von 769px bis 9999px: schaltet kleine Bilder aus ==> große Bilder*/
}
.flexible {
	max-width: 100%;
	height: auto;
}
/*--------- Button-Styling ---------------
---------hier:  ENDE  GALERIE  ----------*/
.jn-btn {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
.jn-btn a {
	color:#fff;
	text-decoration:none;
}
/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 1 */
.btn-1 {
	border: 3px solid #fff;
	color: #fff;
}
/* Button 1d */
.btn-1d {
	overflow: hidden;
}
.btn-1d:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/*Schriftfarbe bei hover und active*/
.btn-1d:hover,
.btn-1d:active {
	color: #036;/*#0e83cd;*/
}
.btn-1d:hover:after {
	width: 95%;
	opacity: 0.7;
}
.btn-1d:active:after {
	width: 101%;
	opacity: 0.7;
}
/*FIXIERTER HOME-BUTTON oben rechts*/
.fixiert {
	position: fixed;
	right:2px;/*Position von rechts*/
	top:2px;/*Position von oben*/
	background-color: #ddd;/*#ddd*/
	background-color: rgba(221, 221, 221, 0.3);
	width:80px;/*px = fixe Breite bleibt bei jedem Viewport gleich / variabel dann %*/
	border: #222 solid 4px;
	border-radius:8px;
	/*height:10px;*//*OHNE height: Höhe = Schrift*/
	padding:5px;
	z-index:200;
	font:bold 100% arial, sans-serif;
	text-align:center;
	text-shadow:#000 2px 2px 3px;
	color:#ddd;
	margin:0;
}
.fixiert a {
	display:block;
	text-decoration:none;
	background-color: #020C01;
	background-color: rgba(2, 12, 1, 0.3);
	color:#ddd;
	border:0;
	padding:0.5rem;/*erzeugt die Höhe von"a"*/
}

.fixiert a:hover,
.fixiert a:focus {
	background:none;/*#D6D6D6*/
	/*border-bottom:none;*/
	color:#333;
	text-decoration:none;
	text-shadow:#ccc 1px 1px 1px;
	font-weight:bold;
}
.fixiert a:active {
	background:#585858;
	color:#fff;
}