@import url("//hello.myfonts.net/count/2b43f2");
@import url("//hello.myfonts.net/count/2b7565");

  
@font-face {font-family: 'CoolCrayon';src: url('../webfonts/2B43F2_0_0.eot');src: url('../webfonts/2B43F2_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2B43F2_0_0.woff') format('woff'),url('webfonts/2B43F2_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Ciutadella-Light';src: url('../webfonts/2B7565_0_0.eot');src: url('../webfonts/2B7565_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2B7565_0_0.woff') format('woff'),url('../webfonts/2B7565_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Ciutadella-Medium';src: url('../webfonts/2B7565_1_0.eot');src: url('../webfonts/2B7565_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2B7565_1_0.woff') format('woff'),url('../webfonts/2B7565_1_0.ttf') format('truetype');}
 



/* reset CSS START*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Ciutadella-Light', sans-serif;
	font-size: 1em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset CSS END*/






body {
	background: url(../img/red-angus-bg.jpg) repeat-x #2b2b2b;
	background-position: top center;
	color: #fff;
	}

nav {
	text-decoration: none;
	}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Ciutadella-Medium';
	}

a {
	color: #fff;
	text-decoration: none;

	}

header, .content-wrapper , footer {
	position: relative;
	left: 50%;
	width: 1200px;
	margin-left: -600px;
	z-index: 200;
	}

	header {
	height: 100px;
	}

	header.startseite, .content-wrapper.startseite , footer.startseite {
		position: relative;
		left: 50%;
		width: 510px;
		margin-left: -250px;
		overflow: hidden;
		}

		header.startseite {
			height: 50px;
			}

		header.logo {
			background: url(../img/logo.png);
			background-size: cover;
			height: 100px;
			width: 100px;
			}


	nav {
		position: relative;
		left: 300px;
		top: 0px;
		display: inline-block;
		z-index: 300;
		}

		nav ul li {
			float: left;
			height: 100px;
			}

			nav ul li a {
				font-size: 1.2em;
				font-family: 'CoolCrayon';
				font-weight: lighter;
				letter-spacing: .07em;
				display: block;
			    height: 30px;
			    padding: 37px 0px 0px;
			    margin-right: 40px;
			    text-transform: uppercase;
				}

				nav ul li a:hover {
					display: block;
				    height: 50px;
				    padding: 37px 0px 13px;	
					margin-right: 40px;
					background: url(../img/underline.png) no-repeat 0px 70px;
					}

					nav ul li a.active {
						padding: 37px 0px 13px;
						margin-right: 40px;
						background: url(../img/underline.png) no-repeat 0px 70px;
						}





	nav.subnav {
	    display: inline-block;
	    height: 100px;
	    left: 0;
	    overflow: hidden;
	    position: absolute;
	    top: 97px;

		}

		nav.subnav ul li {
			float: left;
			height: 30px;
			margin: 3px 3px 0px 0px;	

			}

			nav.subnav ul li a {
			    display: block;
			    font-family: 'CoolCrayon';
			    font-size: 1em;
			    font-weight: lighter;
			    height: 10px;
			    letter-spacing: 0.07em;
			    margin-right: 0px;
			    padding: 8px 10px 12px 10px;
			    text-transform: none;
			    color: #ededed;
				}

				nav.subnav ul li a:hover {
					padding: 8px 10px 12px 10px;
						background: url("../img/underline2.png") no-repeat scroll 0 26px rgba(0, 0, 0, 0);
					}

					nav.subnav ul li a.active {
						padding: 8px 10px 12px 10px;
						background: url("../img/underline2.png") no-repeat scroll 0 26px rgba(0, 0, 0, 0);
						}







.content-wrapper {
	min-height: 250px;
	background: url(../img/paper-corner.svg) bottom right;
	padding: 0 0 40px 0;
	}

	.content-wrapper a.logo {
			width: 25%;
			display: block;
			float: left;
			position: absolute;
			}

			.content-wrapper a.logo img {
					background-size: cover;
					height: 140px;
					width: 140px;
					display: block;
					margin: 70px 70px;
					}

	.content-wrapper.startseite {
			background: url(../img/paper-corner-start.svg) bottom right;
			padding: 0 0 260px;

			}

/* Textarea of each page */
	article {
	    color: #000;
	    display: inline-block;
	    left: 25%;
	    margin-top: 70px;
	    position: relative;
	    width: 50%;
		}



		article .logo {
			position: absolute;
			background: url(../img/logo.png);
			background-size: cover;
			top:20px;
			left: -20px;
			height: 300px;
			width: 300px;
			z-index: 200;
			}

			article h1 {
				font-family: 'Ciutadella-Medium';
				font-size: 1.3em;
				margin: 0 0 30px 0; 
				letter-spacing: -0.01em;
				}

				article h2 {
					font-size: 1.3em;
					margin: 0 0 5px 0; 
					}

				article h3 {
					font-size: 1em;
					margin: 0 0 30px 0; 
					}

					article h4 {
					font-size: 1.05em;
					margin: 0 0 15px 0; 
					}

				article ul li.imprint-list{
					float: left;
				    width: 100%;
					}
				

				article p {
					line-height: 1.4em;
					padding: 0px 0px 50px 0px;
					}

					article .contact_txt {
					height: 300px;
					width: 100%;
					position: relative;
					}

					article .contact_txt p {
					line-height: 1.4em;
					padding: 0px 0px 50px 0px;
					}

					article .contact_txt a {
						height: 20px;
						width: 140px;
						position: absolute;
						color: 	#000;
						text-decoration: underline;
						} 

						article .contact_txt a:hover {
							text-decoration: none;

						}
						

					article.article-imprint a {
						color: #000;
						text-decoration: underline;
						}

						article.article-imprint a:hover {
						color: #9f0000;
						text-decoration: underline;
						}

					p.imprint {
						padding: 0px 0px 30px 0px;
						}



				article.startseite .click_here a {
				    font-family: 'CoolCrayon';
				    font-size: 1.1em;
				    left: 295px;
				    padding: 30px 10px 26px 30px;
				    position: absolute;
				    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
				    top: 350px;
				    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
			    -o-text-shadow:  2px 2px 1px rgba(0,0,0,.6);
			    -moz-text-shadow:  2px 2px 1px rgba(0,0,0,.6);
			    -webkit-text-shadow:  2px 2px 1px rgba(0,0,0,.6);
					}

					.next-btn {
					    font-size: 1.6em;
					    left: 101%;
					    margin: -95px 0 0 -55px;
					    position: absolute;
						}

						.next-btn a {
							background: url("../img/next.png") no-repeat scroll 5px 20px rgba(0, 0, 0, 0);
						    font-family: 'CoolCrayon';
						    left: 0;
						    padding: 40px 30px 30px 30px;
						    position: absolute;
							}

							.next-btn a:hover {
							    background-position: 6px 20px; 
								}


					.prev-btn {
					    font-size: 1.6em;
					    left: 100%;
					    margin: -95px 0 0 -95px;
					    position: absolute;
						}

						.prev-btn a {
							background: url("../img/prev.png") no-repeat scroll 5px 20px rgba(0, 0, 0, 0);
						    font-family: 'CoolCrayon';
						    left: 0;
						    padding: 20px 30px 30px 25px;
						    position: absolute;
							}

							.prev-btn a:hover {
							    background-position: 4px 20px; 
								}


	section.social_btn {
		position: relative;
		left: 25%;
		width: 25%;
		}

		.social_btn-wrap {
		    display: block;
		    height: 50px;
		    padding: 0 0 50px;
		    position: relative;
		    width: 200px;
			}

			.social_btn-wrap ul {
				float: left;
			    overflow: hidden;
			    width: 55px;
			    position: relative;
			    left: 0;
			    height: 50px;
				}

			.social_btn-wrap li.first{
				top: 0;
				width: 40px;
				float: left;
				position: absolute;
				}

				.social_btn-wrap li.last {
				top: 50px;
				width: 40px;
				float: left;
				position: absolute;
				}

			.social_btn-wrap ul li a {
				position: relative;
				height: 50px;
				width: 50px;
				clear: both;
				margin: 0 10px 0 0;
				}

				.social_btn-wrap ul li a:active {
					outline: none;
					}

						

/* END Textarea of each page */

.klammer{
	background: url("../img/klammer.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 80px;
    left: 82%;
    margin-left: -22px;
    position: absolute;
    top: -29px;
    width: 45px;
    z-index: 300;
}
.profil_pic {
	    width: 0px;
		}


	.profil_pic img {
		background-size: cover;
	    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	    height: auto;
	    left: 85%;
	    margin-left: -85px;
	    position: absolute;
	    top: 0px;
	    transform: rotate(-3deg);
	    -o-transform: rotate(-3deg);
	    -moz-transform: rotate(-3deg);
	    -webkit-transform: rotate(-3deg);
	    width: 190px;
	    z-index: 250;
		}

/* Picture list of People Page */
	

		article .people-list {
			float: left;
			width: 200px;
			height: 100%;
			margin-bottom: 10px; 
			
			}

		article .people-img-wrap {
			position: relative;
			height: 285px;
			width: 190px;
			overflow: hidden;
			}

			article .people-img-wrap img {
			position: relative;
				width: 190px;
				overflow: hidden;
				}

		article .people-name-wrap {
			position: relative;
			width: 95%;
			margin: 0 0 30px 0;	
			overflow: hidden;
			}

			article .people-name-list a {
				background: #dfdfdf;
			   	font-size: 1.1em;
			    margin: 0;
			    color: #323232;
			    font-family: 'Ciutadella-Medium';
			    padding: 17px 10px 19px 15px;
			    display: block;
			    text-decoration: underline;
				}

				article .people-name-list a:hover {text-decoration: none;
				   	cursor: pointer;
					}

					article .people-name-list a:active {
						color: #fff;
						}	

						article .people-name-list p {
							font-size: .9em;
						    margin-top: 0px;
						    padding: 5px 5px 5px 15px;
						    background: #323232;
						    color: #fff; 
											}

			article.brands {
			    color: #000;
			    display: inline-block;
			    left: 25%;
			    margin: 70px 0 100px;
			    position: relative;
			    width: 60%;
				}
			article.brands ul {
				margin-left: -3px 
				
				}

				article.brands ul li {
					height: 180px;
					width: 180px;
					border-top: 5px solid rgba(0,0,0,.0);
					border-left: 5px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					position: relative;
					z-index: 600;
					}

					.ref-1 {
						background: none repeat scroll 0 0 #000;
					    float: left;
					    height: 180px;
					    left: 1px;
					    margin-bottom: 1px;
					    position: absolute;
					    top: 244px;
					    width: 542px;
					    z-index: 700;
						}

					article.brands ul li .brand-shutter {
						position: absolute;
						top: 0px;
						left: 0;
						width: 180px;
						height: 180px; 
						background: #828282;
						z-index: 500;
						}

						article.brands ul li .brand-shutter span {
						    color: #fff;
						    display: block;
						    font-size: 1.2em;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    text-align: center;
						    top: 50%;
						    width: 100%;
						    text-decoration: underline;
						}

				article.brands h1 {
					font-size: 1.3em;
    				margin: 0px 0 30px 0%;
					}

				article.brands ul li img {
					position: relative;
					left: -50%;
					top: -50%;
					opacity: 0;
					z-index: 400;
					}



/* Service Page */



				article.services {
			    color: #000;
			    display: inline-block;
			    left: 25%;
			    margin: 70px 0 100px;
			    position: relative;
			    width: 60%;
				}


			article.services ul {
				margin-left: 0px ;
				border: 5px;
				position: relative;
				
				}

				article.services ul li.list1 {
					height: 360px;
				
				}

				article.services ul li.list2 {
					height: 280px;
					margin-top: 10px;
				
				}


				article.services ul li.list3 {
					height: 230px;
					margin-top: 10px;
				
				}

				article.services ul li.list4 {
					height: 210px;
					margin-top: 10px;
				
				}

				article.services ul li.list5  {
					height: 200px;
					margin-top: 10px;
				
				}


				article.services ul li {
					height: 350px;
					width: 300px;
					border-top: 5px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					position: relative;
					z-index: 600;

					}

					

					article.services ul li .service-shutter {
						border-right: 1px solid #c2c2c2;
					    height: 85%;
					    left: 0;
					    margin-top: 25px;
					    position: absolute;
					    top: 0;
					    width: 299px;

						}

						article.services ul li .service-shutter span {
						    color: #000;
						    display: block;
						    font-size: 1.3em;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    font-weight: bold;
						    top: 10px;
						    width: 100%;
						    text-decoration: underline;
						    z-index: 1000;
						}

						article.services ul li .service-shutter-nobg {
							position: absolute;
							top: 0px;
							left: 0;
							width: 350px;
							height: 100%; 
							}

						article.services ul li .service-shutter-nobg ul {
						    color: #000;
						    display: block;
						    font-size: 1em;
						    height: 100%;

						}

						article.services ul li .service-shutter-nobg ul li {
						    height: 18px;
						    left: 80px;
						    margin: 0;
						    top: 24px;
						    list-style: square;
						    overflow: visible;
						}

						article.services ul li .service-shutter-nobg ul li.space {
						    height: 36px;
						}

				article.services h1 {
					font-size: 1.3em;
    				margin: 0px 0 30px 0%;
					}

				article.services ul li .shutter-bgr {
					position: absolute;
					background: #fff;
					left: -301px;
					width: 298px;
					top: 0;
					bottom: 0;
					z-index: 400;
					border-right: 2px solid #9B2041;
					}

					article.services ul li .shutter-bgl {
					position: absolute;
					background: #fff;
					right: -301px;
					width: 298px;
					top: 0;
					bottom: 0;
					z-index: 400;
					border-left: 2px solid #9B2041;
					}


						

/* END Picture list */

/* Footer */

	footer {
		height: 50px;
		margin-bottom: 30px;
		}


		footer ul {
			left: 25%;
		    position: absolute;
		    top: 30px;

			}

			footer ul li a {
			    font-family: 'CoolCrayon';	
				}

			

			.footer-list li a {
				background: url("../img/mail-icon-s.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
			    padding: 5px 0 2px 41px;
			    position: relative;
			    top: -1px;
			    text-transform: uppercase;
				}

				.footer-list li a:hover {
					text-decoration: underline;
					}

			footer ul.startseite {
				left: 0%;
				padding-bottom: 30px;
				}

				footer ul.startseite li a {
				    padding: 0px;
				    position: relative;
				    top: -1px;
				    font-size: 0.75rem;
				    font-family: 'CoolCrayon';
				    letter-spacing: .05em;
					}

					footer ul.startseite li a.mail {
					    padding: 4px 0 0 0px;
					    position: relative;
					    top: -1px;
					    font-family: 'CoolCrayon';
						}

					footer ul.startseite li a:hover {
						text-decoration: underline;
						}

			footer ul li {
				float: left;
				margin-right: 20px;
				display: block;
				font-family: 'CoolCrayon';
				}

				footer .footer-link {
					display: none;

					}

/* END Footer */


button[type="submit"] {
    background: none repeat scroll 0 0 #323232;
    border: medium none;
    box-shadow: none;
    color: #efefef;
    font-size: 1.1em;
    margin: 20px 0 40px 130px;
    padding: 9px 25px;
}



/************************ test form *****************************/

article.article-test h6 {
	font-size: 1.3em;
	font-family: 'Ciutadella-Light';
	margin-bottom: 40px;
}


 
section.test-form {
    display:block;
    width: 100%;

	}

	.puestion-set {
		position: relative;
		display: block;
		width: 100%;
		padding: 0px 20px 40px 20px; 
		margin-left: -20px;

		}

		.puestion-set1 {
			
		}

		.question-title {
				position: relative;
				width: 100%;
				display: block;	
				padding-bottom: 40px;
				font-size: 1.3em;
				font-family: 'Ciutadella-Light';
				cursor: pointer;
				}

				.question-title:hover {
					text-decoration: underline;
					}

				.question-title span {
					color: #9f0000;
				    float: left;
				    font-family: 'Ciutadella-Medium';
				    height: 55px;
				    margin-right: 4px;
					}

				.puestion-set ul {
					padding-left: 20px;
					margin-left: 20px;
					overflow: hidden;
					height: 0px;
					border-bottom: 1px dashed #cacaca;
					}
		

					.puestion-set li {
						position: relative;
						margin: 0px 0px 20px 0px;
						list-style-type: lower-alpha ;
						line-height: 1em;
						}


						.puestion-set li.question {
							width: 90%;
							line-height: 1.3em;
							}

							.last-li {
								margin: 0 0 60px 0 !important;
								}

							

								.puestion-set li input {
									position: absolute;
									right: -10%;
									top: 0;
									height: 15px;
									width: 15px;
									border-radius: none; 
									border: 5px solid #9f0000;
									}

						    

									

						input#value-ausgabe {
							background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
						    border: medium none;
						    color: #9f0000;
						    font-size: 2em;
						    height: 35px;
						    left: 50%;
						    margin-left: -100px;
						    position: relative;
						    top: -420px;
						    width: 200px;
						    text-align: center;
							}

							#radio-button-value {
								cursor: pointer;
							    font-size: 1em;
							    height: 50px;
							    -webkit-appearance: none;
							    margin-bottom: 450px;
							    width: 100%;
							}
							.test-ergebnis {
							    position: relative;
							    width: 100%;
								}

								.headline-ergebnis {
							    bottom: 390px;
							    font-size: 1.3em;
							    padding-bottom: 5px;
							    position: relative;
							    text-align: center;
							    width: 100%;
							    margin-bottom: 20px; 
								}


								.test-ergebnis ul li {
								    margin-top: -400px;
								    position: absolute;
								    width: 100%;
									}


									.test-ergebnis ul li h6 {
										position: relative;
										z-index: 200;
										width: 30.3%;
										cursor: pointer;
										padding: 15px 0 10px 0%;
										height: 70px;	
										text-align: center;
										border: 1px solid #cacaca;
										margin-right: 1.5%; 

										}

										.test-ergebnis ul li h6:hover {
										background: #CACACA;
											}

											.h6_active {
												background: url(../img/punkt-pfeil.png) no-repeat;
												background-position: center 70px; 
												text-decoration: none;
												}

												.test-ergebnis ul li h6.headline-middle{
													left: 33.3%;
													}

													.test-ergebnis ul li h6.headline-right{
														left: 66.6%;
														}


									.test-ergebnis ul li p {
										height: 0;
										overflow: hidden;
										padding: 0;
										position: relative;
										top: -20px;
										font-size: 1.3em;
										}



/*****************************************************/
/************************ 1199 
/*****************************************************/







@media (min-width: 1000px) and (max-width: 1199px) {

	a, nav {	
	font-size: 1.05em;
	}

	header, .content-wrapper , footer {
		position: relative;
		left: 50%;
		width: 80%;
		margin-left: -40%;
		
		}

		header {
			height: 100px;
			}

	nav {
		left: 25%;
		width: 86%;
		}

		nav ul li {
			float: left;

			}

			nav ul li a {
				font-size: 1.1em;
				display: block;
			    height: 50px;
			    margin-right: 30px;
			    padding: 37px 0 12px;
				}

				nav ul li a:hover {
					margin-right: 30px;
				    padding: 37px 0 12px;

					}

					nav ul li a.active {
						margin-right: 30px;
						padding: 37px 0 12px;
								}



	header.logo {
		background: url(../img/logo.png);
		background-size: cover;
		height: 100px;
		width: 100px;
		}

.content-wrapper {
	background: url(../img/paper-corner-start.svg) bottom right;
	}

		.content-wrapper a.logo img {
			height: 60%;
			width: 60%;
			margin: 50px 20%;
			}

	article {
	    color: #000;
	    display: inline-block;
	    left: 25%;
	    margin-top: 50px;
	    position: relative;
	    width: 50%;
		}

		article.article-imprint {
		    color: #000;
		    display: inline-block;
		    left: 25%;
		    margin-top: 50px;
		    position: relative;
		    width: 65%;
			}

		article h1 {
			font-size: 1.3em;
			}

		article p {
			padding: 20px 0px 80px 0px;
			}

			.prev-btn {
							    font-size: 1.6em;
							    left: 100%;
							    margin: -115px 0 0 -45px;
							    position: absolute;
								}

							.next-btn {
							    font-size: 1.4em;
    							margin: -65px 0 0 -85px;
								}

								.next-btn a {
									    background-position: 10px 30px;
									    left: 0;
									    padding: 30px;
									    position: absolute;
									}

								.next-btn a:hover {
									background-position: 15px 30px;
									}

section {
    display:block;
    width: 60%;
	}

	form .item {
	    display: inline-block;
	    height: 65px;
	    margin-bottom: 0px;
	    padding: 0;
	    position: relative;
		}

		.item .tooltip {
		    float: left;
		    left: 332px;
		    position: relative;
		    top: -28px;
		    z-index: 2;
			}

			.item .tooltip .content {
			    width: 180px;
				}

.item label, .item .label {
    float: left;
	}

	.item label span, .item .label{ 
		float:left; 
		width:160px; 
		text-transform:
		capitalize; 
		line-height:2em; 
		}

		.item .alert {
		    font-size: 0.8em;
		    left: 345px !important;
		    margin: 0;
		    max-width: 170px;
		    top: -31px;
		    margin: 2px 0 0 0; 
			}

			.item input, .item textarea{ 
			  float:left; 
			  width:300px; 
			  -webkit-transition:0.2s; 
			  -moz-transition:0.2s; 
			  transition:0.2s;
			  resize: none;
			  margin: 0;
			  }

			.item select {
			    border: 1px solid #fff;
			    float: left;
			    padding: 9px 10px 5px;
			    text-transform: none;
			    width: 325px;
			    font-family: 'Noto Sans', sans-serif;
			    margin: 0;
			    }

			    .item select option{ 
			    	margin: 2px 10px;
			    	padding: 2px;
			    	}

			    .bad input,
				.bad select,
				.bad textarea{  
				  box-shadow:0 0 4px 0px #CE5454; 
				  position:relative; left:0; 
				  -moz-animation:.7s 1 shake linear; 
				  -webkit-animation:0.7s 1 shake linear; 
				  font-family: 'Noto Sans', sans-serif;
				  border: 1px solid #9f0000;

				}


				button[type="submit"] {
				    background: none repeat scroll 0 0 #323232;
				    border: medium none;
				    box-shadow: none;
				    color: #efefef;
				    font-size: 1.1em;
				    margin: 20px 0;
				    padding: 9px 25px;
					}


						input#value-ausgabe {
							background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
						    border: medium none;
						    color: #9f0000;
						    left: 50%;
						    position: relative;
							}

							.test-ergebnis ul li h6 {
							    cursor: pointer;
							    position: relative;
							    text-decoration: underline;
							    width: 30.3%;
							    z-index: 200;
								}

								.test-ergebnis ul li p {
										height: 0;
										overflow: hidden;
										padding: 0;
										position: relative;
										top: -20px;
										font-size: 1.1em;
										}


/* Service Page */



				article.services {
			    color: #000;
			    display: inline-block;
			    left: 25%;
			    margin: 70px 0 100px;
			    position: relative;
			    width: 60%;
				}


			article.services ul {
				margin-left: 0px ;
				border: 5px;
				position: relative;
				
				}

				article.services ul li.list1 {
					height: 360px;
				
				}

				article.services ul li.list2 {
					height: 280px;
					margin-top: 10px;
				
				}


				article.services ul li.list3 {
					height: 230px;
					margin-top: 10px;
				
				}

				article.services ul li.list4 {
					height: 210px;
					margin-top: 10px;
				
				}

				article.services ul li.list5  {
					height: 200px;
					margin-top: 10px;
				
				}

				/**/
				article.services ul li {
					height: 350px;
					width: 230px;
					border-top: 5px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					position: relative;
					z-index: 600;

					}

					

					article.services ul li .service-shutter {
						border-right: 1px solid #c2c2c2;
					    height: 85%;
					    left: 0;
					    margin-top: 25px;
					    position: absolute;
					    top: 0;
					    width: 299px;

						}

						article.services ul li .service-shutter span {
						    color: #000;
						    display: block;
						    font-size: 1.3em;
						    letter-spacing: .5px;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    font-weight: bold;
						    top: 10px;
						    width: 100%;
						    text-decoration: underline;
						    z-index: 1000;
						}

						article.services ul li .service-shutter-nobg {
							position: absolute;
							top: 0px;
							left: 0;
							width: 350px;
							height: 100%; 
							}

						article.services ul li .service-shutter-nobg ul {
						    color: #000;
						    display: block;
						    font-size: 1em;
						    height: 100%;

						}

						/**/
						article.services ul li .service-shutter-nobg ul li {
						    height: 18px;
						    left: 20px;
						    margin: 0;
						    top: 24px;
						    list-style: square;
						    overflow: visible;
						}

						article.services ul li .service-shutter-nobg ul li.space {
						    height: 36px;
						}

				article.services h1 {
					font-size: 1.3em;
    				margin: 0px 0 30px 0%;

					}

				/**/
				article.services ul li .shutter-bgr {
					position: absolute;
					background: #fff;
					left: -301px;
					width: 228px;
					top: 0;
					bottom: 0;
					z-index: 400;
					border-right: 2px solid #9B2041;
					}

					/**/
					article.services ul li .shutter-bgl {
						position: absolute;
						background: #fff;
						right: -301px;
						width: 228px;
						top: 0;
						bottom: 0;
						z-index: 400;
						border-left: 2px solid #9B2041;
						}


}






/*****************************************************/
/************************ 999
/*****************************************************/






@media (min-width: 600px) and (max-width: 999px) {

a, nav {	
	font-size: 1.05em;
	}

	header, .content-wrapper , footer {
		position: relative;
		left: 50%;
		width: 94%;
		margin-left: -47%;
		
		}

		header {
			height: 100px;
			}

	nav {
		left: 0%;
		width: 100%
		}

		nav ul li {
			float: left;
			}

			nav ul li a {
				font-size: 1.1em;
				display: block;
			    height: 50px;
			    margin-right: 40px;
			    padding: 37px 0 10px;
				}

				nav ul li a:hover {
					margin-right: 40px;
				    padding: 37px 0 10px;

					}

					nav ul li a.active {
						margin-right: 40px;
						padding: 37px 0 10px;
								}

		nav.subnav {
		    display: inline-block;
		    height: 80px;
		    left: 0;
		    overflow: hidden;
		    position: absolute;
		    top: 91px;
		}

		nav.subnav ul li {
		    float: left;
		    height: 30px;
		    margin: 3px 0px 0 0;
		    width: 95px;
			}

			nav.subnav ul li a {
			    color: #ededed;
			    display: block;
			    font-family: 'CoolCrayon';
			    font-size: .75em;
			    font-weight: lighter;
			    height: 10px;
			    letter-spacing: 0.07em;
			    margin-right: 0;
			    padding: 8px 5px 12px;
			    text-transform: none;
				}

				nav.subnav ul li a:hover {
					padding: 8px 5px 30px 5px;
						background: url("../img/underline2.png") no-repeat scroll 0 40px rgba(0, 0, 0, 0);
					}

					nav.subnav ul li a.active {
						padding: 8px 5px 30px 5px;
						background: url("../img/underline2.png") no-repeat scroll 0 40px rgba(0, 0, 0, 0);
						}


	header.logo {
		background: url(../img/logo.png);
		background-size: cover;
		height: 100px;
		width: 100px;
		}

.content-wrapper {
	background: url(../img/paper-corner.svg) bottom right;
	padding-bottom: 150px; 
	}

		.content-wrapper a.logo img {
			height: 60%;
			width: 60%;
			margin: 50px 20%;
			}

	article {
	    color: #000;
	    display: inline-block;
	    left: 25%;
	    margin-top: 50px;
	    position: relative;
	    width: 75%;
	    padding-bottom: 40px;
		}

		.small-article, .article-test {
			width: 60%;
		}

		article.people_detail {
		    color: #000;
		    display: inline-block;
		    left: 25%;
		    margin-top: 50px;
		    position: relative;
		    width: 40%;
		    padding-bottom: 40px;
			}

	

		article p {
			padding: 20px 0px 80px 0px;
			}

			article ul li.imprint-list{
					float: none;
				    margin-right: 5%;
				    width: 100%;
					}

					article .contact_txt {
					height: 300px;
					width: 100%;
					position: relative;
					}

					article .contact_txt p {
					padding: 0px 0px 30px 0px;
					}

					article .contact_txt a {
						height: 0;
						padding-bottom: 20px;
						width: 150px;
						position: absolute;
						color: 	#000;
						}

						article .contact_txt a:hover {
						height: 0;
						width: 100%;
						position: absolute;
						color: 	#000;
						}

/* Picture list of People Page */

		article .people-list {
			float: left;
			width: 200px;
			margin-bottom: 10px; 
			width: 45%;
			
			}

		article .people-img-wrap {
			position: relative;
			height: auto;
			width: 94%;
			overflow: hidden;
			}

			article .people-img-wrap img {
				position: relative;
				width: 100%;
				overflow: hidden;
				}

				article .people-name-wrap {
					position: relative;
					width: 94%;
					margin: 0 0 30px 0;	
					overflow: hidden;
					margin-top: -5px;
					}

					article .people-name-list h2 {
					    font-size: 1.2em;
					    padding: 17px 0 19px 50px;
						}



						.profil_pic img {
							background-size: cover;
						    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
						    height: auto;
						    left: 82%;
						    margin-left: -85px;
						    position: absolute;
						    top: 0px;
						    transform: rotate(-3deg);
						    -webkit-transform: rotate(-3deg);
						    -moz-transform: rotate(-3deg);
						    -o-transform: rotate(-3deg);
						    width: 180px;
							}

							.prev-btn {
							    font-size: 1.6em;
							    left: 100%;
							    margin: -115px 0 0 -45px;
							    position: absolute;
								}

							.next-btn {
							    font-size: 1.4em;
    							margin: -65px 0 0 -85px;
								}

								.next-btn a {
									    background-position: 10px 30px;
									    left: 0;
									    padding: 30px;
									    position: absolute;
									}
									.next-btn a:hover {
										background-position: 15px 30px;
										}


/* END Picture list */


		article.brands {
			    color: #000;
			    display: inline-block;
			    left: 0%;
			    margin: 125px 0 100px;
			    position: relative;
			    width: 100%;
				}
			article.brands ul {
				position: relative;
				width: 490px;
				left: 50%;
				margin-left: -25%;
				
				}

				article.brands ul li {
					height: 160px;
					width: 160px;
					border-top: 1px solid rgba(0,0,0,.0);
					border-left: 1px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					}

					article.brands ul li .brand-shutter {
						position: absolute;
						top: 0px;
						left: 0;
						width: 160px;
						height: 160px; 
						z-index: 500;
						}

						article.brands ul li .brand-shutter span {
						    color: #fff;
						    display: block;
						    font-size: 1.2em;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    text-align: center;
						    top: 50%;
						    width: 100%;
						}

					article.brands h1 {
				    left: 50%;
				    margin: -76px 0 35px -25%;
				    position: relative;
				    width: 320px;
					}

					article.brands ul li img {
						position: relative;
						left: -60%;
						top: -60%;
						opacity: .1;
						}







section {
    display:block;
    width: 70%;
	}

	form .item {
	    display: inline-block;
	    height: 65px;
	    margin-bottom: 0px;
	    padding: 0;
	    position: relative;
		}

		

		.item .tooltip {
		    float: left;
		    left: 100%;
		    margin-left: 10px;
		    position: relative;
		    top: -28px;
		    z-index: 2;
			}

			.item .tooltip .content {
			    width: 100px;
				}



	.item label span{ 
		float:left; 
		width:160px; 
		text-transform:
		capitalize; 
		line-height:2em; 
		overflow: hidden;
		}

		.item label, .item .label{ 
		  float:left; 
		  cursor:default; 
		  width: 100%;
		  }


		.item .alert {
		    font-size: 0.8em;
		    left: 105% !important;
		    margin: 0;
		    max-width: 170px;
		    top: -31px;
		    margin: 2px 0 0 0; 
			}

			.item input, .item textarea{ 
			  float:left; 
			  width:91%; 
			  -webkit-transition:0.2s; 
			  -moz-transition:0.2s; 
			  transition:0.2s;
			  resize: none;
			  margin: 0;
			  }

			.item select {
			    border: 1px solid #fff;
			    float: left;
			    padding: 9px 0px 5px;
			    text-transform: none;
			    width: 100%;
			    font-family: 'Noto Sans', sans-serif;
			    margin: 0 20px 0 0;
			    }

			    .item select option{ 
			    	margin: 2px 10px;
			    	padding: 2px;
			    	}

			    .bad input,
				.bad select,
				.bad textarea{  
				  box-shadow:0 0 4px 0px #CE5454; 
				  position:relative; left:0; 
				  -moz-animation:.7s 1 shake linear; 
				  -webkit-animation:0.7s 1 shake linear; 
				  font-family: 'Noto Sans', sans-serif;
				  border: 1px solid #9f0000;
				  margin-top: -1px;
				}


				button[type="submit"] {
				    background: none repeat scroll 0 0 #323232;
				    border: medium none;
				    box-shadow: none;
				    color: #efefef;
				    font-size: 1.1em;
				    margin: 20px 0;
				    padding: 9px 25px;
					}



					input#value-ausgabe {
							background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
						    border: medium none;
						    color: #9f0000;
						    height: 30px;
						    left: 50%;
						    position: relative;
							}

							.test-ergebnis ul li h6 {
							    cursor: pointer;
							    position: relative;
							    text-decoration: underline;
							    width: 30.3%;
							    z-index: 200;
							    font-size: 1.6em;
								}

								.test-ergebnis ul li p {
										height: 0;
										overflow: hidden;
										padding: 0;
										position: relative;
										top: -20px;
										font-size: 1.1em;
										}

/* Service Page */



				article.services {
			    color: #000;
			    display: inline-block;
			    left: 25%;
			    margin: 70px 0 100px;
			    position: relative;
			    width: 65%;
				}


			article.services ul {
				margin-left: 0px ;
				border: 5px;
				position: relative;
				
				}

				article.services ul li.list1 {
					height: 360px;
				
					}

				

				article.services ul li.list2 {
					height: 280px;
					margin-top: 10px;
				
				}


				article.services ul li.list3 {
					height: 230px;
					margin-top: 10px;
				
				}

				article.services ul li.list4 {
					height: 210px;
					margin-top: 10px;
				
				}

				article.services ul li.list5  {
					height: 200px;
					margin-top: 10px;
				
				}

				article.services ul li.list-small {
						width: 40%;
					
					}

					article.services ul li.list-big {
						width: 60%;
					
					}

					article.services ul li.list-big ul li {
						width: 100%;
					
					}

				/**/
				article.services ul li {
					height: 350px;
					width: 100%;
					border-top: 5px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					position: relative;
					z-index: 600;
					}

					

					article.services ul li .service-shutter {
						border-right: 1px solid #c2c2c2;
					    height: 85%;
					    left: 0px;
					    margin-top: 25px;
					    position: absolute;
					    top: 0;
					    width: 299px;

						}

						article.services ul li .service-shutter span {
						    color: #000;
						    display: block;
						    font-size: 1.1em;
						    letter-spacing: .5px;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    font-weight: bold;
						    top: 10px;
						    width: 100%;
						    text-decoration: underline;
						    z-index: 1000;
						}

						article.services ul li .service-shutter-nobg {
							position: absolute;
							top: 0px;
							left: 20px;
							width: 100%;
							height: 100%; 
							}

						article.services ul li .service-shutter-nobg ul {
						    color: #000;
						    display: block;
						    font-size: 1em;
						    height: 100%;
						    width: inherit;

						}

						/**/
						article.services ul li .service-shutter-nobg ul li {
						    height: 18px;
						    left: 15%;
						    margin: 0;
						    top: 24px;
						    list-style: square;
						    overflow: visible;
						}

						article.services ul li .service-shutter-nobg ul li.space {
						    height: 36px;
						}

				article.services h1 {
					font-size: 1.3em;
    				margin: 0px 0 30px 0%;

					}

				/**/
				article.services ul li .shutter-bgr {
					position: absolute;
					background: #fff;
					left: -101%;
					width: 99%;
					top: 0;
					bottom: 0;
					z-index: 400;
					border-right: 2px solid #9B2041;
					}

					/**/
					article.services ul li .shutter-bgl {
						position: absolute;
						background: #fff;
						right: -101%;
						width: 99%;
						top: 0;
						bottom: 0;
						z-index: 400;
						border-left: 2px solid #9B2041;
						}
}


@media (min-width: 600px) and (max-width: 805px) {

	nav {
	    left: 0%;
	}

	nav ul li a {
				font-size: 1em;
				display: block;
			    height: 50px;
			    margin-right: 25px;
			    padding: 37px 0 8px;
				}

				nav ul li a:hover {
					margin-right: 25px;
				    padding: 37px 0 10px;

					}

					nav ul li a.active {
						margin-right: 25px;
						padding: 37px 0 10px;
								}

}



@media (min-width: 240px) and (max-width: 599px) {

	a, nav {	
	font-size: 1em;
	}

	header, .content-wrapper , footer {
		position: relative;
		left: 50%;
		width: 100%;
		margin-left: -50%;
		overflow: hidden;
		}

		header {
			height: 100px;
			z-index: 200;
			overflow: visible;
			position: fixed;
			}


		header.startseite, .content-wrapper.startseite , footer.startseite {
			position: relative;
			left: 50%;
			width: 100%;
			margin-left: -50%;
			overflow: hidden;
			}

			header.startseite {
				height:  0px;
				}
			

	header .logo-wrapper-s {
		position: absolute;
		height: 100px;
		width: 50%;
		margin: 0px;
		background-color: #fff;
		z-index: 150;
		box-shadow: 2px 2px 5px rgba(0,0,0,.2);
		}

		header .logo {
			position: absolute;
			background: url(../img/logo-min.png);
			background-size: cover;
			height: 80px;
			width: 90px;
			left: 50%;
			margin: 10px 0 0 -45px; 
			
			}

	

		.content-wrapper {
			background: url(../img/paper-corner-s.svg) no-repeat bottom right;
			z-index: 100;
			padding-bottom: 40px;
			}


			.content-wrapper a.logo {
				display: none;
				}

			.content-wrapper.startseite {
				position: absolute;
				height: 360px;
				background: url(../img/paper-corner-start.svg) bottom right;
				padding: 0 0 50px;
				z-index: 100;
				}

			.nav-icon {
				position: absolute;
				height: 100px;
				width: 50%;
				left: 50%;
				background: #323232;
				z-index: 140;
				overflow: hidden;
				box-shadow: 2px 2px 5px rgba(0,0,0,.2);
				}

			.nav-open-icon {
				position: absolute;
				height: 100px;
				width: 100%;
				left: 0%;
				z-index: 140;
				}

				.nav-open-icon:hover {
					cursor: pointer;
					}

				.nav-open-icon ul {
					left: 50%;
				    margin-left: -15px;
				    position: absolute;
				    top: 33px;
				    width: 100%;
					}

					.nav-open-icon ul li {
						width: 30px;
						height: 5px;
						background: #fff;
						margin-bottom: 4px;
						}


			.nav-close-icon {
				position: absolute;
				height: 100px;
				width: 100%;
				left: 0%;
				background: #323232;
				z-index: 140;
				top: -100px;
				cursor: pointer;
				background: url(../img/nav-close-btn.png) no-repeat;
				background-position: 50% 48%;
				}






			nav {
				top: 30px;
				left: 0%;
				display: block;
				background: #f0f0f0;
				z-index: 120;


				}

				nav ul {
					height: 0;
					position: relative;
					top: 0;
				}

					nav ul li {
						float: none;
						text-align: center;
						height: 0px;
						}

						
					nav ul li a {
							background: none repeat scroll 0 0 rgba(50,50,50,.99);
						    display: block;
						    font-size: 1.2em;
						    margin-bottom: 2px;
						    padding: 20px 0px 18px 0;
						    z-index: 200;
						    height: 16px;
							}

							nav ul li a:hover {
								background: none repeat scroll 0 0 rgba(50,50,50,.99);
								display: block;
							    height: 16px;
							    padding: 20px 0px 18px 0;
								text-decoration: none;
								border-top: none; 
								}

							nav ul li a.active {
								background: #9f0000;
								padding: 20px 0px 18px 0;
								text-decoration: none;
								border-top: none; 
								}

							.nav-link1 a,
							.nav-link2 a,
							.nav-link3 a,
							.nav-link4 a,
							.nav-link5 a,
							.nav-link6 a {
								position: absolute;
								width: 100%;
								top: 0;
								box-shadow: 2px 2px 6px rgba(0,0,0,.2);
								}

								.nav-link1 a {
									z-index: 190;
									}
									.nav-link2 a {
										z-index: 180;
										}
										.nav-link3 a {
											z-index: 170;
											}
											.nav-link4 a {
												z-index: 160;
												}
												.nav-link5 a {
													z-index: 150;
													}
													.nav-link6 a {
														z-index: 140;
														}
				nav.subnav {
					display: none;
				}



			

	article {
	    color: #000;
	    left: 10%;
	    margin-top: 50px;
	    position: relative;
	    width: 80%;
		}

		article.people-page-s {
			padding-bottom: 90px;
		}

		article.startseite {
		    color: #000;
		    left: 0%;
		    margin-top: 50px;
		    position: relative;
		    width: 100%;
			}

			article .logo {
				position: absolute;
				background: url(../img/logo.png);
				background-size: cover;
				top: -20px;
				left: 50%;
				height: 240px;
				width: 240px;
				margin-left: -120px;
				}

				article h1 {
					margin-left: 0%;
					margin-top: 70px;
					}

					article h2 {
					    font-size: 1.4em;
					    margin: 90px 0 5px;
					    position: relative;
					}

				article p {
					padding: 20px 0px 50px 0px;
					}

					article .contact_txt {
						height: 240px;
						width: 100%;
						position: relative;
						padding-bottom: 50px;
						}

						article .contact_txt a {
							height: 0;
								padding-bottom: 20px;
								width: 200px;	
								position: absolute;
								color: 	#000;
								background-size: cover;
								background-position: 0px 102%;
							}

							article .contact_txt a:hover {
								height: 0;
								}

					article ul li.imprint-list{
						float: none;
					    margin-right: 5%;
					    width: 100%;
						}

					article.people_detail p {
					padding: 158% 0px 30px;
					}

				article.startseite .click_here a {
						font-size: 1.3em;
					    height: 30px;
					    left: 100%;
					    margin-left: -90px;
					    padding: 10px;
					    position: absolute;
					    top: 280px;
					    width: 30px;
							}

							.prev-btn {
							    font-size: 1.6em;
							    left: 100%;
							    margin: -75px 0 0 -55px;
							    position: absolute;
								}

							.next-btn {
							    font-size: 1.4em;
    							margin: -35px 0 0 -85px;
								}

								.next-btn a {
								    left: 0;
								    padding: 30px;
								    position: absolute;	
								    background-position: 10px 30px;
									}

									.next-btn a:hover {
									    background-position: 15px 30px;
										}


			.social_btn-wrap {
			    display: block;
			    height: 50px;
			    padding: 0 0 50px;
			    position: relative;
			    width: 200px;
				}



/* Picture list of People Page */
article.people_detail {
		    color: #000;
		    display: inline-block;
		    left: 10%;
		    margin-top: 50px;
		    position: relative;
		    width: 80%;
		    padding-bottom: 0px;
			}

		article .people-list {
			float: left;
			width: 100%;
			}

		article .people-img-wrap {
			position: relative;
			height: auto;
			width: 100%;
			overflow: hidden;
			}

			article .people-img-wrap img {
			position: relative;
				width: 100%;
				overflow: hidden;
				}

		article .people-name-wrap {
			position: relative;
			width: 100%;
			margin: 0 0 30px 0;	
			overflow: hidden;
			margin-top: -5px;
			}

			
			article .people-name-list a {
				font-size: 1.4em;
			    margin: 0;
			    color: #323232;
			    font-weight: bold;
			    padding: 17px 10px 19px 15px;
			    display: block;
				}

				article .people-name-list a:hover {
					text-decoration: underline;
				   	cursor: pointer;
					}

					article .people-name-list a:active {
					color: #fff;
					}	

					.klammer{
						background: url("../img/klammer.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
					    height: 80px;
					    left: 80%;
					    margin-left: -42px;
					    position: absolute;
					    top: 167px;
					    width: 45px;
					    z-index: 300;
						}	


					.profil_pic img {
							background-size: cover;
						    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
						    height: auto;
						    left: 10%;
						    margin-left: 0;
						    position: absolute;
						    top: 200px;
						    transform: rotate(-2deg);
						    -webkit-transform: rotate(-2deg);
						    -moz-transform: rotate(-2deg);
						    -o-transform: rotate(-2deg);
						    width: 80%;
							}


		article.brands {
			    color: #000;
			    display: inline-block;
			    left: 0%;
			    margin: 125px 0 100px;
			    position: relative;
			    width: 100%;
				}
			article.brands ul {
				position: relative;
				width: 322px;
				left: 50%;
				margin-left: -162px;
				
				}

				article.brands ul li {
					height: 160px;
					width: 160px;
					border-top: 1px solid rgba(0,0,0,.0);
					border-left: 1px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					}

					article.brands ul li .brand-shutter {
						position: absolute;
						top: 0px;
						left: 0;
						width: 160px;
						height: 160px; 
						z-index: 500;
						}

						article.brands ul li .brand-shutter span {
						    color: #fff;
						    display: block;
						    font-size: 1.2em;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    text-align: center;
						    top: 50%;
						    width: 100%;
						}

					article.brands h1 {
				    left: 50%;
				    margin: 0px 0 25px -160px;
				    position: relative;
				    width: 320px;
					}

					article.brands ul li img {
						position: relative;
						left: -60%;
						top: -60%;
						opacity: .1;
						}

						article.article-test h6 {
						    font-family: 'Ciutadella-Light';
						    font-size: 1.4em;
						    margin-bottom: 0;
							}

					

/* END Picture list */

					section.social_btn {
						position: relative;
						left: 10%;
						}


footer.startseite {
	overflow: visible;
	}


footer {
	position: relative;
	bottom: 0;
	height: 100px;
	width: 100%;
	margin: 0;	
	left: 0;
	}


	.footer-list {
		display: block;
		}


					footer ul.startseite {
					    left: 50%;
					    margin-left: -140px;
					    padding-bottom: 30px;
					    position: absolute;
					    top: 430px;
					    width: 280px;
					    font-family: 'CoolCrayon';
					    font-size: 0.7em;
					}

					footer ul.unterseite {
					    left: 50%;
					    margin-left: -120px;
					    padding-bottom: 30px;
					    position: absolute;
					    width: 280px;
					    font-family: 'CoolCrayon';
					    font-size: 0.7em;
					}

					footer ul.unterseite li a {
					    font-family: 'CoolCrayon';
						}




section {
    display:block;
    width: 100%;

	}

	form .item {
	    display: inline-block;
	    height: 80px;
	    margin-bottom: 0px;
	    padding: 0;
	    position: relative;
	    width: 93%;
		}

		

		.item .tooltip {
			display: none;
			}

			.item .tooltip .content {
			    width: 100px;
				}

				.item .tooltip .content b {
				    border-color: #333 #333 transparent transparent;
				    border-style: solid;
				    height: 0;
				    left: -14px;
				    position: absolute;
				    top: 8px;
				    width: 0;
				}



	.item label span{ 
		float:left; 
		width:160px; 
		text-transform:
		capitalize; 
		line-height:2em; 
		overflow: hidden;
		font-size: 1.2em;
		}

		.item label, .label{ 
		  float:left; 
		  cursor:default; 
		  width: 100%;
		  }


		.item .alert {
		    display: block;
		    left: 100% !important;
		    margin-left: -157px;
		    position: absolute;
		    top: 7px;
		    width: 160px;
			}

			.item .alert:after {
			    border-style: none;
				}

			.item input, .item textarea{ 
			  float:left; 
			  width:100%; 
			  -webkit-transition:0.2s; 
			  -moz-transition:0.2s; 
			  transition:0.2s;
			  resize: none;
			  margin: 0;font-size: 1.1em;
			  }

			  .item textarea{ 
			  	height: 180px;
			  }

			.item select {
			    border: 1px solid #fff;
			    float: left;
			    padding: 9px 0px 5px 10px;
			    text-transform: none;
			    width: 106%;
			    font-family: 'Noto Sans', sans-serif;
			    margin: 0 20px 0 0;
			    font-size: 1.1em;
			    }

			    .item select option{ 
			    	margin: 2px 10px;
			    	padding: 2px;
			    	font-size: 1.1em;
			    	}

			    .bad input,
				.bad select,
				.bad textarea{  
				  box-shadow:0 0 4px 0px #CE5454; 
				  position:relative; left:0; 
				  -moz-animation:.7s 1 shake linear; 
				  -webkit-animation:0.7s 1 shake linear; 
				  font-family: 'Noto Sans', sans-serif;
				  border: 1px solid #9f0000;
				  margin-top: -1px;

				}


				button[type="submit"] {
				    background: none repeat scroll 0 0 #323232;
				    border: medium none;
				    box-shadow: none;
				    color: #efefef;
				    font-size: 1.1em;
				    margin: 170px 0 50px;
				    padding: 9px 25px;
					}

					.puestion-set {
					    display: block;
					    margin-left: -5%;
					    padding: 0 20px 40px;
					    position: relative;
					    width: 90%;
						}

						.puestion-set ul {
							padding-left: 20px;
							margin-left: 0px;
							overflow: hidden;
							height: 0px;
							border-bottom: 1px dashed #7a7a7a;
							}

							.puestion-set li input {
								position: absolute;
								right: -13%;
								top: 0;
								height: 25px;
								width: 25px;
								border-radius: none; 
								}

								.question-title {
								    cursor: pointer;
								    display: block;
								    font-family: 'Ciutadella-Light';
								    font-size: 1.3em;
								    padding-bottom: 40px;
								    position: relative;
								    width: 100%;
									}

								.question-title span {
									color: #9f0000;
								    float: left;
								    font-family: 'Ciutadella-Medium';
								    height: 85px;
								    margin-right: 4px;
									}

					input#value-ausgabe {
							background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
						    border: medium none;
						    color: #9f0000;
						    font-size: 1.2em;
						    height: 30px;
						    left: 50%;
						    margin-left: -60px;
						    position: relative;
						    top: -420px;
						    width: 120px;
							}

							.test-ergebnis ul li h6 {
							    cursor: pointer;
							    height: 60px;
							    position: relative;
							    width: 30.3%;
							    z-index: 200;
							    font-size: 1.3em;
							    border: 1px solid;
								}

								.h6_active {
												background: url(../img/punkt-pfeil.png) no-repeat;
												background-position: center 60px; 
												text-decoration: none;
												}

								.test-ergebnis ul li p {
										height: 0;
										overflow: hidden;
										padding: 0;
										position: relative;
										top: -20px;
										font-size: 1em;
										}

										.test-ergebnis ul li p.txt {
											top: 20px;
											line-height: 1.4em;
											}


											article.article-test p {
												padding: 20px 0 50px;
												line-height: 1em;
												}

												/* Service Page */



				article.services {
			    color: #000;
			    display: inline-block;
			    left: 0%;
			    margin: 70px 0 100px;
			    position: relative;
			    width: 100%;
				}


			article.services ul {
				margin-left: 0px ;
				border: 5px;
				position: relative;
				
				}

				article.services ul li.list1 {
					height: 320px;
				
					}

				

				article.services ul li.list2 {
					height: 250px;
					margin-top: 10px;
				
				}


				article.services ul li.list3 {
					height: 210px;
					margin-top: 10px;
				
				}

				article.services ul li.list4 {
					height: 190px;
					margin-top: 10px;
				
				}

				article.services ul li.list5  {
					height: 190px;
					margin: 10px 0 60px 0;
				
				}

				article.services ul li.list-small {
						width: 41%;
					
					}

					article.services ul li.list-big {
						width: 59%;
					
					}

					article.services ul li.list-big ul li {
						width: 100%;
					
					}

				/**/
				article.services ul li {
					height: 350px;
					width: 100%;
					border-top: 5px solid rgba(0,0,0,.0);
					float: left;
					overflow: hidden;
					position: relative;
					z-index: 600;
					font-size: .95em;
					}

					

					article.services ul li .service-shutter {
						border-right: 1px solid #c2c2c2;
					    height: 85%;
					    left: 20px;
					    margin-top: 25px;
					    position: absolute;
					    top: 0;
					    width: 299px;

						}

						article.services ul li .service-shutter span {
						    color: #000;
						    display: block;
						    font-size: 1.1em;
						    letter-spacing: .5px;
						    height: 20px;
						    margin-top: -10px;
						    position: relative;
						    font-weight: bold;
						    top: 10px;
						    width: 100%;
						    text-decoration: underline;
						    z-index: 1000;
						}

						article.services ul li .service-shutter-nobg {
							position: absolute;
							top: 0px;
							left: 0px;
							width: 100%;
							height: 100%; 
							}

						article.services ul li .service-shutter-nobg ul {
						    color: #000;
						    display: block;
						    font-size: 1em;
						    height: 100%;
						    width: inherit;

						}

						/**/
						article.services ul li .service-shutter-nobg ul li {
						    height: 15px;
						    left: 15%;
						    margin: 0;
						    top: 24px;
						    list-style: square;
						    overflow: visible;
						}

						article.services ul li .service-shutter-nobg ul li.space {
						    height: 36px;
						}

				article.services h1 {
					font-size: 1.3em;
    				margin: 50px 0 30px 10%;

					}

				/**/
				article.services ul li .shutter-bgr {
					position: absolute;
					background: #fff;
					left: -101%;
					width: 97.5%;
					top: 0;
					bottom: 0;
					z-index: 400;
					border-right: 5px solid #9B2041;
					}

					/**/
					article.services ul li .shutter-bgl {
						position: absolute;
						background: #fff;
						right: -101%;
						width: 96%;
						top: 0;
						bottom: 0;
						z-index: 400;
						border-left: 5px solid #9B2041;
						}



}