body {

	background-color: #656565;

}



#banner > .slider > article {

	overflow: hidden;

}



	#banner > .slider > article img {

	   animation: scale 12s infinite;

		transform: scale(2)

	}



@keyframes scale {

	0% { transform: scale(2) }

	100% { transform: scale(1.0) }

}



@media screen and (max-width:480px) {

	.logo img {

	   display: block;

	   height: 38px;

	   margin: 4px 0;

	}

}



#menu {

	background-color: #7f7f7f;

    }



/* nav img {

	display:inline-block

} */



.features img {

	max-width:100%

         }

.features a:hover {

	cursor:pointer

   }



header p {

	color:#333

         }



#seitenkopf {

	background:url(../../images/header.jpg);

   background-size:cover;

   height:23em;

}





/*.spotlights > article .image {

	min-height: 300px;

} */



#googlemap {

 width:100%;

 height:400px

 }



.mapthumbs {

 color:black

 }



.carousel {

	padding: 5em;

}



.spotlights article {

	border-top: 1px solid #eee;

}



.badge {

	background: red;

	border-radius: 5px;

	padding: 0px 6px;

	color: white;

	font-weight: bold;

	position: absolute;

	right: -10px;

	top: -10px;

}



/*iframe {

	margin: auto;

	display: block;

	max-width: 100%;

         width:840px;

         height:472px

} */





.video {

   padding:2em 16em

   }



	.videocontainer {

	  position: relative;

	  height: 0;

	  overflow: hidden;

	  padding-bottom: 56.25%;

	  max-width:100%;

	  margin:auto

	  }



	   .videocontainer iframe {

	     position: absolute;

	     top:0;

	     left: 0;

	     width: 100%;

	     height: 100%;

	   }





    /*--------------------banner--------------------*/

#banner > .items section.accent2 {

    background-color: #7f7f7f;

} /*Hintergrund accent2 - Öffnungszeiten*/

#banner > .items section.accent3 {

    background-color: #989898;

}/*Hintergrund accent3 - Stellenangebote*/





#banner > .items section.accent2 input.special[type="submit"], #banner > .items section.accent2 input.special[type="reset"], #banner > .items section.accent2 input.special[type="button"], #banner > .items section.accent2 button.special, #banner > .items section.accent2 .button.special {

    background-color: #8b8b8b;

    }/*Button accent2 - Öffnungszeiten*/

#banner > .items section.accent2 input.special[type="submit"]:hover, #banner > .items section.accent2 input.special[type="reset"]:hover, #banner > .items section.accent2 input.special[type="button"]:hover, #banner > .items section.accent2 button.special:hover, #banner > .items section.accent2 .button.special:hover {

    background-color: #a5a5a5;

}

#banner > .items section.accent2 input.special[type="submit"]:active, #banner > .items section.accent2 input.special[type="reset"]:active, #banner > .items section.accent2 input.special[type="button"]:active, #banner > .items section.accent2 button.special:active, #banner > .items section.accent2 .button.special:active {

    background-color: #a5a5a5;

    }

#banner > .items section.accent3 input.special[type="submit"], #banner > .items section.accent3 input.special[type="reset"], #banner > .items section.accent3 input.special[type="button"], #banner > .items section.accent3 button.special, #banner > .items section.accent3 .button.special {

    background-color: #a5a5a5;

    }/*Button accent3 - Stellenangebote*/

#banner > .items section.accent3 input.special[type="submit"]:hover, #banner > .items section.accent3 input.special[type="reset"]:hover, #banner > .items section.accent3 input.special[type="button"]:hover, #banner > .items section.accent3 button.special:hover, #banner > .items section.accent3 .button.special:hover {

    background-color: #c0bfbf;

}

#banner > .items section.accent3 input.special[type="submit"]:active, #banner > .items section.accent3 input.special[type="reset"]:active, #banner > .items section.accent3 input.special[type="button"]:active, #banner > .items section.accent3 button.special:active, #banner > .items section.accent3 .button.special:active {

    background-color: #c0bfbf;

}







/*-------------------page-wrapper------------------*/

#page-wrapper > *:first-child, #page-wrapper > *:last-child {

    background-color: #5a5a5a;

} /*Hintergrund oberer Teil und footer (body - page-wrapper direkt nach body)*/



.carousel.accent4 {

    background-color: #c2c2c2;

}



.subsite .wrapper:first-child {

	background: url(../../images/header.jpg) no-repeat;

	height: 23em;

   padding-top:2em !important

}



@media screen and (max-width:480px) {

	.subsite .wrapper:first-child {

	   padding-top:0em !important;

	}



	#seitenkopf {

	   height: 13em;

	   background-size: cover;

	   background-position: center;

	}

}





	.subsite .wrapper > .inner > .main {

	   background-color: #ffffff;

	   font-family: 'Merriweather', serif;

	   line-height:2em;

	   color:#333;

	   font-weight:100

	   /* font-size: 1.5em; */

	}



	@media screen and (min-width:981px) {

		.subsite .wrapper > .inner > .main {

	      padding: 6em 20em;

      }

	}





	   .subsite .wrapper > .inner > .main h1,

	   .subsite .wrapper > .inner > .main h2,

	   .subsite .wrapper > .inner > .main h3,

	   .subsite .wrapper > .inner > .main h4 {

	      font-family: 'Raleway', serif;

	   }



/*--form Startseite --*/

.wrapper > .inner > .main.accent2{

  background-color: #7f7f7f;

}



.wrapper > .inner > .main.accent2 input[type="text"]:focus, .wrapper > .inner > .main.accent2 input[type="password"]:focus, .wrapper > .inner > .main.accent2 input[type="email"]:focus, .wrapper > .inner > .main.accent2 select:focus, .wrapper > .inner > .main.accent2 textarea:focus {

    border-bottom-color: #fed586;

    border-left-color: #fed586;

    border-right-color: #fed586;

    border-top-color: #fed586;

    box-shadow: 0 0 0 1px #fed586 inset;

}





.wrapper > .inner > .main.accent2 input[type="checkbox"]:checked + label::before, .wrapper > .inner > .main.accent2 input[type="radio"]:checked + label::before {

    background-color: #eee;

    border-bottom-color: #ee;

    border-left-color: #eee;

    border-right-color: #eee;

    border-top-color: #eee;

    color: #ffffff;

}

.wrapper > .inner > .main.accent2 input[type="checkbox"]:focus + label::before, .wrapper > .inner > .main.accent2 input[type="radio"]:focus + label::before {

    border-bottom-color: #ddd;

    border-left-color: #ddd;

    border-right-color: #ddd;

    border-top-color: #ddd;

    box-shadow: 0 0 0 1px #ddd;

}







.wrapper > .inner > .main.accent2 input.special[type="submit"]:hover, .wrapper > .inner > .main.accent2 input.special[type="reset"]:hover, .wrapper > .inner > .main.accent2 input.special[type="button"]:hover, .wrapper > .inner > .main.accent2 button.special:hover, .wrapper > .inner > .main.accent2 .button.special:hover {

    background-color: #eee ;

}

.wrapper > .inner > .main.accent2 input.special[type="submit"]:active, .wrapper > .inner > .main.accent2 input.special[type="reset"]:active, .wrapper > .inner > .main.accent2 input.special[type="button"]:active, .wrapper > .inner > .main.accent2 button.special:active, .wrapper > .inner > .main.accent2 .button.special:active {

    background-color: #eee ;

}



input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus {

    border-bottom-color: #ddd;

    border-left-color: #ddd;

    border-right-color: #ddd;

    border-top-color: #ddd;

    box-shadow: 0 0 0 1px #ddd inset;

}

input[type="checkbox"]:focus + label::before, input[type="radio"]:focus + label::before {

    border-bottom-color: #ddd;

    border-left-color: #ddd;

    border-right-color: #ddd;

    border-top-color: #ddd

    box-shadow: 0 0 0 1px #ddd;

}







/*--wrapper accent 1--*/

.accent1 { background:#999}

.wrapper > .inner > .main.accent1 input.special[type="submit"]:active, .wrapper > .inner > .main.accent1 input.special[type="reset"]:active, .wrapper > .inner > .main.accent1 input.special[type="button"]:active, .wrapper > .inner > .main.accent1 button.special:active, .wrapper > .inner > .main.accent1 .button.special:active {

    background-color: #eee;

}

.wrapper > .inner > .main.accent1 {

    background-color: #eee;

}



input[type="submit"], input[type="reset"], input[type="button"], button, .button

{

    background-color: #eee;

}





 /*--button--*/

 input[type="submit"],

	input[type="reset"],

	input[type="button"],

	button,

	.button {

		color: #666 !important;

	}



		input[type="submit"]:hover,

		input[type="reset"]:hover,

		input[type="button"]:hover,

		button:hover,

		.button:hover {

			background-color: rgba(67, 75, 86, 0.05);

		}



		input[type="submit"]:active,

		input[type="reset"]:active,

		input[type="button"]:active,

		button:active,

		.button:active {

			background-color: rgba(67, 75, 86, 0.1);

		}



		input[type="submit"].special,

		input[type="reset"].special,

		input[type="button"].special,

		button.special,

		.button.special { /*button.special von Farbtypen*/

			background-color: #7f7f7f;

			color: #ffffff !important;

		}



			input[type="submit"].special:hover,

			input[type="reset"].special:hover,

			input[type="button"].special:hover,

			button.special:hover,

			.button.special:hover {

				background-color: #a5a5a5;

			}



			input[type="submit"].special:active,

			input[type="reset"].special:active,

			input[type="button"].special:active,

			button.special:active,

			.button.special:active {

				background-color: #eee;

			}



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

      .wrapper > .inner > .main.accent2 {

					background-color: #4cabb1;

					color: rgba(255, 255, 255, 0.75);

				}



.wrapper > .inner > .main.accent2 input,

.wrapper > .inner > .main.accent2 select,

.wrapper > .inner > .main.accent2 textarea {

						color: #ffffff;

					}



.wrapper > .inner > .main.accent2 a {

						color: #ffffff;

					}



.wrapper > .inner > .main.accent2 strong,

.wrapper > .inner > .main.accent2 b {

						color: #ffffff;

					}

.wrapper > .inner > .main.accent2 h1,

.wrapper > .inner > .main.accent2 h2,

.wrapper > .inner > .main.accent2 h3,

.wrapper > .inner > .main.accent2 h4,

.wrapper > .inner > .main.accent2 h5,

.wrapper > .inner > .main.accent2 h6 {

						color: #ffffff;

					}



.wrapper > .inner > .main.accent2 blockquote {

						border-left-color: rgba(255, 255, 255, 0.25);

					}



.wrapper > .inner > .main.accent2 code {

						background: rgba(255, 255, 255, 0.05);

						border-color: rgba(255, 255, 255, 0.25);

					}



					.wrapper > .inner > .main.accent2 hr {

						border-bottom-color: rgba(255, 255, 255, 0.25);

					}



					.wrapper > .inner > .main.accent2 .box {

						border-color: rgba(255, 255, 255, 0.25);

					}



					.wrapper > .inner > .main.accent2 input[type="submit"],

					.wrapper > .inner > .main.accent2 input[type="reset"],

					.wrapper > .inner > .main.accent2 input[type="button"],

					.wrapper > .inner > .main.accent2 button,

					.wrapper > .inner > .main.accent2 .button {

						background-color: transparent;

						box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);

						color: #ffffff !important;

					}



						.wrapper > .inner > .main.accent2 input[type="submit"]:hover,

						.wrapper > .inner > .main.accent2 input[type="reset"]:hover,

						.wrapper > .inner > .main.accent2 input[type="button"]:hover,

						.wrapper > .inner > .main.accent2 button:hover,

						.wrapper > .inner > .main.accent2 .button:hover {

							background-color: rgba(255, 255, 255, 0.05);

						}



						.wrapper > .inner > .main.accent2 input[type="submit"]:active,

						.wrapper > .inner > .main.accent2 input[type="reset"]:active,

						.wrapper > .inner > .main.accent2 input[type="button"]:active,

						.wrapper > .inner > .main.accent2 button:active,

						.wrapper > .inner > .main.accent2 .button:active {

							background-color: rgba(255, 255, 255, 0.1);

						}



						.wrapper > .inner > .main.accent2 input[type="submit"].special,

						.wrapper > .inner > .main.accent2 input[type="reset"].special,

						.wrapper > .inner > .main.accent2 input[type="button"].special,

						.wrapper > .inner > .main.accent2 button.special,

						.wrapper > .inner > .main.accent2 .button.special {

							box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);

							background-color: #8b8b8b;

							color: #ffffff !important; /*Sendenbutton - Schrift*/

						}



.wrapper > .inner > .main.accent2 input[type="submit"].special:hover,

							.wrapper > .inner > .main.accent2 input[type="reset"].special:hover,

							.wrapper > .inner > .main.accent2 input[type="button"].special:hover,

							.wrapper > .inner > .main.accent2 button.special:hover,

							.wrapper > .inner > .main.accent2 .button.special:hover {

								background-color: #a5a5a5;

							}



.wrapper > .inner > .main.accent2 input[type="submit"].special:active,

.wrapper > .inner > .main.accent2 input[type="reset"].special:active,

.wrapper > .inner > .main.accent2 input[type="button"].special:active,

.wrapper > .inner > .main.accent2 button.special:active,

.wrapper > .inner > .main.accent2 .button.special:active {

								background-color: #b4b4b4;

							}



.wrapper > .inner > .main.accent2 .features section {

						border-color: rgba(255, 255, 255, 0.25);

					}



.wrapper > .inner > .main.accent2 label {

						color: #666; /*Schriftfarbe der Inputfelder im Kontaktformular*/

            color: rgba(102, 102, 102, 0.75);

					}



.wrapper > .inner > .main.accent2 input[type="text"],

.wrapper > .inner > .main.accent2 input[type="password"],

.wrapper > .inner > .main.accent2 input[type="email"],

.wrapper > .inner > .main.accent2 select,

.wrapper > .inner > .main.accent2 textarea {

						background: #eee;

            /*Hintergrundfarbe der Inputfelder im Kontaktformular*/

						border-color: rgba(255, 255, 255, 0.25);

            color: #666;

					}



.wrapper > .inner > .main.accent2 input[type="text"]:focus,

.wrapper > .inner > .main.accent2 input[type="password"]:focus,

.wrapper > .inner > .main.accent2 input[type="email"]:focus,

.wrapper > .inner > .main.accent2 select:focus,

.wrapper > .inner > .main.accent2 textarea:focus {

							border-color: #fffff;

							box-shadow: inset 0 0 0 1px #fed586;

						}







.wrapper > .inner > .main.accent2 input[type="text"].invert,

.wrapper > .inner > .main.accent2 input[type="password"].invert,

.wrapper > .inner > .main.accent2 input[type="email"].invert,

.wrapper > .inner > .main.accent2 select.invert,

.wrapper > .inner > .main.accent2 textarea.invert {

							background: #ffffff;

							color: rgba(67, 75, 86, 0.75);

						}



.wrapper > .inner > .main.accent2 input[type="text"].invert::-webkit-input-placeholder,

.wrapper > .inner > .main.accent2 input[type="password"].invert::-webkit-input-placeholder,

							.wrapper > .inner > .main.accent2 input[type="email"].invert::-webkit-input-placeholder,

							.wrapper > .inner > .main.accent2 select.invert::-webkit-input-placeholder,

							.wrapper > .inner > .main.accent2 textarea.invert::-webkit-input-placeholder {

								color: rgba(102, 102, 102, 0.5) !important;

							}



							.wrapper > .inner > .main.accent2 input[type="text"].invert:-moz-placeholder,

							.wrapper > .inner > .main.accent2 input[type="password"].invert:-moz-placeholder,

							.wrapper > .inner > .main.accent2 input[type="email"].invert:-moz-placeholder,

							.wrapper > .inner > .main.accent2 select.invert:-moz-placeholder,

							.wrapper > .inner > .main.accent2 textarea.invert:-moz-placeholder {

								color: #666 !important;

							}



.wrapper > .inner > .main.accent2 input[type="text"].invert::-moz-placeholder,

.wrapper > .inner > .main.accent2 input[type="password"].invert::-moz-placeholder,

.wrapper > .inner > .main.accent2 input[type="email"].invert::-moz-placeholder,

.wrapper > .inner > .main.accent2 select.invert::-moz-placeholder,

.wrapper > .inner > .main.accent2 textarea.invert::-moz-placeholder {

								color: #666 !important;

							}



							.wrapper > .inner > .main.accent2 input[type="text"].invert:-ms-input-placeholder,

							.wrapper > .inner > .main.accent2 input[type="password"].invert:-ms-input-placeholder,

							.wrapper > .inner > .main.accent2 input[type="email"].invert:-ms-input-placeholder,

							.wrapper > .inner > .main.accent2 select.invert:-ms-input-placeholder,

							.wrapper > .inner > .main.accent2 textarea.invert:-ms-input-placeholder {

								color: #666 !important;

							}





.wrapper > .inner > .main.accent2 input[type="checkbox"]:checked + label:before,

.wrapper > .inner > .main.accent2 input[type="radio"]:checked + label:before {

						background-color: #fed586;

						border-color: #666;

						color: #ffffff;

					}



.wrapper > .inner > .main.accent2 input[type="checkbox"]:focus + label:before,

.wrapper > .inner > .main.accent2 input[type="radio"]:focus + label:before {

						border-color: #666;

						box-shadow: 0 0 0 1px #fed586;

					}



 .wrapper > .inner > .main.accent2 {

    background-color: #7f7f7f;

}



.headerpic {

	width: 100%;

	padding: 0 !important;

}



.nm_post {

	border-bottom: 1px dotted silver;

	margin-bottom: 2em;

}

	.nm_post:last-child {

	   border:none

	}



.nm_post_image img {

	display: block;

	float: left;

	width: 29%;

	margin-right: 1em;

}



	.nm_post_single .nm_post_image img {

   	width:100%;

      float:none;

      margin-bottom: 1.5em

   }



.mitarbeiter * {

	font-size: 14px;

}



legend {color:#999}