@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);

@media only screen and (max-width: 3000px){
	body{
		font-family: Calibri,Arial,sans-serif;
		line-height: 1.6;
		scroll-behavior: smooth;
		margin:0;
		padding:0;
		background:;
		background-image: url(https://ladenverwaltung.sharetopia.de/texturen/board-1614646_1920.jpg);
		background-repeat: 	;
		background-size: 100%; /* size the background image at 100% like any responsive img tag */
		
		background-position: top center;
		background-image: transparent;
	}
	.content4 {
		background: #ffffff;
		width: 85%;
		background: #ffffff;
		margin-left: auto;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #a1a1a1;
		font-family: Verdana,Arial,sans-serif;
		font-size: 12px;	
		text-align: left;
	}
	
	#content {
		margin: 15px auto;
		width: 992px; /* Feste Breite */
		color: black;
		padding: 5px 15px;
		background-color: white;
		opacity: 0.8;
	}

	/* ------------------------------------------------------ Schichtplan.php ---------------------------------------------------------------*/

	#Jahr {
		clear: left;
		margin-top: 13px;
		font-size: 60px;
		color: #800000;
		margin-left: 15px;
	}

	.colw  { margin-top:15px; margin-left:4px; float:left; width:119px; margin-right:4px; overflow:hidden; font-size:1.2em;}

	.col  { float: left; margin-left:8px; margin-right:8px; width:115px; min-height:117px; height:auto; margin-top:15px; border:1px inset grey; font-size:1.2em; }

	.col2 { float: left; margin-left:11px; margin-right:11px; width:121px; opacity:0.0; border:1px solid white; }
	.col3 { float: left; margin-left:11px; margin-right:11px; width:259px; opacity:0.0; border:1px solid white; display:inline; overflow:hidden; }
	.col4 { float: left; margin-left:11px; margin-right:11px; width:397px; opacity:0.0; border:1px solid white; display:inline; overflow:hidden; }
	.col5 { float: left; margin-left:11px; margin-right:11px; width:535px; opacity:0.0; border:1px solid white; display:inline; overflow:hidden; }
	.col6 { float: left; margin-left:11px; margin-right:11px; width:673px; opacity:0.0; border:1px solid white; display:inline; overflow:hidden; }
	.col7 { float: left; margin-left:11px; margin-right:11px; width:811px; opacity:0.0; border:1px solid white; display:inline; overflow:hidden; }
	.col8 { float: left; margin-left:11px; margin-right:11px; width:949px; opacity:0.0; border:1px solid white; display:inline; overflow:hidden; }

	#content p.vormittags {
		margin-left: .4%;
		margin-top: 5px;
		margin-bottom: 10px;
		color: #800000;
		font-size: .7em;
	}

	#content p.nachmittags {
		margin-left: .4%;
		margin-top: 5px;
		margin-bottom: 10px;
		color: #800000;
		font-size: .7em;
	}

	#content p.Text {
		margin-bottom: 5px;
	}
	
	h22 {
		color: #800000;
		font-size: 34px;
	}

	.blink {
		animation-name: animation_blink;
		animation-timing-function: ease-in;
		animation-duration: 2s; 
		animation-iteration-count: infinite;            
	}

	#abstandmini{
		padding-top: 5px;
	}
	#abstandmidi{
		padding-top: 10px;
	}
	#abstandklein{
		padding-top: 20px;
	}
	#abstandmittel{
		padding-top: 30px;
	}
	#abstandgross{
		padding-top: 50px;
	}
	.schrift_test{
		font-size:9px;
		color: red;
	}
	.schrift_normal{
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
		text-align:left;
	}
	#headnavi{
		width:100%;
		height: 38px;
		background:#ffffff;
		float:left;
		text-align: right;
		font-family: Arial;
	}
	#white{
		width:100%;
		background:#ffffff;
		float:left;
	}
	#logo{
		float:left;
		margin-left:10px;
		margin-top:3px;
	}
	.schriftnav{
		font-size:12px;
		font-family: Arial;
	}
	.slogan{
		font-family: 'Cutive Mono', serif;
		font-size:12px;
		font-weight: bold;
		margin-top:-20px;
		color: #BA0B0B;
		text-align:center;
		background:#ffffff;
	}
	#cherry-picker2{
		font-family: 'Cutive Mono', serif;
		font-size:38px; 
		color: #BA0B0B;
		text-align: center;
	}
	#suche{
		margin-top: 2px;
		text-align:center;
		padding-bottom: 15px;
	}
	.suchinput{
		font-family: Arial,sans-serif;
		color: #000000;
		font-size: 12px;
		border: 1px solid #800000;
		background-color: #FFF0FF;
		height: 22px;
		width: 250px;
		padding: 3px;
		margin-bottom: 5px;
	}
	#wo:-placeholder {
		color:    #999;
	}
	#wo::-webkit-input-placeholder {
		color:    #999;
	}
	#wo::-moz-placeholder {
		color:    #999;
	}
	#wo::-moz-placeholder {
		color:    #999;
	}
	#wo:-ms-input-placeholder {
		color:    #999;
	}
	#was:-placeholder {
		color:    #999;
	}
	#was::-webkit-input-placeholder {
		color:    #999;
	}
	#was::-moz-placeholder {
		color:    #999;
	}
	#was::-moz-placeholder {
		color:    #999;
	}
	#was:-ms-input-placeholder {
		color:    #999;
	}
	.kreis {
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
	}
	#navlogin{
		float:left;
		margin-left:10px;
		font-family: 'Cutive Mono', serif;
		font-size:12px;
		font-weight: bold;
		padding-top:2px;
		padding-right:8px;
		padding-bottom:10px;
		color: #BA0B0B;
		text-align:left;
		line-height: 1.3;
		background:#ffffff;
	}
	<!-- #mainwrapper{
		width:100%;
		height:120%;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	} -->
	#main{
		margin-top:17px;
		width:90%;
		height:120%;
		margin-left:auto;
		margin-right:auto;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	}
	#mainlogin{
		padding-left:10px;
		width:300px;
		background:#ffffff;
		height:300px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	.nachricht1 {
		width: 100%;
	}
	.nachricht2 {
		width: 50%;
	}
	.nachricht3 {
		width: 50%;
	}
	.rotinput {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 55%;
		height: 26px;
		font-weight: bold;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin: 5px;
		margin-left: 0px;
	}
	.rotinput2 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size:10px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 90%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput2b {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size:10px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 98.5%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}.rotinput2bDisabled {
		color: #C4C4C4;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		<!-- font-style: italic; -->
		border: 1px solid Gray;
		background-color: #F7F7F7;
		padding: 5px;
		width: 98,5%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput2c {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 98.5%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 150px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3Disabled {
		color: #C4C4C4;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		<!-- font-style: italic; -->
		border: 1px solid Gray;
		background-color: #F7F7F7;
		padding: 5px;
		width: 150px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3a {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 450px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3b {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 600px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3c {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 300px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3d {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 610px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3e {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 47%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3f {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 2px;
		width: 100px;
		height: 20px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3g {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 2px;
		width: 65px;
		height: 20px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3h {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 2px;
		width: 165px;
		height: 20px;
		margin-top: 3px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3i {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 2px;
		width: 120px;
		height: 20px;
		margin-top: 3px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput3j {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-style: normal;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 2px;
		width: 200px;
		height: 17px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput40 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 40px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput90 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 75px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput100 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 150px;
		height: 26px;
		margin: 5px;
		margin-left: -50px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput100b {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 100px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput100c {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 248px;
		height: 13px;
		margin: 5px;
		margin-left: -50px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput200 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 200px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput4 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 30px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput5 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 380px;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput6 {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 320px;
		min-width: 100%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput6a {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 380px;
		min-width: 30%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput60 {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:15%;
		height:26px;
		font-weight:bold;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.rotinput70p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:70%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.rotinput100p {
		color: #4F5714;
		font-family: Verdana, Arial, sans-serif;
		font-size:10px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 100%;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.rotinput15p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:15%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.rotinput53p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:53%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.rotinput54p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:54%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.blauinput {
		color:#273482;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #050c31;
		background-color: #fffff0;
		padding:5px;
		width:54%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
		text-align: left;
	}

	.rotinputx {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:120px;
		height:26px;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.rotinputy {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:200px;
		height:26px;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.rotinputarea {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:95%;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rotinputarea40p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:95%;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rotinputareaadmin {
		color: #4F5714;
		font-family: Verdana,Arial,sans-serif;
		font-size: 10px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding: 5px;
		width: 55%;
		margin: 5px;
		margin-left: 0px;
		font-weight: bold;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rotinputareax {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rotinputareab {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 3px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:95%;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rotinputareac {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 3px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:95%;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rotinputareab:before {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 28px;
		top: -17px;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 17px solid #2651A6;
	}
	.rotinputb:after {
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		left: 34px;
		top: -10px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 10px solid #3babe2;
	}
	#profil{
		min-height:50px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		margin-left:20px;
		margin-right:20px;
		margin-left:10px;
		align: center;
		max-width: 600px;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	}
	#profilname{
		font-size:24px;
		color:#800000;
		margin-bottom:5px;
		font-family: 'Cutive Mono';
		font-weight:bold;
	}
	a.classp:link{
		font-size:24px;
		color:#800000;
		text-decoration:none;
		margin-bottom:5px;
		font-family: 'Cutive Mono';
		font-weight:bold;
	}
	a.classp:visited{
		font-size:24px;
		color:#800000;
		text-decoration:none;
		margin-bottom:5px;
		font-family: 'Cutive Mono';
		font-weight:bold;
	}
	a.classp:hover{
		color:#000000;
	}

	a.classa:link{
		color:black;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classa:visited{
		color:black;
		text-decoration:none;
	}
	a.classa:hover{
		color:#04B404;
		font-weight:bold;
		text-decoration:none;
	}
	a.classb:link{
		color:#273482;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classb:visited{
		color:#273482;
		text-decoration:none;
	}
	a.classb:hover{
		color:#04B404;
		font-weight:bold;
		text-decoration:none;
	}
	a.classc:link{
		color:#FF0000;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classc:visited{
		color:#FF0000;
		text-decoration:none;
	}
	a.classc:hover{
		color:black;
		font-weight:bold;
		text-decoration:none;
	}
	a.classd:link{
		color:#a52a2a;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classd:visited{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classd:hover{
		color:black;
		font-weight:bold;
		text-decoration:none;
	}
	a.classe:link{
		color:#FF0000;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classe:visited{
		color:#FF0000;
		text-decoration:none;
	}
	a.classe:hover{
		color:#273482;
		font-weight:bold;
		text-decoration:none;
	}
	a.classf:link{
		color:#a52a2a;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classf:visited{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classf:hover{
		color:#273482;
		font-weight:bold;
		text-decoration:none;
	}
	a.classf2:link{
		color:#a52a2a;
		text-decoration:none;
		font-size:12px;
		font-family: Arial;
	}
	a.classf2:visited{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classf2:hover{
		color:#273482;
		font-weight:bold;
		text-decoration:none;
	}
	a.classg:link{
		color:#273482;
		text-decoration:none;
		font-size:14px;
		font-family: Arial;
	}
	a.classg:visited{
		color:#273482;
		text-decoration:none;
	}
	a.classg:hover{
		color:#273482;
		font-weight:bold;
		text-decoration:none;
	}

	a.class1:link{
		color:#800000;
		text-decoration:none;
		font-size:16px;
		line-height:28px;
		font-weight:bold;
		font-family: Arial;
	}
	a.class1:visited{
		color:#800000;
		text-decoration:none;
	}
	a.class1:hover{
		color:#a52a2a;
		font-weight:bold;
		text-decoration:none;
	}
	a.class2:link{
		color:#800000;
		text-decoration:none;
		font-size:13px;
	}
	a.class2:visited{
		color:#800000;
		text-decoration:none;
	}
	a.class2:hover{
		color:#a52a2a;
		text-decoration:none;
	}
	a.class3:link{
		color:#800000;
		text-align:right;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
	}
	a.class3:visited{
		color:#800000;
		text-decoration:none;
	}
	a.class3:hover{
		color:#a52a2a;
		text-decoration:none;
	}
	a.class4:link{
		color:#273482;
		font-weight: bold;
		font-size:12px;
		margin-right:10px;
		text-decoration:none;
	}
	a.class4:visited{
		color:#273482;
		text-decoration:none;
	}
	a.class4:hover{
		color:#273482;
		font-weight:bold;
		text-decoration:none;
	}
	a.classw:link{
		color:#000000;
		text-decoration:none;
		font-size:13px;
	}
	a.classw:visited{
		color:#000000;
		text-decoration:none;
	}
	a.classw:hover{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classx:link{
		color:#800000;
		font-weight: bold;
		font-size:12px;
		margin-right:10px;
		text-decoration:none;
	}
	a.classx:visited{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classx:hover{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classy:link{
		color:#800000;
		font-weight: bold;
		font-size:12px;
		text-decoration:none;
	}
	a.classy:visited{
		color:#800000;
		text-decoration:none;
	}
	a.classy:hover{
		color:#a52a2a;
		text-decoration:none;
	}
	a.classz:link{
		color:#800000;
		font-weight: bold;
		font-size:12px;
		text-align:right;
	}
	a.classz:visited{
		color:#000000;
		text-align:right;
	}
	a.classz:hover{
		color:#a52a2a;
		text-align:right;
	}
	.class11{
		color:#800000;
		font-size:16px;
		line-height:28px;
		font-weight:bold;
		font-family: Arial;
	}
	.class12{
		color:#800000;
		font-size:16px;
		line-height:28px;
		font-weight:bold;
		text-decoration:none;
		font-family: Arial;
	}
	.class12{
		color:#800000;
		font-size:16px;
		line-height:28px;
		font-weight:bold;
		text-decoration:none;
		font-family: Arial;
	}
	#uebersicht{
		margin-left:30px;
	}
	div.polaroid {
		background: #fff; /* Randfarbe */
		padding: 10px; /* Randdicke */
		width: 200px; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		-moz-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Mozilla-Browser */
		-o-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Opera */
		transform: rotate(-2deg); /* Drehung um 5 Grad f�r moderne Browser */
		float:left;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	div.polaroid img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 20px 0; /* Abstand zum Text */
	}
	div.polaroid p { /* Formatierung f�r den Text */
		text-align: center;
	}
	div.polaroiddinge2 {
		background: #fff; /* Randfarbe */
		padding: 10px; /* Randdicke */
		width: 200px; /* Breite des Bildes */
		height: 400px;
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		float:left;
		margin-top: 55px;
		margin-right: 20px;
	}
	div.polaroiddinge3 {
		background: #fff; /* Randfarbe */
		padding: 10px; /* Randdicke */
		width: 93%; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		float:left;
		margin-top: 15px;
		margin-bottom: 12px;
		margin-left: 0px;
		margin-right: 20px;
	}
	.pdivdinge{
		float:left;
	}
	.pdivdinge2{
		float:right;	
		height: 400px;
	}
	div.polaroid img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 20px 0; /* Abstand zum Text */
		max-height: 250px;
	}
	div.polaroiddinge2 img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 20px 0; /* Abstand zum Text */
		max-height: 250px;
	}
	div.polaroiddinge3 img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 20px 0; /* Abstand zum Text */
		max-height: 400px;
	}
	div.polaroid p { /* Formatierung f�r den Text */
		text-align: left;
	}
	div.polaroidklein {
		background: #fff; /* Randfarbe */
		padding: 2px; /* Randdicke */
		width: 35px; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		-moz-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Mozilla-Browser */
		-o-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Opera */
		transform: rotate(-2deg); /* Drehung um 5 Grad f�r moderne Browser */
		float:left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	div.polaroidklein img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 0px 0; /* Abstand zum Text */
	}
	div.polaroid p { /* Formatierung f�r den Text */
	}
	div.polaroidindex {
		background: #fff; /* Randfarbe */
		padding: 3px; /* Randdicke */
		width: 35px; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		-moz-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Mozilla-Browser */
		-o-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Opera */
		transform: rotate(-2deg); /* Drehung um 5 Grad f�r moderne Browser */
		float:left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	div.polaroidindex img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 0 0; /* Abstand zum Text */
		text-align: center;
	}
	div.polaroidw {
		background: #fff; /* Randfarbe */
		padding: 2px; /* Randdicke */
		width: 60px; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		-moz-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Mozilla-Browser */
		-o-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Opera */
		transform: rotate(-2deg); /* Drehung um 5 Grad f�r moderne Browser */
		float:left;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 15px;
	}
	div.polaroidw img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 0 0; /* Abstand zum Text */
	}
	div.polaroidigross {
		background: #fff; /* Randfarbe */
		padding: 2px; /* Randdicke */
		width: 90px; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		-moz-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Mozilla-Browser */
		-o-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Opera */
		transform: rotate(-2deg); /* Drehung um 5 Grad f�r moderne Browser */
		float:left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	div.polaroidigross img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 0 0; /* Abstand zum Text */
	}
	.pdiv{
		display: flex;
		align-items: center;	
	}
	div.polaroidixgross {
		background: #fff; /* Randfarbe */
		padding: 2px; /* Randdicke */
		width: 63px; /* Breite des Bildes */
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		-moz-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Mozilla-Browser */
		-o-transform: rotate(-2deg); /* Drehung um 5 Grad f�r Opera */
		transform: rotate(-2deg); /* Drehung um 5 Grad f�r moderne Browser */
		float:left;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: -20px;
	}
	div.polaroidixgross img {
		border: 1px solid #999; /* grauer Rahmen f�r das Bild */
		margin: 0 0 0 0; /* Abstand zum Text */
	}
	.pdiv{
		display: flex;
		align-items: center;		
	}
	.uemi{
		padding-left:13px;
		margin-left:63px;
	}
	.ptext{
		text-align: left;
		margin-left:33px;
	}
	div.polaroid p { /* Formatierung f�r den Text */
		text-align: center;
  	}
	.hintergrund{
		width:40%;
		margin-left:20px;
		min-width: 230px;
		padding-left: 2%;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		-webkit-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		-moz-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
	}
	.circular {
		width: 50px;
		height: 50px;
		border-radius: 25px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		overflow:hidden; /* F�r Image-Element Variante */
	}
	#navi{
		background:#ffffff;
		width:40%;
		margin-left:20px;
		padding-left: 35px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		border-color:#efefef;
	}
	#desktop-table{
		background:#ffffff;
		width:90%;
		height: auto;
		margin-left: auto;
		margin-top: 100px;
		margin-right: auto;
		margin-bottom: 100px;
		padding-left: 10px;
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 20px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
		text-align:center;
	}
	#mainleftcontent{
		font-family: Arial;
		min-height:50px;
		padding-left: 35px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top:20px;
		margin-left:20px;
		margin-right:20px;
		margin-top:20px;
		background:#ffffff;//weiss
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-size: 13px;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
		text-align:left;
	}
	#mainleftcontent2{
		min-height:50px;
		padding-left: 35px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top:20px;
		margin-left:320px;
		margin-right:20px;
		margin-top:20px;
		background:#ffffff;//weiss
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		-webkit-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		-moz-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		font-size: 13px;
		width: 40%;
		min-width: 320px;
		align: left;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	}
	#mainleftcontent4{
		width:96%;
		margin-left:auto;
		margin-right:auto;
	}
	#login{
		min-height:50px;
		padding-left: 75px;
		padding-right: 20px;
		padding-bottom: 40px;
		padding-top:40px;
		margin-left:20px;
		margin-right:20px;
		margin-top:40px;
		background:#ffffff;//weiss
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		-webkit-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		-moz-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
	}
	#nav {
		margin-top:20px;
		float:right;
		width:20%;
		margin-right: 50px;
		background:#efefef;
		height:90%;
		background:#ffffff;//weiss
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		-webkit-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		-moz-box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
	}
	#navcontent{
		background-image: url(img/navbg.png);
		min-height: 150px;
		list-style-type:none;
	}
	li:hover{
		width:200px;
		background-image: url(img/navbg_hover.png);
	}
	#navlink a:link{
		color: #800000;
		text-decoration:none;
	}
	#navlink a:hover{
		color: #800000;
	}
	h1 {
		font-family: Arial, serif;
		font-size:22px;
		font-weight: bold;
		margin:0;
		padding:0;
		padding-top:14px;
		padding-right:14px;
		padding-bottom:18px;
		color: #800000;
		text-align:left;
		line-height: 1.1em;
	}
	h2, h3, h4, h5, h7 {
		font-family: Arial, serif;
		font-size:16px;
		font-weight: bold;
		margin:0;
		padding:0;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		color: #800000;
		text-align:left;
		line-height: 1.3;
	}
	h6 {
		font-family: Arial, serif;
		font-size: 2.5em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		padding-top: 14px;
		padding-right: 14px;
		padding-bottom: 18px;
		color: #800000;
		text-align: left;
		line-height: 1.1;
	}
	h8 {
		font-family: Arial, serif;
		font-size:16px;
		font-weight: bold;
		margin:0;
		padding:0;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:10px;
		color: #800000;
		text-align:center;
		line-height: 1.3;
	}
	h9{
		font-family: Arial, serif;
		font-size:24px;
		font-weight: bold;
		margin:0;
		padding:0;
		padding-top:14px;
		padding-right:14px;
		padding-bottom:18px;
		color: #273482;
		text-align:left;
		line-height: 1.1;
	}
	h10{
		font-family: Arial, serif;
		font-size:14px;
		font-weight: bold;
		color: #273482;
		text-align:left;
		line-height: 1.1;
	}
	#container {
		width:90%;
		margin: auto;
		margin-top:2px;
		font-family: Arial;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	}
	#left {
		float: left;
		padding: 5px;
	}
	.profiluebersicht {
		width: 40%;
		margin-left:20px;
		min-width: 230px;
		margin-top:20px;
		padding-left: 2%;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border-color:#800000;	
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;		
	}
	.floaty{
		display: flex;
		justify-content: center;
	}
	.floating-box {
		float: left;
		width: 350px;
		height: 350px;
		margin: 10px;
		background:#ffffff;
		font-family: Arial;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-top:15px;
		margin-left:20px;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		border: 1px solid #a1a1a1;
		font-size: 13px;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	}
	#animation-text1 {
		animation: text1 5s linear;
		animation-iteration-count: 1;
		-webkit-animation: text1 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 10%;
		width: 60%;
		-webkit-animation-fill-mode: forwards;
		font-family:Verdana,Arial,sans-serif;
	}

	@keyframes text1 {	
		0%   	{ transform:  translate(0px, 0px);	color: #ffffff;	}
		50%  	{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%  	{ transform:  translate(0px, 0px);					}
	}

	#animation-text2 {
		animation: text2 10s;
		animation-iteration-count: 1;
		-webkit-animation: text2 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 30px;
		width: 200px;
		font-family:Verdana,Arial,sans-serif;
	}

	@keyframes text2 {
		0% 		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	@-webkit-keyframes text2 {
		0%		{ transform:  translate(0px, 0px);	color: #efefef;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);  color: #BA0B0B; }
		100%	{ transform:  translate(0px, 0px);  				}
		font-family:Verdana,Arial,sans-serif;
	}

	#animation-text3 {
		animation: text3 15s;
		animation-iteration-count: 1;
		-webkit-animation: text3 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 10px;
		width: 50%;
		animation-fill-mode: forwards;
	}

	@keyframes text3 {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	@-webkit-keyframes text3 {
		0%		{ -webkit-transform:  translate(0px, 0px);		}
		25%		{ -webkit-transform:  translate(-100px, 0px);	}
		50%		{ -webkit-transform:  rotate(180deg);			}
		100%	{ -webkit-transform:  translate(0px, 0px);		}
	}

	#animation-text4 {
		animation: text4 17s;
		animation-iteration-count: 1;
		-webkit-animation: text4 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 200px;
		animation-fill-mode: forwards;
	}

	@keyframes text4 {
		0%		{ transform:  translate(0px, 0px);					}
		10%		{ transform:  translate(0px, 0px);	color: #800000;	}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text5 {
		animation: text5 7s;
		animation-iteration-count: 1;
		-webkit-animation: text5 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 40%;
		animation-fill-mode: forwards;
		margin-left: auto;
	}

	@keyframes text5 {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text6 {
		animation: text6 9s;
		animation-iteration-count: 1;
		-webkit-animation: text6 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 15px;
		width: 50%;
		animation-fill-mode: forwards;
		margin-left: auto;
	}

	@keyframes text6 {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text7 {
		animation: text7 15s;
		animation-iteration-count: 1;
		-webkit-animation: text6 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 55px;
		width: 45%;
		animation-fill-mode: forwards;
		margin-left: auto;
		text-align:right;
	}

	@keyframes text7 {
		0%		{ transform:  translate(0px, 0px);	color: #efefef;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text1r {
		animation: text1r 5s linear;
		animation-iteration-count: 1;
		-webkit-animation: text1r 5s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 10%;
		margin-bottom: 15px;
		width: 60%;
		-webkit-animation-fill-mode: forwards;
		font-family:Verdana,Arial,sans-serif;
	}

	@keyframes text1r {	
		0% 		{ transform:  translate(0px, 0px);	color: #ffffff;			}
		30%		{ transform:  translate(0px, 0px);	color: #A1C219; 		}
		50%		{ transform:  translate(0px, 0px);	color: #00A4D9; 		}
		100%	{ transform:  translate(0px, 0px);	color: color: #243483;	}
	}

	@-webkit-keyframes text1r {
		0%		{ transform:  translate(0px, 0px);	color: #ffffff;			}
		30%		{ transform:  translate(0px, 0px);	color: #A1C219; 		}
		50%		{ transform:  translate(0px, 0px);	color: #00A4D9; 		}
		100%	{ transform:  translate(0px, 0px);	color: color: #243483;	}
	}

	#animation-text2r {
		animation: text2r 10s;
		animation-iteration-count: 1;
		-webkit-animation: text2r 10s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 30px;
		width: 200px;
		font-family:Verdana,Arial,sans-serif;
	}

	@keyframes text2r {
		0%		{ transform:  translate(0px, 0px);	color: #5C1E81;	}
		50%		{ transform:  translate(0px, 0px);	color: #2E6D91;	}
		100%	{ transform:  translate(0px, 0px);	color: #00A4D9;	}
	}


	@-webkit-keyframes text2r {
		0%		{ transform:  translate(0px, 0px);	color: #5C1E81;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%  	{ transform:  translate(0px, 0px);	color: #243483;	}
		100%	{ transform:  translate(0px, 0px);	color: #2E6D91;	}
		font-family:Verdana,Arial,sans-serif;
	}

	#animation-text3r {
		animation: text3r 15s;
		animation-iteration-count: 1;
		-webkit-animation: text3r 15s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 10px;
		width: 50%;
		animation-fill-mode: forwards;
	}

	@keyframes text3r {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #5C1E81;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	@-webkit-keyframes text3r {
		0%		{ -webkit-transform:  translate(0px, 0px);		}
		25%		{ -webkit-transform:  translate(-100px, 0px);	}
		50%		{ -webkit-transform:  rotate(180deg);			}
		100%	{ -webkit-transform:  translate(0px, 0px);		}
	}

	#animation-text4r {
		animation: text4r 17s;
		animation-iteration-count: 1;
		-webkit-animation: text4r 17s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 200px;
		animation-fill-mode: forwards;
	}

	@keyframes text4r {
		0%		{ transform:  translate(0px, 0px);					}
		10%		{ transform:  translate(0px, 0px);	color: #882491;	}
		50%		{ transform:  translate(0px, 0px);	color: #BA0D81;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text5r {
		animation: text5r 7s;
		animation-iteration-count: 1;
		-webkit-animation: text5r 7s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 40%;
		animation-fill-mode: forwards;
		margin-left: auto;
	}

	@keyframes text5r {
		0%		{ transform:  translate(0px, 0px);	color: #D50A85;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #F00013;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text6r {
		animation: text6r 9s;
		animation-iteration-count: 1;
		-webkit-animation: text6r 9s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 15px;
		width: 50%;
		animation-fill-mode: forwards;
		margin-left: auto;
	}

	@keyframes text6r {
		0%		{ transform:  translate(0px, 0px);	color: #FDC500;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #EA5016;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text7r {
		animation: text7r 15s;
		animation-iteration-count: 1;
		-webkit-animation: text7r 15s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 55px;
		width: 45%;
		animation-fill-mode: forwards;
		margin-left: auto;
		text-align:right;
	}

	@keyframes text7r {
		0%		{ transform:  translate(0px, 0px);	color: #A1C219;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #49A742;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text8r {
		animation: text4r 8s;
		animation-iteration-count: 1;
		-webkit-animation: text8r 8s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 200px;
		animation-fill-mode: forwards;
	}

	@keyframes text8r {
		0%		{ transform:  translate(0px, 0px);					}
		10%		{ transform:  translate(0px, 0px);	color: #882491;	}
		50%		{ transform:  translate(0px, 0px);	color:#FDC500 ;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	.styled-select {
	   background: url(https://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
	   height: 29px;
	   overflow: hidden;
	   width: 240px;
	}
	.styled-select select {
	   background: transparent;
	   border: none;
	   font-size: 14px;
	   height: 29px;
	   padding: 5px; /* If you add too much padding here, the options won't show in IE */
	   width: 268px;
	}
	.styled-select.slate {
	   background: url(https://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
	   height: 34px;
	   width: 240px;
	}
	.styled-select.slate select {
		border: 1px solid #ccc;
		font-size: 16px;
		height: 34px;
		width: 268px;
	}

	/* -------------------- Rounded Corners */
	.rounded {
	   -webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	   border-radius: 20px;
	}
	.semi-square {
	   -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   border-radius: 5px;
	}

	/* -------------------- Colors: Background */
	.slate   { background-color: #ddd; }
	.green   { background-color: #779126; }
	.blue    { background-color: #3b8ec2; }
	.yellow  { background-color: #eec111; }
	.black   { background-color: #000; }
	.white   { background-color: #fff; }
	/* -------------------- Colors: Text */
	.slate select   { color: #000; }
	.green select   { color: #fff; }
	.blue select    { color: #fff; }
	.yellow select  { color: #000; }
	.black select   { color: #fff; }
	.white select   { color: #800000; }

	/* -------------------- Select Box Styles: danielneumann.com Method */
	/* -------------------- Source: https://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
	#mainselection select {
	   border: 0;
	   color: #EEE;
	   background: transparent;
	   font-size: 20px;
	   font-weight: bold;
	   padding: 2px 10px;
	   width: 378px;
	   *width: 350px;
	   *background: #58B14C;
	   -webkit-appearance: none;
	}

	#mainselection {
	   overflow:hidden;
	   width:350px;
	   -moz-border-radius: 9px 9px 9px 9px;
	   -webkit-border-radius: 9px 9px 9px 9px;
	   border-radius: 9px 9px 9px 9px;
	   box-shadow: 1px 1px 11px #330033;
	   background: #58B14C url('https://i62.tinypic.com/15xvbd5.png') no-repeat scroll 319px center;
	}

	.schrift_test{
		font-size:9px;
		color: red;
	}
}

/* ************************************************* Laden-Software 3000 ********************************** */
	
	<!-- #wrapper {
		background-image: url(https://ladenverwaltung.sharetopia.de/texturen/board-1614646_1920.jpg);
		position: fixed;
		top: 0;
		width: 100%;
  		z-index: 100;
	} -->
	#intlink {
  		position: relative;
    	z-index: 9999;
		width: 100%;
		min-width: 364px;
		background: #ffffff;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: Arial;
	}
	#head {
		float:left;
		width:100%;
		min-width: 364px;
		margin-top: 0px;
		margin-bottom: 10px;
		color: #BA0B0B;
		padding-top: 20px;
		padding-bottom: 10px;
		background:#ffffff;
		text-align: center;
		font-family: 'Cutive Mono', serif;
		font-size:38px;
	}
	
	#desktop {
		background:#ffffff;
		width:85%;
		margin-left: auto;
		margin-top: 200px;
		margin-right: auto;
		margin-bottom: 100px;
		padding-left: 35px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
		text-align:left;
	}
	#desktop-small {
		background: #ffffff;
		width: 65%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 5%;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #a1a1a1;
		font-family: Verdana,Arial,sans-serif;
		font-size: 12px;	
		text-align: left;
	}
	#desktopweit {
		background: #ffffff;
		width: 230%;
		margin-left: auto;
		margin-top: 200px;
		margin-right: auto;
		margin-bottom: 100px;
		padding-left: 35px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #a1a1a1;
		font-family: Verdana,Arial,sans-serif;
		font-size: 12px;	
		text-align: left;
	}	
	div.polaroiddinge {
		background: #fff; /* Randfarbe */
		padding: 10px; /* Randdicke */
		width: 200px; /* Breite des Bildes nehmen */
		text-align: left;
		min-hight: 100px;
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		float: left;
		margin-top: 15px;
		margin-bottom: 12px;
		margin-right: 12px;
	}
	div.polaroiddinge4 {
		background: #fff; /* Randfarbe */
		padding: 10px; /* Randdicke */
		width: 15%; /* Breite des Bildes */
		min-hight: 100px;
		-webkit-box-shadow: 2px 2px 5px #999; /* Schatten f�r Webkit-Browser */
		-moz-box-shadow: 2px 2px 5px #999; /* Schatten f�r Mozilla-Browser */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		float: left;
		margin-top: 15px;
		margin-bottom: 12px;
	}
	.mitteilung {
		float: right;
		width: 70%;
		background: #ffffff;
		color: black;
		padding: 5px;
		margin-bottom: 10px;
	}
	.mitteilung2 {
		float: right;
		width: 70%;
		background: #ffffff;
		border: 2px dotted #800000;
		color: black;
		padding: 5px;
		margin-bottom: 10px;
	}

	#mainleftcontent3{
		width:55%;
		margin-left: auto;
		margin-top: 50px;
		margin-right: auto;
		margin-bottom: 20px;
		font-family: Arial;
		min-height: 50px;
		padding-left: 35px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top:20px;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-size: 13px;
		max-width:600px
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
	}
	#container {
		min-width: 364px;
	}
	.mitteilung3{
		float: right;
		width: 300px;
		background: #ffffff;
		color: red;
		padding: 5px;
	}
	.mitteilung4{
		width:70%;
		background:#ffffff;
		border: 2px dotted #800000;
		color:black;
		padding: 5px;
	}
	.mitteilung5{
		width:96.5%;
		background:#ffffff;
		border: 2px dotted #800000;
		color:black;
		padding: 5px;
	}
	.layout_x table, tr, td {
		padding: 6px;
		font-size: 13px;
		border: 1px;
		border-collapse: collapse;
	}


#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}	
	.cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 2px solid green;
  background-color: white;
}

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmark {
  background-color:#00e600;
}

/* When the checkbox is checked, add a blue background */
.cont input:checked ~ .checkmark {
  backgound-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid green;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}	
/* Create a custom checkbox */
.checkmarkr {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
   border: 2px solid red;
  background-color: white;
}

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmarkr {
  background-color: grey;
}

/* When the checkbox is checked, add a blue background */
.cont input:checked ~ .checkmarkr {
  border-color: red;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkr:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont input:checked ~ .checkmarkr:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont .checkmarkr:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid red;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}	

	
}
@media only screen and (max-width: 1000px){
/* ************************************************ Laden-Software 1000 *********************************** */
	
	.floaty{
		float:left;
		display: block;
		position: relative;
		left: 20%;
		margin: 0 auto;
	}
	.layout_x table, tr, td {
		padding: 2px;
		font-size: 10px;
		border: 1px;
		border-collapse: collapse;
	}
}

@media only screen and (max-width: 800px){
/* ************************************************ Laden-Software 800 *********************************** */

	
	h22 {
		color: #800000;
		font-size: 30px;
	}

	#desktop {
		background:#ffffff;
		width:65%;
		margin-left: auto;
		margin-top: 200px;
		margin-right: auto;
		margin-bottom: 100px;
		padding-left: 35px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;	
		text-align:left;
	}
	.mitteilung{
		float: left;
		width: 95%;
		background: #ffffff;
		color: black;
		padding: 5px;
		margin-bottom: 10px;
	}
	.mitteilung2{
		float: left;
		width: 95%;
		background: #ffffff;
		border: 2px dotted #800000;
		color: black;
		padding: 5px;
		margin-bottom: 10px;
	}
	#mainleftcontent3{
		width:70%;
		font-family: Arial;
		min-height:50px;
		padding-left: 35px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top:20px;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-size: 13px;
		width:70%;
	}
	.rotinput60 {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:15%;
		height:26px;
		font-weight:bold;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.rotinput70p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:70%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.rotinput15p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:15%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.rotinput55p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:55%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	.rotinput53p {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid  #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:53%;
		height:26px;
		font-weight:bold;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:5px;
		margin-left: 0px;
	}
	
/* ******************************************************************************************************* */
	h1{
		font-family: Arial, serif;
		font-size:18px;
		font-weight: bold;
		margin:0;
		padding:0;
		padding-bottom:10px;
		color: #800000;
		text-align:left;
		line-height: 1.2em;
	}
	.layout_a tr td {
		padding: 6px;
		font-size: 13px;
		border: 1px;
		border-collapse: collapse;
	}
	.layout_d td {
		padding: 6px;
		font-size: 13px;
		border: 1px;
		border-collapse: collapse;
	}
	.floating-box {
		float: left;
		width: 290px;
		height: 290px;
		margin: 10px;
		background:#ffffff;
		font-family: Arial;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-top:15px;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		border: 1px solid #a1a1a1;
		font-size: 10px;
	}
	.floaty{
		float:left;
		display: block;
		position: relative;
		left: 5%;
		margin: 0 auto;
	}
	#animation-text1 {
		animation: text1 5s linear;
		animation-iteration-count: 1;
		-webkit-animation: text1 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 10%;
		width: 60%;
		-webkit-animation-fill-mode: forwards;
	}

	@keyframes text1 {	
		0%		{ transform:  translate(0px, 0px);	color: #ffffff;	}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text2 {
		animation: text2 10s;
		animation-iteration-count: 1;
		-webkit-animation: text2 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 30px;
		width: 80%;
	}

	@keyframes text2 {
		0%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	@-webkit-keyframes text2 {
		0%		{ transform:  translate(0px, 0px);	color: #efefef;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);  color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text3 {
		animation: text3 15s;
		animation-iteration-count: 1;
		-webkit-animation: text3 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-left: 10px;
		width: 60%;
		animation-fill-mode: forwards;
	}

	@keyframes text3 {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	@-webkit-keyframes text3 {
		0%		{ -webkit-transform:  translate(0px, 0px);		}
		25%		{ -webkit-transform:  translate(-100px, 0px);	}
		50%		{ -webkit-transform:  rotate(180deg);			}
		100%	{ -webkit-transform:  translate(0px, 0px);		}
	}

	#animation-text4 {
		animation: text4 17s;
		animation-iteration-count: 1;
		-webkit-animation: text4 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 70%;
		animation-fill-mode: forwards;
	}

	@keyframes text4 {
		0%		{ transform:  translate(0px, 0px);					}
		10%		{ transform:  translate(0px, 0px);	color: #800000;	}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text5 {
		animation: text5 7s;
		animation-iteration-count: 1;
		-webkit-animation: text5 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 10px;
		width: 70%;
		animation-fill-mode: forwards;
		margin-left: auto;
	}

	@keyframes text5 {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text6 {
		animation: text6 9s;
		animation-iteration-count: 1;
		-webkit-animation: text6 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 15px;
		width: 70%;
		animation-fill-mode: forwards;
		margin-left: auto;
	}

	@keyframes text6 {
		0%		{ transform:  translate(0px, 0px);	color: #800000;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}

	#animation-text7 {
		animation: text7 15s;
		animation-iteration-count: 1;
		-webkit-animation: text6 3s; /* Safari & Chrome */
		-webkit-animation-iteration-count: 1;
		margin-right: 55px;
		width: 75%;
		animation-fill-mode: forwards;
		margin-left: auto;
		text-align:right;
	}

	@keyframes text7 {
		0%		{ transform:  translate(0px, 0px);	color: #efefef;	}
		10%		{ transform:  translate(0px, 0px);					}
		50%		{ transform:  translate(0px, 0px);	color: #BA0B0B;	}
		100%	{ transform:  translate(0px, 0px);					}
	}
}

@media only screen and (max-width: 678px){
/* *********************************************** Laden-Software 678 ************************************* */
	
	#mainleftcontent3{
		width:70%;
		font-family: Arial;
		min-height:50px;
		padding-left: 5px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top:20px;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-size: 13px;
		width:70%;
	}
	.rotinputx {
		color:#4F5714;
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		border: 1px solid #BDD033;
		background-color: #fffff0;
		padding:5px;
		width:80px;
		height:26px;
		margin:5px;
		margin-left: 0px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
}
/* ******************************************************************************************************** */

@media only screen and (max-width: 623px){
/* *********************************************** Laden-Software 623 ************************************* */
	
}
/* ******************************************************************************************************** */

@media only screen and (max-width: 435px){
/* *********************************************** Laden-Software 435 ************************************* */
	
	h22 {
		color: #800000;
		font-size: 18px;
	}

	#mainleftcontent3{
		width:70%;
		font-family: Arial;
		min-height:50px;
		padding-left: 5px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top:20px;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border: 1px solid #a1a1a1;
		font-size: 13px;
		width:70%;
	}
/* ******************************************************************************************************* */
	.floating-box {
		float: left;
		width: 250px;
		height: 310px;
		margin: 10px;
		background:#ffffff;
		font-family: Arial;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-top:15px;
		margin-top:50px;
		background:#ffffff;//weiss
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		border: 1px solid #a1a1a1;
		font-size: 10px;
	}
	.floaty{
		float:left;
		display: block;
		position: relative;
		left: 3%;
		margin: 0 auto;
	}
	.suchinput {
		font-family: Arial,sans-serif;
		color: #000000;
		font-size: 12px;
		border: 1px solid #800000;
		background-color: #FFF0FF;
		height: 22px;
		width: 350px;
		padding: 3px;
		margin-bottom: 5px;
	}
	.suchi2 {
		font-family: Arial,sans-serif;
		color: #000000;
		font-size: 12px;
		border: 1px solid #800000;
		background-color: #FFF0FF;
		height: 22px;
		width: 50px;
		text-indent:-10px;
		padding: 3px;
		margin-bottom: 5px;
	}
}

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

	.slogan{
		  font-size:8px;
		  font-weight: bold;
		  color: #000000;
		  text-align:center;
		  background:#ffffff;
	}
	
		.schriftnav{
			font-size:10px;
			font-family: Arial;
		}
		.suchinput {
			font-family: Arial,sans-serif;
			color: #000000;
			font-size: 12px;
			border: 1px solid #800000;
			background-color: #FFFfFF;
			height: 22px;
			width: 270px;
			padding: 3px;
			margin-bottom: 5px;
		}
		.floaty{
			float:left;
			display: block;
			position: relative;
			left: 2%;
			margin: 0 auto;
		}
		#mainleftcontent{
			font-family: Arial;
			min-height:50px;
			padding-left: 35px;
			padding-right: 20px;
			padding-bottom: 20px;
			padding-top:20px;
			margin-left:20px;
			margin-right:20px;
			margin-top:20px;
			background:#ffffff;//weiss
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			border: 1px solid #a1a1a1;
			font-size: 13px;
			font-family:Verdana,Arial,sans-serif;
			font-size:12px;	
			text-align:left;
		}
		#mainleftcontent3{
			font-family: Arial;
			min-height:50px;
			padding-left: 35px;
			padding-right: 20px;
			padding-bottom: 20px;
			padding-top:20px;
			margin-left:auto;
			margin-right:auto;
			margin-top:50px;
			background:#ffffff;//weiss
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			border: 1px solid #a1a1a1;
			font-size: 13px;
			width:80%;
			font-family:Verdana,Arial,sans-serif;
			font-size:12px;	
		}
		.rotinput {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:10px;
			border: 1px solid  #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:90%;
			height:26px;
			font-weight:bold;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
			margin:5px;
			margin-left: 0px;
		}
		.rotinput2 {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:10px;
			border: 1px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:95%;
			height:26px;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
		}
		.rotinput3 {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:11px;
			border: 1px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:180px;
			height:26px;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
		}
		.rotinput4 {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:11px;
			border: 1px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:30px;
			height:26px;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
		}
		.rotinputx {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:11px;
			border: 1px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:120px;
			height:26px;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
		}
		.rotinputy {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:11px;
			border: 1px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:200px;
			height:26px;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
		}
		.rotinputarea {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:11px;
			border: 1px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:95%;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.rotinputareab {
			color:#4F5714;
			font-family:Verdana,Arial,sans-serif;
			font-size:11px;
			border: 3px solid #BDD033;
			background-color: #fffff0;
			padding:5px;
			width:95%;
			margin:5px;
			margin-left: 0px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			border-radius:4px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.rotinputareab:before {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: 28px;
			top: -17px;
			border-left: 14px solid transparent;
			border-right: 14px solid transparent;
			border-bottom: 17px solid #2651A6;
		}
		.rotinputb:after {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			left: 34px;
			top: -10px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 10px solid #3babe2;
		}
	}
	#clr { clear: both; }
}