html, body {
	margin:                 0px;
	padding:                0px;
	color:                  #111111;
	background-color:		#F1F5F9;
	font-family: 			'montserrat', Helvetica, sans-serif;
	font-weight:        	400;
	font-size:				18px;
}

* {
    margin:0;
    padding:0;
}	

.bltn{
	 z-index:-5;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}

img {
	border-style: 		none;
  	max-width: 			100%;
    height: 			auto;
	border-radius:		4px;
}

img a{
	text-decoration:	none;
	border: 			0px;
}

.breaker {
	height: 			0px;
	clear:				both;
	overflow:			hidden;
}

.center {
	text-align: 		center;
}

.glow {
	text-shadow: 0 0 0.2em #ffffff, 0 0 0.2em #ffffff, 0 0 0.2em #ffffff;
}

.glow2 {
	text-shadow: 0 0 0.2em #306849, 0 0 0.2em #306849, 0 0 0.2em #306849;
}

.glowblk {
	text-shadow: 0 0 0.2em #111111, 0 0 0.2em #111111, 0 0 0.2em #111111;
}


/* Das Element, das geschüttelt werden soll */
.shake-element {
  display: inline-block;
  padding: 0px;
  color: white;
  cursor: pointer;
}

/* Die Animation wird nur beim Hover ausgelöst */
.shake-element:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite; /* Läuft endlos, solange die Maus drauf ist */
}

/* Definition der Schüttel-Bewegung */
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
 
 
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


.main-content ul {
	list-style-image: 	url("../images/design/check.gif");
	margin-left: 		30px;	
	margin-bottom:		0px;
}


/* Single-direction drop shadow */

hr {
    height: 40px;
    border: 0px;
	border-radius: 20px;
    box-shadow: inset 0 18px 18px -18px rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------------------------------*/

.main-content h1{
	font-size:          80px;
	color:              #111111;
	font-weight:        200;
	line-height: 		85px;
	margin-bottom: 		20px;
	margin-top: 		10px;
	font-family: 		'montserrat', sans-serif;
	
	text-shadow: 		0 1px 0 hsl(200,45%,76%), 
						0 1px 0 hsl(200,45%,75%), 
						0 3px 0 hsl(200,45%,74%), 
						0 4px 0 hsl(200,45%,73%), 
						0 5px 0 hsl(200,45%,70%), 
						0 6px 1px hsl(200,45%,65%), 
						0 0 5px hsl(200,5%,50%), 
						0 1px 3px hsl(200,5%,40%), 
						0 3px 5px hsl(200,5%,35%), 
						0 5px 10px hsl(200,5%,40%), 
						0 10px 10px hsl(200,5%,45%), 
						0 15px 15px hsl(200,5%,50%);

/*	 font-stretch: expanded; /* Werte wie semi-expanded, expanded oder extra-expanded */
	
}

.main-content h2{
	font-size:          50px;
	color:              #111111;
	font-weight:        200;
	line-height: 		55px;	
	margin-bottom: 		10px;	
	font-family: 		'montserrat', sans-serif;
}

.main-content h3{
	font-size:         	40px;
	color:              #111111;
	font-weight:        normal;
	line-height: 		45px;
	margin-bottom: 		15px;	
	font-family: 		'montserrat', sans-serif;
}

.main-content h4 {
	font-size:         	25px;
	color:      		#111111;
	font-weight:        400;
	line-height: 		28px;
	margin-bottom: 		10px;
	font-family: 		'montserrat', sans-serif;
}

.main-content h5  {
	font-size:         	35px;
    color:              #ffffff;
	font-weight:        400;
	font-family: 		'montserrat', sans-serif;

letter-spacing: 3px;
	
  text-shadow: 
    0 0 1px #555555,
    0 0 2px #555555,
    0 0 4px #555555;

	
}

.main-content h6  {
	font-size:         	160px;
    color:              #ffffff;
	font-weight:        700;
	line-height: 		120px;
	margin-bottom: 		20px;
	margin-top: 		10px;
	font-family: 		'montserrat', sans-serif;
	
	letter-spacing: 20px;
	
	  text-shadow: 
    0 0 1px #555555,
    0 0 2px #555555;

}

/*-----------------------------------------------------------------------------*/


/*---------------------------------------*/
/*                ImageSlider            */
/*---------------------------------------*/

.imageslider {
	width:              100%;
	max-height:			600px;
	overflow:			hidden;
	z-index: 			10;		
}


.imageslider h1 {
    font-size:          40px;
	color:              #111111;
	font-weight:        700;
	line-height: 		45px;
	margin-bottom: 		20px;
	margin-top: 		20px;
	font-family: 		'montserrat', sans-serif;
	
/* 	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
	
}

.imageslider p {
    font-size: 45px;
	font-family: 			'montserrat', Helvetica, sans-serif;
    line-height: 34px;
}    

/*----------------------------------------*/
/*                CONTENT                 */
/*----------------------------------------*/

.parallax-content{
   /* Create the parallax scrolling effect */
    background-attachment: 	fixed; 
    background-position: 	center;
    background-repeat: 		no-repeat;
 	background-size:		contain;
/*   background-size: 		cover; */
}

.main-content {
	width:                 	100%;
	background: 			transparent;
	font-size:              18px;
    background-position: 	center;
    background-repeat: 		no-repeat;
    background-size: 		cover;
	color:                  #111111;	
}


.content_full{
	max-width:                  1300px;
	margin: 					0 auto;		
	line-height: 				150%;
	padding:					20px 20px;
	border-radius: 				5px;
}

.content_full_padding{
	padding:					20px 0px;
}

.content_full_100{
	max-width:                  100%;
	margin: 					0 auto;		
	line-height: 				0%;
	padding:					0px 0px;
	border-radius: 				0px;
}

.content_full_padding_100{
	padding:					0px 0px;
}

.content_blocks{
	max-width:                  1300px;
	margin: 					0 auto;		
	line-height: 				150%;
	border-radius: 				5px;	
	/* DIVs immer auf die gleiche Höhe setzen*/
   	display: 					-webkit-flex;
   	display: 					-ms-flex;
   	display: 					flex;
   	-webkit-flex-wrap: 			wrap;
   	-ms-flex-wrap: 				wrap;
   	flex-wrap: 					wrap;
}

/*---------------------------------------*/

.duo_left, .duo_right {
	float:				left;
	width:				49%;
	margin: 20px 0% 20px 1%;
	padding:			20px 20px;	
	border-radius: 		5px;

}

.duo_right{
	float:				right;
	margin-right: 		0;

}

/*---------------------------------------*/

.duo_left30, .duo_right70 {
	float:				left;
	width:				39%;
	margin: 20px 0% 20px 1%;
	padding:			20px 20px;	
	border-radius: 		5px;

}

.duo_right70{
	float:				right;
	width:				59%;	
	margin-right: 		0;

}

.duo_left70, .duo_right30 {
	float:				left;
	width:				59%;
	margin: 20px 0% 20px 1%;
	padding:			20px 20px;	
	border-radius: 		5px;

}

.duo_right30{
	float:				right;
	width:				39%;
	margin-right: 		0;

}


/*---------------------------------------*/

.tripple_left, .tripple_middle, .tripple_right{
	float:				left;
	width:				32%;
	margin: 20px 0% 20px 1%;
/*	margin-right: 		2%; */
	padding:			20px 20px;
	border-radius: 		5px;
}

.tripple_right{
	margin-right: 		0;			
}

/*---------------------------------------*/
/*                PREFOOTER              */
/*---------------------------------------*/

div#prefooter{
	width: 						100%;
	padding: 					30px;
	background-color: 			#F5F5F5;
}

div#prefooter-content {
	max-width:                  1300px;
	padding-top:				30px;
	padding-bottom:				30px;	
	margin: 					0 auto;
	padding-left:				20px;
	padding-right:				20px;

}

/*---------------------------------------*/
/*                FOOTER                 */
/*---------------------------------------*/

div#footer {
	margin-top: 0px;
	width: 						100%;
	background-color:			#F5F5F5;
	color: 						#000000;
	z-index: 					10;
}

div#footer-content {
	max-width:                  1300px;
	padding-top:				30px;
	padding-bottom:				30px;	
	margin: 					0 auto;
	font-size:              	20px;
	letter-spacing:		 		2px;	
	line-height: 				150%;	
	padding-left:				20px;
	padding-right:				20px;

}

.footer-left {
	float:			left;
	width:			35%;
	margin-right: 	25%;
}

.footer-right{
	float:			right;
	width:			40%;
	height: 		auto;
	vertical-align: bottom;
}

/*---------------------------------------*/


/*--------------------------------------------------------------------------*/
/*                 LINKS                                                    */
/*--------------------------------------------------------------------------*/
.content_full A:link {
	color: #1CA3CA;
	/*	text-decoration: underline;*/
  text-decoration: none;
	padding-bottom: 1px;
	position: relative;
	border: none;
} 
.content_full A:visited {
	color :#455E87;
	text-decoration: none;
} 
.content_full A:hover {
	color:#1E293B;
	/*	text-decoration: underline; */
	text-decoration: none;

} 
.content_full A:active {
	color: #1E293B;
	text-decoration: none;
}


.whitelink A:link {
	color: #FFFFFF;
  text-decoration: none;
   padding-bottom: 3px;
	border-bottom: 2px solid #FFFFFF;
} 
.whitelink A:visited {
	color :#FFFFFF;
	text-decoration: none;
} 
.whitelink A:hover {
	color:#E6E6E6;
	border-bottom: 2px solid #E6E6E6;
	text-decoration: none;
} 
.whitelink A:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* Social Icons & Icon-Links */

.sociallinks{
	margin-top:25px;
	height: 36px; 
	float: right; 
	text-align:right;
}
.social-fb a:link{
	width: 50px;
	height: 40px;
	background-image:url(../images/social-icons/fb.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	border: none;
}

.social-fb a:hover{
	background-image:url(../images/social-icons/fb2.jpg);
}

.social-youtube a:link{
	width: 50px;
	height: 40px;
	background-image:url(../images/social-icons/youtube.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	border: none;	
}

.social-youtube a:hover{
	background-image:url(../images/social-icons/youtube2.jpg);
}

/*--------------------------------------------------------------------------*/


#slider { height: auto; }