/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}


/* ================ */
/* =    Custom    = */     
/* ================ */



body { 
	margin: 30px 0 30px 0; 
	background: url(img/1a.jpg);
	color:#ddd;
	line-height: 30px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	}
p   {
	font-size: 17px;
	font-family: 'Copse', serif;
	text-shadow:0px 1px 1px #000;
	}


.invitation {
	margin-top: -30px;
	margin-bottom: 100px;
	box-sizing: border-box;
	background: #9DD9CC; 
	color: #191919;
	padding: 20px;
	box-shadow: 0 20px 50px rgba(0,0,0,.5);
	font-family: 'Copse'
	}

.invitation a {
	color: #191919;
}
.invitation a:hover {
	color: #191919;
}

.row {background-color: #191919; border: 10px solid #191919; border-top:none; border-bottom: none;}

h1	{
	font-family: 'Candal', sans-serif; 
	text-transform: uppercase; 
	font-size: 60px;
	text-align: center;
	text-shadow: none;
	}
h2	{
	font-family: 'Candal', sans-serif; 
	text-transform: uppercase; 
	font-size: 30px;
	}
.back{
	background-color:#9fd8cb; height:2px; border:none;
	}
	
span {font-family: 'Copse', serif; font-size: small; color:#444; text-shadow:0px 1px 1px #000;}
	
#cont { height:640px; margin-bottom: 20px;}
#leistungen { background-color:rgba(25,25,25,.7); bottom:0px; position: absolute;}
.item {width: 940px; font-family: 'Copse', serif; font-size: 60px; padding:50px 0 50px 0;}


.slide {display: none; text-align: center;}
#slideshow { margin: auto ; text-align: center;}
ul {margin:0;padding:0;}
#nav { width: 300px;}
#nav li { 
	width: 50px; 
	float: left; 
	margin: 0px 20px 20px 0; 
	list-style: none; 
	padding: 0; 
	opacity:.5;
	-webkit-transition: 0.15s linear all ;
	-moz-transition: 0.15s linear all;
  	-ms-transition: 0.15s linear all;
 	-o-transition: 0.15s linear all;
  	transition: 0.15s linear all;
	}
#nav li:hover {opacity:1;}
#nav a { width: 50px; padding: 0; display: block;}
#nav a.activeSlide { border: 1px solid red;}
#nav a:focus { outline: none; }
#nav img { border: none; display: block;}


.footer {height:auto; text-align:center; font-family: 'Copse', serif; text-shadow:0px 1px 1px #7cafa3; color: #eee; }
a {
	color: #eee;
	text-decoration: underline;
	-webkit-transition: 0.15s linear all ;
	-moz-transition: 0.15s linear all;
  	-ms-transition: 0.15s linear all;
 	-o-transition: 0.15s linear all;
  	transition: 0.15s linear all;
  	}
a:hover {color: #aaa; padding-left:5px }

.gb a:hover {color: #fff; padding: 0;}



/* =========================== */
/* =    Pseudo-responsive    = */     
/* =========================== */


@media (max-width: 700px) {

	* {box-sizing: border-box;}

	.slides {
		display: none;
	}

	body { 
		margin: 30px 0 30px 0; 
		background: black;
	}
	.row, .grid_12 {
		width: 100% !important;
	}
	
	.top,.bottom {
		display: none;
	}
}


@media (max-width: 700px) { 
	sup {
		display: block;
		margin:10px;
	}
}