@import url(https://fonts.googleapis.com/css?family=Cutive+Mono);
.sepa-mandat { margin:24px 0 8px; padding:0; clear:both; font:normal 16px/1.6 Calibri,Arial,sans-serif; color:#000; text-align:left; letter-spacing:normal; }
.sepa-mandat .sepa-mandat-titel { margin:0 0 12px; padding:0; font:700 16px/1.4 Calibri,Arial,sans-serif; color:#000; }
.sepa-mandat .sepa-mandat-empfaenger { margin:0 0 18px; padding:0; font:normal 13px/1.6 Calibri,Arial,sans-serif; color:#000; }
.sepa-mandat .sepa-mandat-zustimmung { display:flex; align-items:flex-start; gap:10px; margin:0; padding:0; font:normal 16px/1.6 Calibri,Arial,sans-serif; color:#000; text-align:left; cursor:pointer; }
.sepa-mandat .sepa-mandat-zustimmung input[type=checkbox] { flex:0 0 auto; width:16px; height:16px; margin:5px 0 0; padding:0; cursor:pointer; }
.sepa-mandat .sepa-mandat-text { min-width:0; margin:0; padding:0; font:normal 16px/1.6 Calibri,Arial,sans-serif; color:#000; text-align:left; }
.sepa-mandat .sepa-mandat-hinweis { margin:16px 0 0; padding:0; font:normal 13px/1.6 Calibri,Arial,sans-serif; color:#000; }
.sepa-kontoinhaber{box-sizing:border-box;max-width:620px;margin:18px 0 24px;padding:0;font:normal 16px/1.6 Calibri,Arial,sans-serif;color:#273482;text-align:left;}
.sepa-kontoinhaber>summary{box-sizing:border-box;width:fit-content;max-width:100%;margin:0;padding:7px 11px;border:1px solid #7e86b5;border-radius:8px;background:#eceefa;color:#273482;font:700 16px/1.6 Calibri,Arial,sans-serif;cursor:pointer;}
.sepa-kontoinhaber[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.sepa-kontoinhaber>summary:hover{background:#e1e4f4;}
.sepa-kontoinhaber>summary:focus-visible{outline:2px solid #273482;outline-offset:3px;}
.sepa-kontoinhaber-felder{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:-1px 0 0;padding:16px;border:1px solid #aeb3d2;border-radius:0 8px 8px;background:#fff;}
.sepa-kontoinhaber-feld{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;color:#273482;font:700 16px/1.6 Calibri,Arial,sans-serif;}
.sepa-kontoinhaber-feld>span{font:inherit;color:inherit;}
.sepa-kontoinhaber-feld-breit{grid-column:1 / -1;}
.sepa-kontoinhaber .sepa-kontoinhaber-eingabe{box-sizing:border-box;width:100%;min-width:0;min-height:44px;height:auto;margin:0;padding:9px 11px;border:1px solid #aebdc9;border-radius:7px;background:#fff;color:#243451;font:normal 16px/1.4 Calibri,Arial,sans-serif;box-shadow:none;}
.sepa-kontoinhaber .sepa-kontoinhaber-eingabe:focus{outline:2px solid #005ea3;outline-offset:2px;}
@media(min-width:750px){.sepa-kontoinhaber-felder{grid-template-columns:repeat(2,minmax(0,1fr));}}
@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-image: url(https://ladenverwaltung.sharetopia.de/texturen/open.jpg);
		background-size: 100%; /* size the background image at 100% like any responsive img tag */
		
		background-position: top center;
	}
	.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;
		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;
	}
	.kreis {
		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%;
		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;
		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;
		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;
		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;
		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;
		height: 26px;
		margin: 5px;
		margin-left: 0px;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		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;
		border-radius:4px;
		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;
		border-radius:4px;
		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;
		border-radius: 4px;
		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;
		border-radius:4px;
		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;
		border-radius:4px;
		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;
		border-radius:4px;
		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;
		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;
	}
	.bestellZeileEintrag {
		margin: 0 0 1em 0;
	}
	a.bestellZeileLink {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		column-gap: 8px;
		line-height: 1.45;
	}
	.bestellSegment {
		white-space: nowrap;
	}
	.bestellHub {
		color: #000000;
	}
	.bestellHubAndere {
		color: #0057b8;
	}
	.nachpackHinweis {
		padding: 1px 5px;
		border-radius: 4px;
		background: #800000;
		color: #ffffff;
	}
	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 */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		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;
		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 */
		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 */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		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 */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		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 */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		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 */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		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 */
		box-shadow: 2px 2px 5px #999; /* Schatten f�r moderne Browser */
		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;
		border-radius:10px;
		box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
	}
	.circular {
		width: 50px;
		height: 50px;
		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;
		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;
		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 */
		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 */
		border-radius:10px;
		box-shadow:0px 1px 2px #333, inset 0 1px 0px #bd5591;
		font-size: 13px;
		width: 40%;
		min-width: 320px;
		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 */
		border-radius:10px;
		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 */
		border-radius:10px;
		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;
	}
	#navcontent 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;
		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 */
		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;
		margin-left: 10%;
		width: 60%;
		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;
		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);					}
	}


	#animation-text3 {
		animation: text3 15s;
		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);					}
	}


	#animation-text4 {
		animation: text4 17s;
		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;
		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;
		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;
		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;
		margin-left: 10%;
		margin-bottom: 15px;
		width: 60%;
		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;	}
	}


	#animation-text2r {
		animation: text2r 10s;
		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;	}
	}



	#animation-text3r {
		animation: text3r 15s;
		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);					}
	}


	#animation-text4r {
		animation: text4r 17s;
		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;
		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;
		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;
		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;
		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 {
	   border-radius: 20px;
	}
	.semi-square {
	   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;
	   appearance: none;
	}

	#mainselection {
	   overflow:hidden;
	   width:350px;
	   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/open.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;
		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;
		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;
		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;
		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 */
		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 */
		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;
  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;
}

/* 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;
  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;
  transform: rotate(45deg);
}	

	
}
.hub-artikelmenge {
	color: #111;
}

.hub-inhalt-kennung {
	color: #111;
}

.hub-suche {
	box-sizing: border-box;
	width: 50%;
	margin-right: auto !important;
	margin-left: auto !important;
}

form.hub-suche {
	grid-template-columns: minmax(0, 1fr) auto;
}

form.hub-suche.hub-suche-gefiltert {
	grid-template-columns: minmax(0, 1fr) auto auto;
}

form.hub-suche .hub-suchfeld {
	grid-column: auto;
	min-width: 0;
}

form.hub-suche > .hub-button {
	width: auto;
}

.hub-suche #suche {
	text-align: left;
}

.hub-suche .hub-suchfeld label {
	white-space: nowrap;
}

.hub-suche .hub-button-zurueck {
	padding-right: 8px;
	padding-left: 8px;
}

.hub-tabelle th,
.hub-tabelle td {
	font-size: 13px;
}

.hub-aktionsgruppe {
	position: relative;
	display: inline-block;
}

.hub-aktionsgruppe .hub-auswahl {
	position: absolute;
	top: -13px;
	right: -13px;
	z-index: 2;
	width: 29px;
	height: 29px;
	margin: 0;
	padding: 0;
}

.hub-aktionsgruppe .hub-auswahl .checkmark {
	right: 0;
	left: auto;
}

.hub-datum-wert {
	display: inline-block;
	white-space: nowrap;
}

.hub-ausgabe-abschluss {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 2px solid #c6cae4;
}

.hub-ausgabe-abschluss > form,
.hub-ausgabe-abschluss > a {
	margin: 0;
}

.hub-ausgabe-abschluss .hub-button {
	width: 100%;
	height: 100%;
	min-height: 38px;
	padding: 6px 10px;
	white-space: normal;
	text-align: center;
}

@media only screen and (min-width: 436px) and (max-width: 900px) {
	.hub-suche {
		width: 50%;
	}
	.hub-aktionsgruppe {
		display: block;
		width: 100%;
	}
	table.hub-tabelle tr {
		grid-template-columns: minmax(0, 1fr) auto auto;
		column-gap: 12px;
	}
	.hub-tabelle tr td:first-child {
		grid-column: 1 / -1;
		grid-row: 1;
	}
	.hub-tabelle tr td:nth-child(2) {
		grid-column: 2;
		grid-row: 2;
		text-align: right;
	}
	.hub-tabelle tr td:nth-child(3) {
		grid-column: 2;
		grid-row: 3;
		padding: 4px 0;
		text-align: right;
	}
	.hub-tabelle tr td:nth-child(4) {
		grid-column: 1;
		grid-row: 2;
	}
	.hub-tabelle tr td:nth-child(5) {
		grid-column: 1;
		grid-row: 3;
	}
	.hub-tabelle tr td:last-child {
		grid-column: 3;
		grid-row: 2 / 4;
		align-self: stretch;
	}
	.hub-tabelle tr td:last-child .hub-button {
		height: 100%;
	}
}

@media only screen and (min-width: 741px) and (max-width: 899px) {
	.hub-suche {
		width: 75%;
	}
}

@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;
	}
	.hub-tabelle th,
	.hub-tabelle td {
		font-size: 10px;
	}
}

@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;
		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 */
		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;
		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;
		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;
		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;
		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;
		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 */
		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;
		margin-left: 10%;
		width: 60%;
		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;
		margin-left: 30px;
		width: 80%;
	}

	@keyframes text2 {
		0%		{ 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;
		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);					}
	}


	#animation-text4 {
		animation: text4 17s;
		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;
		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;
		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;
		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: 740px){
	.hub-suche {
		width: 100%;
	}
	.hub-aktionsgruppe {
		display: block;
		width: 100%;
	}
	table.hub-tabelle tr {
		grid-template-columns: minmax(0, 1fr) auto;
	}
	.hub-tabelle tr td:last-child {
		grid-column: 1 / -1;
		grid-row: 4;
	}
	.hub-tabelle tr td:last-child .hub-button {
		height: auto;
	}
}

@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 */
		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;
		border-radius:4px;
	}
}
/* ******************************************************************************************************** */

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

@media only screen and (max-width: 435px){
/* *********************************************** Laden-Software 435 ************************************* */
	table.hub-tabelle tr {
		grid-template-columns: 1fr;
	}
	.hub-tabelle tr td:first-child {
		grid-column: 1;
		grid-row: 1;
	}
	.hub-tabelle tr td:nth-child(4) {
		grid-column: 1;
		grid-row: 2;
	}
	.hub-tabelle tr td:nth-child(5) {
		grid-column: 1;
		grid-row: 3;
	}
	.hub-tabelle tr td:nth-child(2) {
		grid-column: 1;
		grid-row: 4;
		text-align: left;
	}
	.hub-tabelle tr td:nth-child(3) {
		grid-column: 1;
		grid-row: 5;
		text-align: left;
	}
	.hub-tabelle tr td:last-child {
		grid-column: 1;
		grid-row: 6;
	}
	.hub-suche {
		width: 100%;
	}
	.hub-ausgabe-abschluss {
		grid-template-columns: 1fr;
	}

	.hub-tabelle .hub-artikelmenge {
		grid-column: 1;
		width: 100%;
		padding: 0 0 4px;
		text-align: left;
	}
	
	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 */
		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 */
		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 */
			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 */
			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;
			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;
			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;
			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;
			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;
			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;
			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;
			border-radius:4px;
			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;
			border-radius:4px;
			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; }
}

/* Fördermitgliedschaft in der Ladenverwaltung */
.foerderbeitragsauswahl {
	border: 0;
	margin: 0 0 22px;
	padding: 0;
}
.foerderbeitragsauswahl legend {
	margin-bottom: 10px;
}
.foerderbeitragsoptionen,
.zahlartauswahl {
	display: flex;
	flex-wrap: wrap;
}
.foerderbeitragsoptionen {
	gap: 10px;
	justify-content: flex-start;
	container-type: inline-size;
}
.zahlartauswahl {
	gap: 8px;
	margin: 8px 0 18px;
}
.foerderbeitragsbutton {
	position: relative;
	display: inline-flex;
	flex: 0 1 auto;
	min-height: 34px;
	margin: 0;
	cursor: pointer;
}
.foerderbeitragsbutton > input[type='radio'] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.foerderbeitragsbutton-text {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	min-height: 34px;
	padding: 4px 10px;
	border: 1px solid #273482;
	border-radius: 8px;
	background: #fafaff;
	color: #273482;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.foerderbeitragsbutton:hover .foerderbeitragsbutton-text {
	background: #eceefa;
}
.foerderbeitragsbutton > input[type='radio']:checked + .foerderbeitragsbutton-text {
	background: #273482;
	color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .22);
}
.foerderbeitragsbutton > input[type='radio']:focus-visible + .foerderbeitragsbutton-text {
	outline: 3px solid rgba(39, 52, 130, .25);
	outline-offset: 2px;
}
.foerderbeitragsbutton-frei .foerderbeitragsbutton-text {
	flex-wrap: wrap;
	gap: 7px;
}
.foerderbeitrag-frei-titel {
	display: block;
}
.foerderbeitrag-frei-eingabe {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 5px;
	white-space: nowrap;
}
.foerderbeitragsbutton-frei .foerderformular-eingabe-betrag,
.foerderformular-eingabe-betrag.foerderformular-eingabe-betrag-kurz {
	width: calc(5ch + 16px);
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
}
@container (max-width: 330px) {
	.foerderbeitragsbutton-frei {
		max-width: 100%;
	}
	.foerderbeitragsbutton-frei .foerderbeitragsbutton-text {
		width: max-content;
		max-width: 100%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
}
.foerderformular-select,
.foerderformular-eingabe {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid #7e86b5;
	border-radius: 8px;
	outline: none;
	background: #fafaff;
	color: #273482;
	font: inherit;
	box-shadow: 0 1px 3px rgba(39, 52, 130, .15);
}
.foerderformular-select {
	width: min(100%, 330px);
	height: 38px;
	padding: 5px 10px;
	cursor: pointer;
}
.foerderformular-eingabe {
	height: 36px;
	padding: 5px 9px;
}
.foerderformular-eingabe-breit {
	width: min(100%, 330px);
}
.foerderformular-eingabe-plz {
	width: 88px;
}
.foerderformular-eingabe-ort {
	width: min(calc(100% - 98px), 232px);
}
.foerderformular-eingabe-iban {
	width: min(100%, 400px);
}
.foerderformular-eingabe-betrag {
	width: 90px;
	height: 30px;
	margin: 0;
	padding: 3px 6px;
}
.foerdermitglied-suche {
	box-sizing: border-box;
	width: 100%;
	margin: 16px 0 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 19.2px;
}
.foerdermitglied-suchfeld {
	display: block;
	width: min(100%, 430px);
	margin-top: 6px;
}
.foerdermitglied-suchhinweis {
	margin: 6px 0 10px;
	color: #444;
	font-weight: 400;
}
.foerdermitglied-suchhinweis[hidden],
.foerdermitglied-suchergebnisse:empty,
.foerdermitglied-ausgewaehlt:empty {
	display: none;
}
.foerdermitglied-suchergebnisse {
	width: min(100%, 430px);
}
.foerdermitglied-suchergebnisse:not(:empty) {
	border: 1px solid #9da3c5;
	border-top: 0;
	border-radius: 0 0 7px 7px;
	overflow: hidden;
}
.foerdermitglied-namensvorschlag {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 2px 7px;
	border: 0;
	background: #fff;
	color: #171717;
	font: inherit;
	font-weight: 400;
	line-height: inherit;
	text-align: left;
	cursor: pointer;
}
.foerdermitglied-namensvorschlag:hover,
.foerdermitglied-namensvorschlag:focus-visible {
	background: #eceefa;
	color: #273482;
}
.foerdermitglied-ausgewaehlt {
	max-width: 700px;
	margin-top: 8px;
}
.foerdermitglied-ausgewaehlt a {
	color: #273482;
	font-weight: bold;
}
.foerdermitglied-statuskarte,
.foerdermitglied-kein-konto {
	box-sizing: border-box;
	padding: 11px 13px;
	border: 1px solid #7e86b5;
	border-radius: 9px;
	background: #f8f8fd;
	color: #171717;
}
.foerdermitglied-statuskarte-gesperrt,
.foerdermitglied-kein-konto {
	border-color: #a96565;
	background: #fff7f5;
}
.foerdermitglied-statuskopf {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 5px 12px;
	margin-bottom: 5px;
	color: #273482;
}
.foerdermitglied-statustitel {
	margin-bottom: 4px;
	font-weight: bold;
}
.foerdermitglied-statusdetail {
	margin-top: 2px;
	line-height: inherit;
}
.foerdermitglied-statuslink {
	display: inline-block;
	box-sizing: border-box;
	width: fit-content;
	margin-top: 9px;
	padding: 6px 10px;
	border: 1px solid #273482;
	border-radius: 7px;
	background: #eceefa;
	color: #273482;
	font: inherit;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
.foerdermitglied-statuslink:hover,
.foerdermitglied-statuslink:focus-visible {
	background: #273482;
	color: #fff;
}
#ma-eingabebereich > .zahlartauswahl {
	align-items: center;
	gap: 12px;
}
#ma-eingabebereich > .zahlartauswahl > form {
	display: flex;
	margin: 0;
	padding: 0;
}
#ma-eingabebereich > .zahlartauswahl .foerdermitglied-statuslink {
	margin: 0;
}
#ma-eingabebereich > .zahlartauswahl > button[data-panel][aria-expanded='true'] {
	background: #273482;
	color: #fff;
}
#ma-eingabebereich [data-panel-inhalt='sperre'] .foerderformular-feld + .foerderformular-absenden {
	margin-top: 16px;
}
.foerderlisten-mitglied[hidden] {
	display: none;
}
.foerderlisten-abschnitt[hidden] {
	display: none;
}
.foerderlisten-abschnitt > h2 {
	margin: 12px 0 4px;
	padding: 6px 9px;
	border-left: 4px solid #273482;
	background: #e9ebf5;
	color: #182260;
	font-size: 1.05em;
}
.foerderlisten-abschnitt-vergangen > h2 {
	border-left-color: #9b5b36;
	background: #eadfd5;
	color: #65351f;
}
.foerderlisten-kopf,
.foerderlisten-mitglied {
	display: grid;
	grid-template-columns: 34px minmax(90px, 1fr) minmax(135px, 1.5fr) minmax(88px, .85fr) minmax(120px, 1.1fr) minmax(125px, 1.1fr) minmax(105px, .9fr) minmax(95px, .85fr);
	align-items: center;
}
.foerderlisten-angaben,
.foerderlisten-hauptangaben {
	display: contents;
}
.foerderlisten-kopf {
	margin-top: 16px;
	padding: 8px 0;
	background: #f5f0ee;
	font-size: .92em;
	font-weight: bold;
}
.foerderlisten-kopf > span,
.foerderlisten-feld {
	box-sizing: border-box;
	min-width: 0;
	padding: 5px 7px;
	overflow-wrap: anywhere;
}
.foerderlisten-mitglied {
	position: relative;
	padding: 4px 0;
	border-bottom: 1px solid #d8d8e3;
}
.foerderlisten-mitglied-zukuenftig {
	border-left: 3px solid #7b83b3;
	background: #eef0f8;
}
.foerderlisten-mitglied-vergangen {
	border-left: 3px solid #b47752;
	background: #f2e8df;
}
.foerderNr {
	text-align: right;
}
.foerderBeitrag {
	text-align: right;
	white-space: nowrap;
}
.foerderStatus {
	margin: 2px 5px;
	padding: 4px 6px;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}
.foerderStatus.statusAktiv {
	background: #dff3df;
	color: #1f6b1f;
}
.foerderStatus.statusInaktiv {
	background: #fff0d9;
	color: #a35a00;
}
.foerderStatus.statusKeineBuchung {
	background: #ffe1e1;
	color: #a10000;
}
.foerderStatus.statusNullEuro {
	background: #efefef;
	color: #555;
}
.foerderlisten-zeitkennzeichnung {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 5px;
	border-radius: 8px;
	background: #e5e7f0;
	color: #555b72;
	font-size: .82em;
	font-weight: normal;
	line-height: 1.25;
	white-space: nowrap;
}
.foerderlisten-mitglied-vergangen .foerderlisten-zeitkennzeichnung {
	background: #ece8e2;
	color: #6a6259;
}
.foerderlisten-zusatzbuttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 4px;
}
.foerderlisten-zusatzbutton {
	box-sizing: border-box;
	margin: 0;
	padding: 10px 16px;
	border: 1px solid #182260;
	border-radius: 6px;
	background: #273482;
	color: #fff;
	font: inherit;
	font-weight: bold;
	line-height: 1.2;
	cursor: pointer;
}
.foerderlisten-zusatzbutton:hover,
.foerderlisten-zusatzbutton:focus-visible {
	background: #182260;
	color: #fff;
}
.foerderlisten-zusatzbutton[aria-expanded='true'] {
	background: #790000;
	border-color: #790000;
	color: #fff;
}
.foerderlisten-zusatzbutton:disabled {
	opacity: .45;
	cursor: default;
}
.foerderlisten-summe {
	display: flex;
	justify-content: flex-end;
	gap: 18px;
	padding: 12px 7px 4px;
}
.foerderlisten-feld::before {
	display: none;
}
.kuendigungsseite { box-sizing: border-box; overflow-wrap: break-word; }
.kuendigungsseite input:not([type='hidden']),
.kuendigungsseite select { box-sizing: border-box; max-width: 100%; }
.kuendigungsseite .rotinput3a { max-width: 100%; height: auto; min-height: 34px; white-space: normal; }
.kuendigung-datumsfelder { width: 100%; max-width: 980px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 18px; align-items: flex-start; }
.kuendigung-datumsgruppe { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-width: 0; max-width: 100%; }
.kuendigung-datumsgruppe > div { min-width: 0; max-width: 100%; }
.kuendigung-datumswert { display: inline-block; white-space: nowrap; }
.kuendigung-vermerkbereich { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.kuendigung-vermerk { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.kuendigung-vermerk input { width: 100%; margin: 0; }
.kuendigung-fristpruefung { min-width: 0; margin: 0; padding: 0; border: 0; }
.kuendigung-fristpruefung legend { width: 100%; padding: 0; }
.kuendigung-fristantworten { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 12px; }
.kuendigung-fristantworten label { display: inline-flex; align-items: center; gap: 5px; }
@media only screen and (max-width: 800px) {
	.kuendigungsseite { width: calc(100% - 20px); padding: 16px; }
	.kuendigung-vermerkbereich { grid-template-columns: minmax(0, 1fr); }
	.kuendigung-mitarbeiter, .kuendigung-mitarbeiter tbody, .kuendigung-mitarbeiter tr, .kuendigung-mitarbeiter td { display: block; width: 100%; box-sizing: border-box; }
	.kuendigung-mitarbeiter td + td { margin-top: 8px; }
	.kuendigung-datumsgruppe { width: 100%; }
	.foerderlisten-kopf { display: none; }
	.foerderlisten-mitglied {
		grid-template-columns: minmax(0, 1fr) max-content;
		align-items: start;
		gap: 5px 12px;
		padding: 6px 4px;
	}
	.foerderlisten-angaben {
		display: grid;
		grid-template-columns: 26px minmax(0, 1fr);
		align-items: start;
		gap: 0 8px;
		min-width: 0;
	}
	.foerderlisten-hauptangaben {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
		align-items: start;
		gap: 4px 12px;
		min-width: 0;
	}
	.foerderlisten-feld {
		display: flex;
		flex: 0 1 auto;
		flex-direction: column;
		gap: 0;
		min-width: 0;
		padding: 0;
		line-height: 1.25;
	}
	.foerderlisten-feld::before {
		content: attr(data-label);
		display: block;
		margin: 0;
		color: #691010;
		font-size: .78em;
		font-weight: bold;
		white-space: nowrap;
	}
	.foerderlisten-feld.foerderNr {
		position: static;
		flex: 0 0 auto;
		padding: 0;
		color: #666;
		font-size: inherit;
		text-align: left;
	}
	.foerderlisten-feld.foerderUsername {
		padding-right: 0;
	}
	.foerderStatus {
		margin: 0;
		padding: 1px 5px;
		text-align: left;
	}
	.foerderlisten-feld.foerderBeitrag {
		grid-column: 2;
		grid-row: 1;
		align-items: flex-end;
		padding-left: 4px;
		text-align: right;
	}
	.foerderlisten-zusatzbutton {
		flex: 1 1 220px;
	}
	.foerderlisten-summe {
		justify-content: space-between;
	}
}
.foerderformular-personendaten,
.foerderformular-lastschriftbereich {
	box-sizing: border-box;
	max-width: 700px;
	margin: -8px 0 20px;
	padding: 14px;
	border: 1px solid #aeb3d2;
	border-radius: 10px;
	background: #f8f8fd;
}
.foerderformular-huckepack {
	box-sizing: border-box;
	width: 100%;
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid #d4d8e9;
}
.foerderformular-huckepack-schalter {
	display: inline-flex;
	cursor: pointer;
}
.foerderformular-huckepack-schalter:has(input:disabled) {
	opacity: .55;
	cursor: not-allowed;
}
.foerderformular-huckepack-inhalt {
	box-sizing: border-box;
	width: 100%;
	max-width: 480px;
	margin-top: 10px;
	padding: 14px;
	border: 1px solid #aeb3d2;
	border-radius: 10px;
	background: #f8f8fd;
}
.foerderformular-huckepack-inhalt[hidden] {
	display: none;
}
.foerderformular-huckepack-inhalt p {
	margin: 0 0 12px;
}
.foerderformular-huckepack-inhalt .foerderformular-feld {
	max-width: 320px;
	margin-bottom: 10px;
}
.foerderformular-huckepack-hinweis {
	margin: 8px 0;
	color: #273482;
}
.foerderformular-huckepack-partner {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid #d4d8e9;
}
.foerderformular-huckepack-partner[hidden] {
	display: none;
}
.foerderformular-huckepack-partner h3 {
	margin: 0 0 10px;
	color: #273482;
	font-size: 1.05rem;
}
.foerderformular-huckepack-partnerliste {
	display: grid;
	gap: 10px;
	margin-bottom: 14px;
}
.foerderformular-huckepack-partnerzeile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 14px;
}
.foerderformular-huckepack-teilbetrag {
	color: #273482;
	font-weight: 700;
	white-space: nowrap;
}
.foerderformular-huckepack-partnername {
	color: #000;
	font-weight: 700;
}
.foerderformular-personendaten {
	margin-top: 4px;
}
.foerderformular-lastschriftbereich[hidden] {
	display: none;
}
.foerderformular-personendaten h2,
.foerderformular-lastschriftbereich h2 {
	margin: 0 0 12px;
	color: #000;
	font-size: 1.08rem;
}
.foerderformular-gutschrifthinweis {
	box-sizing: border-box;
	width: fit-content;
	max-width: 100%;
	margin: 10px 0 20px;
	padding: 11px 14px;
	border-left: 4px solid #273482;
	border-radius: 4px 8px 8px 4px;
	background: #f0f1f9;
	color: #111;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.foerderformular-gutschrifthinweis-mitglied {
	margin-top: 24px;
}
.foerderformular-gutschrifthinweis[hidden] {
	display: none;
}
.foerderformular-feldraster {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 12px;
}
.foerderformular-feld {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
	color: #273482;
	font-weight: bold;
}
.foerderformular-feld .foerderformular-eingabe {
	width: 100%;
}
.foerderformular-huckepack-inhalt .foerderformular-feld .foerderformular-eingabe-betrag-kurz {
	width: calc(5ch + 16px);
}
.foerderformular-feld-breit,
.foerderformular-feld-iban {
	grid-column: 1 / -1;
}
.foerderformular-feld-iban {
	max-width: 420px;
}
.foerderformular-warnung {
	max-width: 620px;
	margin: 8px 0 12px;
	padding: 8px 10px;
	border-left: 4px solid #b3261e;
	border-radius: 4px;
	background: #fff1f0;
	color: #7b1712;
	font-weight: bold;
}
.foerderformular-warnung[hidden] {
	display: none;
}
.foerderformular-select:hover,
.foerderformular-eingabe:hover {
	border-color: #273482;
	background: #f0f1f9;
}
.foerderformular-select:focus,
.foerderformular-eingabe:focus {
	border-color: #273482;
	box-shadow: 0 0 0 3px rgba(39, 52, 130, .2);
}
.foerderformular-barbereich {
	margin: 7px 0 22px;
}
.foerderformular-ehrenamtbereich {
	box-sizing: border-box;
	max-width: 700px;
	margin: -8px 0 20px;
	padding: 12px 14px;
	border-left: 4px solid #273482;
	border-radius: 4px 8px 8px 4px;
	background: #f0f1f9;
	color: #273482;
}
.foerderformular-ehrenamtbereich-ohne-gutschrifthinweis,
.foerderformular-gutschrifthinweis-mitglied[hidden] ~ .foerderformular-ehrenamtbereich {
	margin-top: 12px;
}
.foerderformular-ehrenamtbereich[hidden] {
	display: none;
}
.foerderformular-barbereich summary {
	width: fit-content;
	padding: 7px 11px;
	border: 1px solid #777;
	border-radius: 8px;
	background: #f2f2f2;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}
.foerderformular-barbereich[open] summary {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #e9e9e9;
}
.foerderformular-barinhalt {
	margin-top: -1px;
	padding: 12px;
	border: 1px solid #999;
	border-radius: 0 8px 8px 8px;
	background: #f8f8f8;
	color: #333;
}
.foerderformular-monatsliste {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	max-height: 268px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 8px;
	scrollbar-gutter: stable;
}
.foerderformular-monat {
	position: relative;
	display: block;
	min-width: 125px;
	cursor: pointer;
}
.foerderformular-monat input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.foerderformular-monat span {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	padding: 4px 9px;
	border: 1px solid #888;
	border-radius: 5px;
	background: #ededed;
	color: #333;
	font-size: .9rem;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
}
.foerderformular-monat-aktuell span {
	font-weight: 700;
}
.foerderformular-monat input:checked + span {
	border-color: #333;
	background: #444;
	color: #fff;
}
.foerderformular-monat-gesperrt {
	cursor: default;
}
.foerderformular-monat-gesperrt span {
	background: #e2e2e2;
	color: #555;
}
.foerderformular-barzusammenfassung {
	margin: 12px 0 0;
	font-weight: 700;
}
.foerderformular-monat input:focus-visible + span {
	outline: 2px solid #333;
	outline-offset: 2px;
}
.foerderformular-absenden {
	padding: 7px 13px;
	border: 1px solid #273482;
	border-radius: 8px;
	background: #273482;
	color: #fff;
	font: inherit;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(39, 52, 130, .2);
}
.foerderformular-absenden:hover {
	background: #1d2868;
}
.foerderformular-absenden:disabled {
	opacity: .5;
	cursor: not-allowed;
}
.foerderformular-absenden:focus-visible {
	outline: 3px solid rgba(39, 52, 130, .25);
	outline-offset: 2px;
}
a.foerderformular-absenden {
	display: inline-block;
	text-decoration: none;
}
a.foerderformular-absenden:hover {
	color: #fff;
	text-decoration: none;
}
a.foerderformular-absenden[hidden] {
	display: none;
}
.foerder-paypal-offen,
.foerder-paypal-bereich {
	box-sizing: border-box;
	max-width: 700px;
	margin: 16px 0 22px;
	padding: 14px;
	border: 2px solid #273482;
	border-radius: 10px;
	background: #f8f8fd;
	color: #111;
}
.foerder-paypal-bereich[hidden],
.foerder-paypal-qr[hidden],
.foerder-paypal-erfolg[hidden],
.foerder-paypal-bereich [hidden] {
	display: none;
}
.foerder-paypal-erfolg {
	margin: 12px 0;
	padding: 13px 16px;
	border: 2px solid #257b52;
	border-radius: 8px;
	background: #e7f5ed;
	color: #145334;
	font-weight: 700;
}
.foerder-paypal-offen h2,
.foerder-paypal-bereich h2 {
	margin: 0 0 10px;
	font-size: 1.08rem;
	color: #000;
}
.foerder-paypal-offen-zeile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px 0;
	border-top: 1px solid #aeb3d2;
}
.foerder-paypal-qr {
	width: min(100%, 340px);
	padding: 10px;
	border: 1px solid #aeb3d2;
	border-radius: 8px;
	background: #fff;
}
.foerder-paypal-qr svg {
	display: block;
	width: 100%;
	height: auto;
}
.foerder-paypal-bereich p {
	margin: 10px 0;
}
.foerder-paypal-bereich .foerder-paypal-hinweis {
	padding: 11px 13px;
	border-left: 4px solid #273482;
	border-radius: 5px;
	background: #e9ecfa;
	color: #17245e;
	font-weight: 700;
}

.foerder-paypal-verwerfen {
	margin-top: 8px;
	padding: 6px 10px;
	border: 1px solid #6b7280;
	border-radius: 6px;
	background: #f3f4f6;
	color: #30343b;
	cursor: pointer;
}

#foerder-paypal-qr,
#foerder-paypal-link,
#foerder-paypal-email,
.foerder-paypal-verwerfen {
	box-sizing: border-box;
	width: min(100%, 340px);
	text-align: center;
}

#foerder-paypal-link,
#foerder-paypal-email {
	padding: 6px 10px;
}

@media (min-width: 380px) {
	#foerder-paypal-link,
	#foerder-paypal-email,
	.foerder-paypal-verwerfen {
		white-space: nowrap;
	}
}

.foerder-paypal-verwerfen:hover,
.foerder-paypal-verwerfen:focus-visible {
	background: #e5e7eb;
}
.foerderbeitragsoptionen-zwei .beitragsbetrag,
.foerderbeitragsoptionen-zwei .beitragszeitraum {
	white-space: nowrap;
}
.foerderbeitragsoptionen-zwei .foerderbeitragsbutton-text {
	gap: .35em;
}
@media (max-width: 520px) {
	.foerderbeitragsoptionen-zwei .foerderbeitragsbutton-text {
		flex-direction: column;
		gap: 0;
	}
	.foerderformular-feldraster {
		grid-template-columns: 1fr;
	}
	.foerderformular-feld-breit,
	.foerderformular-feld-iban {
		grid-column: auto;
	}
}

.huckepack-seite { box-sizing: border-box; }
.huckepack-seite *, .huckepack-seite *::before, .huckepack-seite *::after { box-sizing: border-box; }
.huckepack-seite h1 { margin-top: 0; }
.huckepack-seite h1, .huckepack-seite h2 { color: #800000; }
.huckepack-seite h3, .huckepack-seite h4, .huckepack-seite h3.hp-hauptueberschrift { color: #273482; }
.hp-karte, .hp-partnerkarte { width: 100%; background: #fff; border: 1px solid #dfd4ce; border-radius: 14px; padding: 22px; margin: 20px 0; box-shadow: 0 4px 18px rgba(70, 35, 25, .07); }
.hp-karte.hp-partner-eingabe { padding-bottom: 10px; margin-bottom: 8px; }
.hp-partner-eingabe .hp-speichern-aktion { margin-top: 10px; }
.hp-partner-eingabe #hp-mitglied-bereich, .hp-partner-eingabe #hp-extern-bereich, .hp-partner-eingabe .hp-hauptfelder, .hp-partner-eingabe #hp-lastschrift-bereich, .hp-partner-eingabe #hp-paypal-bereich { margin-bottom: 0; }
.hp-partnerkarte { background: #fffdfb; margin: 14px 0; }
.hp-eingetragener-partner { max-width: none; }
.hp-karte.hp-eingetragene-partner { padding: 8px 0; border: 0; background: transparent; box-shadow: none; }
.hp-eingetragene-partner h2 { margin: 0 0 12px; }
.hp-eingetragene-partner .hp-eingetragener-partner { padding: 9px 0; margin: 0; border: 0; border-bottom: 1px solid #ddd4ce; border-radius: 0; background: transparent; box-shadow: none; }
.hp-eingetragene-partner .hp-partnerkopf { margin-bottom: 3px; }
.hp-partnerzeile { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.hp-partnerzeile > strong { color: #111; min-width: 0; overflow-wrap: anywhere; }
.hp-partnerbetrag { font-weight: 700; white-space: nowrap; }
.hp-partnermeta { flex-basis: 100%; font-size: .88em; color: #514b48; }
.hp-partnerzeile .hp-beenden-link, .hp-zahlungen-toggle { font: inherit; font-weight: 700; cursor: pointer; border: 0; border-radius: 7px; padding: 7px 10px; text-decoration: none; white-space: nowrap; }
.hp-zahlungen-toggle { background: #273482; color: #fff; box-shadow: 0 2px 5px #0002; }
.hp-zahlungen-toggle:hover { background: #1c286e; }
.hp-partnerzeile .hp-beenden-link { background: #fbe9e6; color: #800000; }
.hp-partnerzeile .hp-beenden-link:hover { background: #f4d8d2; }
.hp-beenden-vorschau { max-width: 980px; }
.hp-beenden-vorschau h2 { margin: 0 0 10px; color: #800000; }
.hp-beenden-vorschau h3 { margin: 25px 0 8px; }
.hp-beenden-datumsfelder { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 20px 0; }
.hp-beenden-datumsfelder label, .hp-beenden-paypal-termin { display: flex; flex-direction: column; gap: 8px; }
.hp-beenden-datumsfelder input, .hp-beenden-datumsfelder select, .hp-beenden-paypal-termin input { width: 190px; max-width: 100%; box-sizing: border-box; }
#hp-beenden-ergebnis { margin: 20px 0; text-align: center; }
#hp-beenden-ergebnis p { margin: 7px 0; }
.hp-beenden-aktionen button:disabled { opacity: .55; cursor: not-allowed; }
.hp-abschied-zahlen { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 20px 0 8px; }
.hp-abschied-zahlen > div { display: grid; align-content: start; gap: 6px; padding: 13px 15px; border: 1px solid #dfd4ce; border-radius: 10px; background: #fbf6f3; }
.hp-abschied-zahlen span { color: #61544f; font-size: .9em; }
.hp-abschied-zahlen strong { color: #273482; font-size: 1.18em; }
.hp-abschied-erklaerung { color: #61544f; font-size: .88em; line-height: 1.45; }
.hp-beenden-aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 22px; }
.hp-beenden-aktionen form { margin: 0; }
.hp-beenden-aktionen a, .hp-beenden-aktionen button { display: inline-block; font: inherit; font-weight: 700; cursor: pointer; border-radius: 7px; padding: 9px 13px; text-decoration: none; }
.hp-beenden-aktionen a { border: 1px solid #273482; color: #273482; background: #fff; }
.hp-beenden-aktionen button { border: 0; color: #fff; background: #800000; }
.hp-zahlungsbereich { border-top: 1px solid #ddd4d1; margin-top: 9px; padding-top: 10px; }
.hp-monatsauswahl { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 6px; margin: 10px 0; }
.hp-monatsauswahl label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.hp-zahlungsabschluss { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.hp-zahlungsabschluss label { white-space: nowrap; cursor: pointer; }
.hp-zahlungsabschluss .hp-zahlungssumme { margin-left: auto; }
.hp-zahlungsabschluss button { padding: 7px 10px; cursor: pointer; }
.hp-zahlungshinweis { margin: 7px 0 0; color: #a00000; font-weight: 700; font-size: .9em; }
@media (min-width: 900px) {
    .hp-partnerzeile { display: grid; grid-template-columns: minmax(130px, 1fr) max-content minmax(175px, 1.4fr) max-content max-content; gap: 10px 16px; }
    .hp-partnermeta { flex-basis: auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .hp-partnerzeile .hp-beenden-link { grid-column: 5; justify-self: end; }
}
.hp-feldraster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 18px 0; }
.hp-hauptfelder { display: flex; flex-wrap: wrap; align-items: end; gap: 16px 28px; }
.hp-hauptfelder label { width: auto; }
.hp-hauptfelder input[name='beitrag'] { width: 90px; }
.hp-hauptfelder input[name='start_monat'] { width: 180px; }
.hp-feldraster label, .hp-inlineformular label { display: grid; gap: 7px; font-weight: 600; }
.hp-feldraster input, .hp-feldraster select, .hp-inlineformular select { width: 100%; }
.hp-feldgruppe { margin: 16px 0; }
#hp-neu-formular .foerderbeitragsbutton:has(input:disabled) { cursor: not-allowed; }
#hp-neu-formular .foerderbeitragsbutton input:disabled + .foerderbeitragsbutton-text { opacity: .45; cursor: not-allowed; }
.hp-mitglied-auswahl { width: min(100%, 480px); margin-top: 8px; border: 1px solid #cfc7c2; border-radius: 10px; background: #fff; }
.hp-mitglied-auswahl summary { padding: 11px 14px; cursor: pointer; font-weight: 600; }
.hp-mitglied-auswahl-inhalt { padding: 12px; border-top: 1px solid #e4dcd7; }
.hp-mitglied-liste { max-height: 250px; overflow-y: auto; border: 1px solid #e4dcd7; border-radius: 8px; }
.hp-mitglied-option { display: flex; align-items: center; gap: 10px; padding: 9px 11px; cursor: pointer; border-bottom: 1px solid #eee8e4; }
.hp-mitglied-option:last-child { border-bottom: 0; }
.hp-mitglied-option:hover, .hp-mitglied-option:has(input:checked) { background: #f4f0fb; }
.hp-mitglied-option span { display: grid; min-width: 0; }
.hp-mitglied-option small { color: #665d58; overflow-wrap: anywhere; }
.hp-auswahl { display: flex; flex-wrap: wrap; gap: 8px; border: 0; padding: 0; margin: 20px 0; }
.hp-auswahl legend { font-weight: 700; margin-bottom: 10px; }
.hp-auswahl .foerderbeitragsbutton-text { white-space: nowrap; }
.hp-aufklappfeld { border: 1px solid #dfd4ce; border-radius: 10px; padding: 12px 16px; margin: 16px 0; }
.hp-aufklappfeld summary { font-weight: 700; cursor: pointer; }
.hp-klein { color: #665d58; font-size: .92em; }
.hp-meldung, .hp-fehler { padding: 12px 16px; border-radius: 10px; }
.hp-meldung { background: #e9f4e8; border: 1px solid #a8cda3; }
.hp-fehler { background: #fff0ed; border: 1px solid #d08f82; }
.hp-beitrag-fehler { color: #b00020; font-weight: 700; margin: 8px 0 0; }
.hp-partnerkopf { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; }
.hp-zieltext { margin: 12px 0; }
.hp-inlineformular, .hp-aktionen { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin: 14px 0; }
.hp-paypal-mail-status { flex: 0 0 100%; box-sizing: border-box; margin: 0; }
.hp-inlineformular label { flex: 1 1 220px; }
.hp-inlineformular button, .hp-aktionen button { width: auto; margin: 0; cursor: pointer; }
.hp-monatskalender { position: relative; width: 180px; max-width: 100%; }
.hp-monatskalender-label { display: block; margin-bottom: 7px; font-weight: 600; }
.hp-monatskalender > .hp-monatskalender-auswahl { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 37px; margin: 0; padding: 8px 10px; border: 1px solid #aaa; border-radius: 5px; background: #fff; color: #333; font: inherit; text-align: left; cursor: pointer; }
.hp-monatskalender-popup { position: absolute; z-index: 30; top: calc(100% + 5px); left: 0; width: min(260px, calc(100vw - 80px)); padding: 12px; border: 1px solid #cfc7c2; border-radius: 10px; background: #fff; box-shadow: 0 8px 22px rgba(50, 30, 20, .2); }
.hp-monatskalender-kopf { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.hp-monatskalender-kopf button, .hp-monatskalender-monate button { border: 0; border-radius: 6px; background: transparent; color: #333; font: inherit; cursor: pointer; }
.hp-monatskalender-kopf button { padding: 4px 10px; font-size: 1.5em; }
.hp-monatskalender-monate { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.hp-monatskalender-monate button { padding: 8px 3px; }
.hp-monatskalender-kopf button:hover, .hp-monatskalender-monate button:hover, .hp-monatskalender-monate button[aria-pressed='true'] { background: #f4e9e3; }
.hp-monatskalender button:disabled { color: #aaa; cursor: default; }
.hp-koppelungszahlen { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 24px; }
.hp-koppelungszahlen > div { min-width: 160px; padding: 12px 16px; border: 1px solid #dfd4ce; border-radius: 10px; background: #fff8f4; }
.hp-koppelungszahlen span, .hp-koppelungszahlen strong { display: block; }
.hp-koppelungszahlen span { color: #665d58; }
.hp-koppelungszahlen strong { margin-top: 5px; font-size: 1.45em; }
.hp-koppelungszahlen small { font-size: .65em; font-weight: 400; }
#hp-koppelungen > h2 { margin: 22px 0 8px; }
#hp-koppelungen > .hp-koppelungsbereich { margin: 12px 0; }
#hp-koppelungen .hp-koppelungsbereich > h3 { margin: 0 0 12px; }
#hp-koppelungen .hp-koppelung-zuordnung { box-sizing: border-box; max-width: 480px; border: 1px solid #b3b9df; border-radius: 10px; padding: 14px 16px; margin-top: 8px; background: #f8f8fd; }
#hp-koppelungen .hp-koppelung-zuordnung h4:first-child { margin-top: 0; }
.hp-koppelung { display: grid; gap: 6px; max-width: 640px; padding: 14px 16px; margin: 10px 0; border: 1px solid #dfd4ce; border-radius: 10px; background: #fffdfb; }
.hp-koppelung-kopf { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 20px; }
.hp-koppelung ul { margin: 0; padding-left: 20px; }
.hp-koppelung li + li { margin-top: 4px; }
.hp-koppelung-zeitraum { color: #665d58; font-size: .92em; }
#hp-koppelungen .hp-koppelung-zuordnung h4 { margin: 20px 0 6px; font-size: 1em; }
#hp-koppelungen .hp-koppelung-mitglied { max-width: 480px; margin: 3px 0 14px; line-height: 1.55; }
#hp-koppelungen .hp-koppelung-mitglied > strong { display: block; }
#hp-koppelungen .hp-koppelung-mitglied-partner { margin: 3px 0 0; padding-left: 20px; }
#hp-koppelungen .hp-koppelvorschlag { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 10px 14px; margin: 6px 0 18px; }
#hp-koppelungen .hp-koppelvorschlag > span { display: grid; gap: 3px; min-width: 0; }
#hp-koppelungen .hp-koppelvorschlag > span small { font-size: .85em; }
#hp-koppelungen .hp-koppelvorschlag > span strong { overflow-wrap: anywhere; }
#hp-koppelungen .hp-koppelvorschlag > button { justify-self: start; }
@media (min-width: 760px) {
	#hp-koppelungen .hp-koppelung-zuordnung { max-width: 1100px; }
}
@media (min-width: 1050px) {
	#hp-koppelungen .hp-koppelung-mitglied { display: grid; grid-template-columns: minmax(130px, 1.1fr) minmax(150px, 1.1fr) repeat(3, minmax(130px, 1fr)); align-items: start; gap: 6px 14px; max-width: none; padding: 9px 0; margin: 0; border-bottom: 1px solid #d9dcef; line-height: 1.4; }
	#hp-koppelungen .hp-koppelung-mitglied-partner { grid-column: 1 / -1; margin: 0; }
	#hp-koppelungen .hp-koppelvorschlag { grid-template-columns: minmax(150px, 1.1fr) minmax(120px, .8fr) minmax(230px, 1.7fr) minmax(120px, .8fr) max-content; }
}
.hp-paypalbox { padding: 16px; margin: 16px 0; border-radius: 12px; background: #f9f4f0; }
.hp-qr { width: min(210px, 100%); margin: 14px 0; }
.hp-qr svg { width: 100%; height: auto; }
.hp-zahlungen { color: #5d5650; font-size: .92em; margin: 12px 0; padding-left: 20px; }
.huckepack-seite [hidden] { display: none !important; }
@media (max-width: 680px) { .hp-karte, .hp-partnerkarte { padding: 16px; } .hp-feldraster { grid-template-columns: 1fr; } }