body {
	margin: 0;
    background: #d3edd3;
    font-family: Tahoma,Arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#404040;
    line-height:12px;
}

/* news lupe */
.loupe {border-radius:250px;width:250px !important;height:250px !important;}
/* news lupe */

p {
    font-family: Tahoma,Arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#404040;
	}
p2 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#004000;
	}
p3 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#004000;
	}
p4 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:16px;
    font-weight:bold;
    color:#004000;
	}
p5 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:16px;
    font-weight:normal;
    color:#004000;
	}

a.global:link {color:#00c000; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
a.global:visited {color:#00c000; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
a.global:active {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
a.global:hover {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}	
	
	
a.greener:link {color:#004000; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
a.greener:visited {color:#004000; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
a.greener:active {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
a.greener:hover {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
	
/* footer fonts */
p10 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#ffffff;
	}
p20 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
	}
p30 {
    font-family: Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#ffffff;
	}
a.footer:link {color:#ffffff; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
a.footer:visited {color:#ffffff; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
a.footer:active {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
a.footer:hover {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
/* footer fonts */

/* lightshow reference links */
a.example-image-link:link {color:#404040; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
a.example-image-link:visited {color:#404040; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
a.example-image-link:active {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
a.example-image-link:hover {color:#ff6600; text-decoration:none; font-family: Tahoma,Arial,sans-serif; font-size:14px; font-weight:normal;}
/* lightshow reference links */

#socialmediabox { 
	position: absolute;   
    /* height: auto; width: 200px; */    
    left: -36px; top: 150px; 
	}
#socialmediabox:hover {
	position: absolute;   
    /* height: auto; width: 200px; */    
    left: 0px; top: 150px;
}

#wetter { 
	position: absolute;   
    /* left: -160px; top: 350px; */
	left: 50%; top: -150px; 
margin-top: 0px;
margin-left: -300px;
	}
#wetter:hover {
	position: absolute;   
    left: 50%; top: 0px; */
margin-top: 0px;
margin-left: -300px;
}

/* slider start */
.slider {
  margin: 0px auto;
  width: 1196px;
  height: 250px;
  overflow: hidden;
  border: 1px solid;
  border-top-color: #fff;
  border-left-color: #fff;
  border-bottom-color: #fff;
  border-right-color: #fff;
  position: relative;
}

.photo {
  position: absolute;
  animation: round 36s infinite;
  opacity: 0;
}

@keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
/*
img:nth-child(1) {
  animation-delay: 12s;
}
img:nth-child(2) {
  animation-delay: 8s;
}
img:nth-child(3) {
  animation-delay: 4s;
}
img:nth-child(4) {
  animation-delay: 0s;
}
*/


img:nth-child(1) {
  animation-delay: 32s;
}
img:nth-child(2) {
  animation-delay: 28s;
}
img:nth-child(3) {
  animation-delay: 24s;
}
img:nth-child(4) {
  animation-delay: 20s;
}
img:nth-child(5) {
  animation-delay: 16s;
}
img:nth-child(6) {
  animation-delay: 12s;
}
img:nth-child(7) {
  animation-delay: 8s;
}
img:nth-child(8) {
  animation-delay: 4s;
}
img:nth-child(9) {
  animation-delay: 0s;
}




/* slider end */







/* references toggle */
label {
  cursor: pointer;
}
#menu-toggle {
  display: none; /* hide the checkbox */
}
#menu {
  display: none;
}
#menu-toggle:checked + #menu {
  display: block;
}
/* references toggle */

/* kontaktform */
#KontaktForm {
font-family: Verdana,sans-serif;
font-size: 12px;
color: #5F5F5F;
background-color: #FFFFFF;
border: 1px solid #CFCFCF;
width: 100%;
line-height:130%;
text-align: left;
}

.kurz {
color: #5F5F5F;
background-color: #FFFFFF;
border: 1px solid #7F9DB9;
width: 50px;
height: 20px;
line-height: 130%;
text-align: center;
}

input, textarea {
border: 1px solid #AFAFAF;
background-color: #FFFFFF;
width: 250px;
}

.butt {
cursor: pointer;
color: #5F5F5F;
background-color: #FAFAFA;
width: 100px;
}
/* kontaktform */


/* read more toggle */
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
/*  padding: 0 .5em; */
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}
/* read more toggle */

/* hide / show newstext */
	#wrap {
		font: 1.3em/1.3 Arial, Helvetica, sans-serif;
		width: 30em;
		margin: 0 auto;
		padding: 1em; }

	/* This CSS is used for the Show/Hide functionality. */
	.more {
		display: none;
		/*border-top: 1px solid #666;
		border-bottom: 1px solid #666; } */
	a.showLink, a.hideLink {
		text-decoration: none;
		color: #36f;
		padding-left: 8px;
		background: transparent url(down.gif) no-repeat left; }
	a.hideLink {
		background: transparent url(up.gif) no-repeat left; 
		text-decoration: none;
		}
	a.showLink:hover, a.hideLink:hover {
		border-bottom: 1px dotted #36f; 
		text-decoration: none;
		}
		
	.more {
		display: none;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666; }
	a.showLink, a.hideLink {
		text-decoration: none;
		color: #36f;
		padding-left: 8px;
		background: transparent url(down.gif) no-repeat left; }
	a.hideLink {
		text-decoration: none;
		background: transparent url(up.gif) no-repeat left; }
	a.showLink:hover, a.hideLink:hover {
		text-decoration: none;
		border-bottom: 1px dotted #36f; }	
/* hide / show newstext */


/* perso card start */

		/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

			border: 1px solid #ccc;
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 320px;
			height: 427px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 40px;
			left: 90px;
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat;
		}

		.back-title {
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 180px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 22px;
		}

		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
			font-size: 18px;
		}
/* perso card ende */