#TraminoContent .TraminoForm {
	font-family: Arial, sans-serif;
	position: relative;
}



#TraminoContent .TraminoForm.randlos {
	background-color: #fff;
}

.TraminoForm.popup {
	padding:5px;
}

.TraminoForm.w1260 {
	min-width: 1200px;
}

.TraminoForm.compact .label {
	display: none;
}

.TraminoForm.popup .label, .TraminoForm.popup .info {
	display: none;
}

.TraminoForm.compact .element {
	float: left;
}

.TraminoForm .element.hidden {
	display: none;
}

.TraminoForm.compact .element.right {
	float: right !important;
	padding-right: 25px !important;
}

.TraminoForm.aligned .groups { padding-left: 65px; box-sizing: border-box; }


.TraminoForm form {
	margin: 0px;
}


.TraminoForm.bigger .Widgets {
	max-width: 700px;
	margin: 0px auto;
}

.TraminoForm.bigger .Widgets .Widget {
	font-size: 15px;
}

.TraminoForm.bigger .Widgets .group {
	width: 100%;
}

.TraminoForm.bigger .Widgets .element  {

	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}


.TraminoForm.bigger .Widgets .label h4 {
	margin-bottom: 5px;
	font-size: 17px;
}

.TraminoForm.bigger .Widgets .label .help {
	color: #777;
}

.TraminoForm.bigger .Widgets .input {
	margin-top: 15px;
}






/* Einleitungstext */


.TraminoForm .intro {
	padding: 20px 0px;
}

#TraminoContent .TraminoForm .intro {
	padding: 5px 0px 15px 75px;
	position: relative;
	overflow: hidden;
	width: auto;
}

#TraminoContent.noheader  .TraminoForm .intro {
	padding: 5px 0px 20px 25px;
}
	#TraminoContent  .TraminoForm .intro.noheader {
		padding: 5px 0px 20px 25px;
	}
	
	#TraminoContent .TraminoForm .intro button {
		cursor: pointer;
	}
	
	#TraminoContent .TraminoForm .TraminoForm .intro {
		padding: 7px 20px;	
	}
	
	#TraminoContent .TraminoForm.popup .intro {
		padding:0px;
	}

	#TraminoContent .TraminoForm .intro h3 {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	#TraminoContent .TraminoForm .TraminoForm .intro h3 { font-size: 13px } 
	

	#TraminoContent .TraminoForm .intro .text {
		font-size: 13px;
		line-height: 16px;
		color: #666;
		margin: 9px 150px 4px 0px;
		max-width: 1000px;
	}

	#TraminoContent .TraminoForm .button.root a,
	#TraminoContent .TraminoForm .button.root button {
		background: #e8e8e8 !important;
		color: #fff !important;
		border-radius: 10px;
		margin-left: 5px;
	}
	
	#TraminoContent .TraminoForm .button.root.delete button {
		background: #f5eeee !important;

	}

	#TraminoContent .TraminoForm .button.root button:hover { background: #999 !important; }
	#TraminoContent .TraminoForm .button.root a:hover { background: #999 !important; }
	#TraminoContent .TraminoForm .button.root.delete button:hover { background: #955 !important; }
	#TraminoContent .TraminoForm .button.root.delete a:hover { background: #955 !important; }


	#TraminoContent .TraminoForm .intro .button a,
	#TraminoContent .TraminoForm .intro .button button,
	.tramino_buttons .button button,
	#filterWidget .button button  {
		font-size: 12px;
		display:block;
		margin: 0 0 10px 10px;
		padding: 5px 12px;
		width:auto;
		overflow:visible;
		text-decoration:none;
		color:#eee;
		background-color: #777;
		border: 0px;
		cursor: pointer;
	}	

	#TraminoContent .button button:disabled {
		opacity: 0.3 !important;
		cursor: not-allowed !important;
	}

		
		#filterWidget .button.save a,
		.tramino_buttons .button.save button,
		#filterWidget .button.save button {
			background: #393;
		}
		
		#filterWidget .button.save a:hover,
		.tramino_buttons .button.save button:hover,
		#filterWidget .button.save button:hover {
			background: #363;
		}
		

		#TraminoContent .TraminoForm .intro .button.light button,
		#filterWidget .button button  { background-color: #aaa; color: #fff; }
		
		#TraminoContent .TraminoForm .intro .dual .button.first button {
			-webkit-border-top-right-radius: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
			padding-right: 7px;
		}
		#TraminoContent .TraminoForm .intro .dual .button.second button {
			margin-left: 0px;
			padding: 6px 8px 4px 6px;
			border-left: 1px solid rgba(255,255,255,0.3);
			-webkit-border-top-left-radius: 1px;
			-webkit-border-bottom-left-radius: 1px;
			-moz-border-radius-topleft: 1px;
			-moz-border-radius-bottomleft: 1px;
			border-top-left-radius: 1px;
			border-bottom-left-radius: 1px;
		}
	
	#TraminoContent .TraminoForm .intro .button.save a,
	#TraminoContent .TraminoForm .intro .button.save button {
		background: #393;
	}

	#TraminoContent .TraminoForm .intro .button.highlight a,
	#TraminoContent .TraminoForm .intro .button.highlight button {
		background: #dd3;
		color: #000;
	}

	#TraminoContent .TraminoForm .intro .button.delete a,
	#TraminoContent .TraminoForm .intro .button.delete button {
		background: #933;
	}

	#TraminoContent .footer_buttons .button.delete a,
	#TraminoContent .footer_buttons .button.delete button {
		background: #933;
	}
	
	#TraminoContent .TraminoForm .intro .button a:hover,
	#TraminoContent .TraminoForm .intro .button button:hover,
	#filterWidget .button button:hover,
	.TraminoForm.panel input[type=submit]:hover {
		color:#fff;
		background: #333;
		border:0px;
	}
	
	#TraminoContent .TraminoForm .intro .button.save a:hover,
	#TraminoContent .TraminoForm .intro .button.save button:hover {
		background: #363;
	}
	#TraminoContent .TraminoForm .intro .button.highlight a:hover,
	#TraminoContent .TraminoForm .intro .button.highlight button:hover {
		background: #cc2;
		color: #000;
	}
	
	#TraminoContent .TraminoForm .intro .button.delete a:hover,
	#TraminoContent .TraminoForm .intro .button.delete button:hover {
		background: #633;
	}
	
	


	#TraminoContent .footer_buttons {
	 	position: absolute; right: 0px; bottom: -27px; height: 20px; }

	 	#TraminoContent .footer_buttons button {
			float: right;
			background-color: #999;
			margin: 1px 1px 1px 10px;
			padding: 3px 8px 4px 8px;
			font-size: 11px;
			color: #fff;
			cursor: pointer;
			text-align: center;
			border: 0px;
		}
	
		#TraminoContent .footer_buttons button:hover { background-color: #333; }



	




/* notify */



.TraminoForm .notify {
	color: #000;
	font-size: 12px;
	margin-bottom: 10px;
}

.TraminoForm .notify .warning {
	padding: 10px 8px 10px 22px;
	background-color: #ff5;
	color: #000;
	margin-bottom: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.TraminoForm .notify .info {
	padding: 10px 8px 10px 22px;
	background-color: #eee;
	color: #333;

}

.TraminoForm .notify .ok {
	padding: 10px 8px 10px 22px;
	background-color: #3a3;
	color: #efe;
}


.TraminoForm .notify .error {
	padding: 10px 8px 10px 22px;
	background-color: #f00;
	color: #fff;
}

.TraminoForm .notify em { font-style: normal; font-size: 11px; vertical-align: top;  padding: 0px 6px 2px 6px;}
.TraminoForm .notify .warning em { background-color: #dd1; }
.TraminoForm .notify .ok em { background-color: #181; }

.TraminoForm .notify .buttons {
	float: right;
	margin-top: -3px;
}

.TraminoForm .notify .buttons .button {
	margin: 0px 0px 0px 10px;   
}

.TraminoForm .notify .buttons button {
	cursor: pointer;
}

/* Fusszeile Formular und BUttons */

.TraminoForm .footer {
	padding: 10px 20px 10px 0px;
}

#TraminoContent .TraminoForm .footer {
	margin-top: 10px;
	padding: 8px 20px 14px 20px;
	font-size: 11px;
	color: #888;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

	.TraminoForm .footer .button {
		float: left;
		margin: 0px 5px 0px 0px;
	}

	.TraminoForm .footer .button.right {
		float: right;
		margin: 0px 0px 0px 5px;
	}





/* Gruppierung von Feldern */

.TraminoForm .groups {
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
}

	.TraminoForm.compact .groups {
		padding: 5px 0px 12px 0px;
	}
	
	#TraminoContent .TraminoForm.popup .group {
		margin: 3px 5px 7px 10px;
	}
	
	.TraminoForm .groups .TraminoForm .groups {
		
		border: 1px solid #ddd;
		border-radius: 5px;
		padding: 10px 0px 5px 20px !important;
		margin-bottom: 15px;
	}
	
	#TraminoContent .TraminoForm .groups {
		position: relative;
		margin-bottom: 0px;
	}
	
	#TraminoContent .TraminoForm .groups {
		position: relative;
		margin-bottom: 0px;
		
	}
	
	#TraminoContent .TraminoForm .Widgets {
	}
	#TraminoContent .TraminoForm .mandatory {
		margin: 0px 0px 10px 20px;
		color: #999;
	}
	
	
	
	#TraminoContent .TraminoForm.compact .groups {
		border: 0px;
		margin-top: 0px;
	}
	
	
	#TraminoContent .TraminoForm.randlos .groups {
		border: 0px;
		margin-top: 0px;
	}
	
	#TraminoContent .TraminoForm.randlos .Widgets {
		border: 0px;
		background-color: #fff;
		margin-top: 0px;
	}
	
	
	
.TraminoForm .group {
	float: left;
	padding: 0px 25px 10px 0px;
	width: 365px;
}

#TraminoContent .TraminoForm .group {
	padding: 0px;
	margin: 3px 5px 7px 15px;
	/* border: 1px dashed #ccc; */
}
	#TraminoContent .TraminoForm .group.first {
	}
	

	.TraminoForm .group .group {
		margin-left: 0px !important;
		margin-right: 20px !important;
	}


	.TraminoForm.compact .group {
		padding: 0px 0px 0px 10px;
		margin: 0px;
		width: 99%;
	}

	.TraminoForm.randlos .group {
		padding: 0px !important;
		margin: 0px 15px 0px 0px !important;
		/* border: 1px dashed #ccc; */
	}
	
	#TraminoContent .TraminoForm .group .group {

		padding: 0px 0px 0px 0px;
		margin: 0px 0px 5px 18px;
	}


	.TraminoForm .full .group {
		width: 99% !important;
	}




/* Einzelne Felder (elemente) */

.TraminoForm .element {
	padding: 0px 0px 20px 0px;
}

.TraminoForm .element.cond_hide {
	display: none;
}

	
	.TraminoForm.compact .element {
		margin: 0px 12px 0px 0px !important;
	}
		.TraminoForm.compact .element.right {
			margin: 0px 0px 0px 15px !important;
		}

	.TraminoForm .TraminoForm .element {
		margin: 2px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
	}



/* Beschriftung und Hilfstexte */

.TraminoForm .label {
	margin: 0px 0px 6px 0px;
	padding-left: 2px;
	position: relative;
}

	.TraminoForm .label label span.nr {
		display: inline-block;
		background-color: #bbb;
		padding: 1px 4px;
		border-radius: 4px;
		color: #fff;
		margin-right: 4px;
	}

	.TraminoForm .label h4 {
		font-size: 14px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	.TraminoForm .label .helper {
		vertical-align: text-top;
		font-size: 9px;
		color: #aaa;
		background-color: #fff;
		margin: 0px 3px;
		padding: 0px 3px;
		text-align: top;
		cursor: help;
		border: 1px solid #ddd;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	#TraminoContent .TraminoForm .label h4 {
		font-size: 13px;
	}
	
		.TraminoForm .label h4 span.toggle {
			cursor: pointer;
			color: inherit; text-decoration: none;
		}
	
	.TraminoForm .input .buttons {
		position: absolute;
		top: -25px;
		right: 0px;
	}
	
	.TraminoForm  .input  .right.ButtonsWidget {
		position: absolute;
		top: -23px;
		right: 0px;
	}
		
		.TraminoForm .input .buttons .button {
			cursor: pointer;
			display: inline-block;
			font-size: 10px;
			background-color: #999;
			padding: 2px 6px 3px 6px;
			color: #eee;
		}
	
		.TraminoForm .input .buttons .button:hover {
			background-color: #000;
			color: #fff;
		}


	.TraminoForm .element .label .help {
		font-size: 12px;
		margin: 1px 0px 8px 0px;
	}
	
	#TraminoContent .TraminoForm .help {
		font-size: 11px;
		color: #777;		
	}
	
	#TraminoContent .TraminoForm .label .manual {
		position: absolute;
		right: 0px;
		top: -2px;
		width: 1.5em;
		height: 1.5em;
		text-align: center;
		line-height: 1.7;
		font-weight: bold;
		border-radius: 1em;
		background-color: orange;
		font-size: 11px;
		color: #fff;
		cursor: pointer;	
	}

	#TraminoContent .TraminoForm .label .manual:hover {
		background-color: darkorange;
	}

	.TraminoForm .element .input.error .error {
		border-top: 1px solid #c33;
		color: #c33;
		margin-top: 0px;
		padding: 1px 0px;
		font-size: 11px;
		font-style: oblique;
	}

	.TraminoForm .element .input.error .error_info {
		font-size: 11px;
		padding: 2px 7px;
		margin: 1px 0px 7px 0px;
		color: #fff;
		background-color: #f00;
	}

	.TraminoForm .element .Widget .info {
		font-size: 11px;
		font-style: oblique;
		line-height: 13px;
		margin: 3px 0px 7px 1px;
	}
		
		#TraminoContent .TraminoForm .element .Widget .info {
			color: #999;
			margin: 2px 0px 7px 1px;
			font-style: normal;
		}
	


	.TraminoForm .element.float  { float: left; }

	.TraminoForm .element.flat .label { display: inline }
	.TraminoForm .element.flat .label h4 { display: inline }
	.TraminoForm .element.flat .input { display: inline }

	.TraminoForm .element.box .input { 
		border: 1px solid #ddd; padding: 6px 10px; background-color: #fff; font-size: 12px;
		border-radius: 5px;
	}
	
	.TraminoForm .element.box.highlight .input { 
		border: 1px solid #cc9;
		box-shadow: 1px 1px 8px rgba(200,200,70,0.8);
	}

	.TraminoForm .element.box.dashed .input { 
		border: 1px dashed #aaa;
	}

	.TraminoForm .element.box.error .input { 
		border: 1px solid #c99;
		box-shadow: 1px 1px 6px rgba(200,70,70,0.2);
	}

	.TraminoForm .element .einheit { font-size: 0.7em; padding: 0em 0.3em; }
	.TraminoForm .element .suffix { font-size: 0.7em; padding: 0em 0.5em; }
	.TraminoForm .element .praefix { font-size: 0.7em; padding: 0em 0.5em; }
	
	.TraminoForm .element.islabel { position: relative; }
	.TraminoForm .element.islabel > .input {
		background-color: #eee;
		position: absolute; left: -0.5em; top: -1.3em; 
		padding: 0.1em 0.5em; z-index: 100;
	}
	
	.TraminoForm .element.labeled { position: relative;  }
	.TraminoForm .element.labeled .input > .TraminoForm { padding-top: 10px; }
	.TraminoForm .element.labeled > .label {
		background-color: #eee;
		position: absolute; left: 0.5em; top: 0em; 
		padding: 0.1em 0.5em; z-index: 100;
	}









/* Eingabefelder selbst */


.TraminoForm .input {
	padding: 0px 0px 0px 0px;
	position: relative;
	/* border: 1px dotted #f00; */
}	

	#TraminoContent .TraminoForm .Widget .error {
		border-bottom: 2px solid red;
	}
	
	.TraminoForm.panel .input.hasvalue {
		background-color: rgb(255, 102, 0);
		padding: 2px;
		margin: -2px;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
	}

	.TraminoForm.panel .formtype_checkbox .input.hasvalue { background-color: transparent; border: 2px solid rgb(255, 102, 0); }
	


	.TraminoForm .input .multiple_buttons {
		position: absolute;
		right: 10px;
		bottom: 0px;
	}	
	
		
		.TraminoForm .input .multiple_buttons span {
			margin-left: 5px;
			background-color: #ccc;
			padding: 1px 4px;
			font-size: 10px;
		}

.TraminoForm .input INPUT.large {
	font-size: 14px;
}

.TraminoForm .input INPUT.big2 {
	font-size: 16px;
}

.TraminoForm .input INPUT.big {
	font-size: 16px;
	font-weight: bold;
}

.TraminoForm .input INPUT.huge {
	font-size: 22px;
}


.TraminoForm .input input[readonly] {
	color: #444 !important;
}

.TraminoForm .input input[disabled] {
	color: #666 !important;
	cursor: not-allowed;
}

.TraminoForm .input INPUT.monospace {
	font-family: monospace;
}


.TraminoForm .input textarea {
	display: block;
	box-sizing: border-box;
	margin: 0px;
	padding: 2px 5px;
	width: 100%;
	font-family: Arial, sans-serif !important;
	font-size: 13px;
}

.TraminoForm .input textarea.large {
	font-size: 14px !important;
}
.TraminoForm .input textarea.big {
	font-size: 15px !important;
}

.TraminoForm .input textarea.huge {
	font-size: 22px;
}

.TraminoForm .input.monospace textarea {
	font-family: monospace !important;
	font-size: 12px;
}

.TraminoForm .input textarea.monospace {
	font-family: monospace !important;
	font-size: 12px;
}

.TraminoForm .input input {
	margin: 0px;
	padding: 3px 5px;
	box-sizing: border-box;
}

.TraminoForm .input .Widget > input.full { width: 100%; }


.TraminoForm .input input[type="search"] {
	font-size: 16px !important;
}

.TraminoForm .input SELECT {
	margin: 0px;
	padding: 3px 5px;
	font-size: 1em;
	max-width: 100%;
}

.TraminoForm .viewData SELECT {
	font-size: 0.93em;
}

.TraminoForm SELECT.mini {
	font-size: 10px;
}

.TraminoForm .large .input SELECT {
	font-size: 18px !important;
}



input.tiny {
	font-size: 10px;
}

select.tiny {
	font-size: 10px !important;
}

.TraminoForm .tags span {
	border: 1px solid #999;
	padding: 1px 3px 1px 3px;
	cursor: pointer;
}


.TraminoContent .TraminoForm .formtype_Divider .divider { font-size: 1.3em; font-weight: normal; color: #063; margin-top: 1em; }


/* Mehrsprachigkeit */



.Widget .langselector {
	margin-top: -25px;
	float: right;
}

.TextileWidget .langselector { margin-top: -54px; }
.Widget .langselector.globe { margin-top: -20px;  }

.Widget .langselector2 {
	position: absolute; 
	top: -20px; 
	right: 0px; 
}

.Widget .langselector span {
	background-color: #ccc;
	color: #333;
	padding: 1px 3px;
	margin-left: 2px;
	font-size: 9px;
	text-transform: uppercase; 
	cursor: pointer;
}

.Widget .langselector span.on {
	background-color: #555;
	color: #fff;
}



/* TabsWidget */

	.WidgetTabs { position: relative;  } 
	
	.WidgetTabs .head { 
		border-bottom: 1px solid #bbb; 
		border-left: 1px solid #bbb; 
	}
	
	.WidgetTabs .head a {
		display: block; 
		float: left;
		border-color: #bbb; 
		border-style: solid;
		border-width: 1px 1px 0px 0px;
		background-color: #eee;
		padding: 3px 12px;
		margin: 0px;
		font-size: 11px;
		line-height: 12px;
		color: #333;
	}

	.WidgetTabs .head .tab-group {
		color: #999;
		text-transform: uppercase;
		font-size: 10px;
		padding: 9px 0px 4px 0px;
	}
	
	.WidgetTabs a.first { }
	.WidgetTabs a.open { 
		background-color: #fff; color: #000; 
		margin-bottom: -1px;
		padding-bottom: 4px;
	}
	 
	.WidgetTabs .tab {
		height: 0px;
		background-color: #fff;
		overflow: hidden;
	}
	
	.WidgetTabs .tab.open { height: auto; }

	.WidgetTabs .tab .inner {
		border-width: 0px 1px 1px 1px;
		border-color: #ccc; 
		border-style: solid;
		padding: 0px 0px; 				
	}
	
	.WidgetTabs .tab .inner .groups { margin-top: 0px; padding-top: 0px; }
	#TraminoContent .WidgetTabs .tab .inner .groups .group { margin-top: 0px !important; padding-top: 0px !important; }
	#TraminoContent .WidgetTabs .tab .inner .element { margin-top: 0px !important; padding-top: 0px !important; }

	.WidgetTabs.leftbar { margin-left: -20px; }
	.WidgetTabs.leftbar .head { width: 180px; float: left; border-width: 0px; margin-top: -9px; }
	.WidgetTabs.leftbar .head a { width: 180px; float: none; border-width: 0px; padding: 3px 0px 3px 8px;
		font-size: 13px; line-height: 15px; color: #666; }
	.WidgetTabs.leftbar a.open { background-color: transparent; color: #000; font-weight: bold;}
	.WidgetTabs.leftbar .head + .clear { clear: none; }
	.WidgetTabs.leftbar .tab .inner .groups { min-height: 600px; border-top: 1px solid #bbb !important; padding-top: 7px;  }




/* Eingabefeld: Auswahl (Radio) */


.RadioWidget {
}

#TraminoContent .RadioWidget {
/*	border: 1px solid #bbb;
	border-bottom: 1px solid #bbb; */
	padding: 5px 8px 5px 0px;
} 
	
	#TraminoContent .RadioWidget h3 {
		margin: 0px 0px;
		border-top: 1px solid #ddd;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		text-transform: uppercase;
	}

	.RadioWidget .Element {
		float: left;
		padding: 1px 10px 2px 5px;
	}

	.RadioWidget .Element span {
		padding-left: 2px;
		font-size: 0.9em;
	}

	.RadioWidget .Element .info {
		margin-left: 20px;
	}




/* Radio Button Widget */

#page .RadioButtonWidget {
	font-size: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	justify-content: center;
}
#page .RadioButtonWidget .button {
	flex: 1;
	text-align: center;
	margin: 0 5px;
	padding: 0.5em 1.3em;
	border: 2px solid var(--signal_color,#666);
	background-color: transparent;
	color: var(--signal_color,#FFF);
	cursor: pointer;
	flex-basis: 25%;
}

#page .RadioButtonWidget .button:hover {
	background-color: var(--signal_color_negativ,#FFF);
}

#page .RadioButtonWidget .button.checked {
	background-color: var(--signal_color,#666);
	color: var(--signal_color_negativ,#FFF);
}

/* Radio Button backend */

#TraminoContent .TraminoForm .RadioButtonWidget {
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #aaa;
	border-radius: 5px;
}
#TraminoContent .TraminoForm .RadioButtonWidget .button {
	flex: 1;
	text-align: center;
	margin: 0px;
	padding: 4px 20px;
	border-right: 1px solid #aaa;
	cursor: pointer;
}

#TraminoContent .TraminoForm .RadioButtonWidget .button.checked {
	background-color: #3a3;
	border-right: 1px solid #3a3;
	color: #fff;
}



/* Digit */

.TraminoForm .DigitWidget {
	font-size: 21px; 
	font-family: Georgia; 
	color: #393; 
	text-align: left; 
	margin-top: -4px; 
	margin-right: 10px; 
}

.DigitWidget .einheit {
	display: inline-block;font-size: 13px; line-height: 16px; vertical-align: bottom;
}

.DigitWidget.small {
	font-size: 12px;
	line-height: 1.6; 
}

.DigitWidget.red {
	color: red;
}

/* Range */
.Widget.RangeWidget .top {
	display: flex;
	justify-content:  space-between;
	margin-bottom: 0.5rem;
}

.Widget.RangeWidget .range {
	display: flex;
	justify-content: space-between;
}

.Widget.RangeWidget .range .r {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #666;
	color: #666;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.3rem;
	cursor: pointer;
}

.Widget.RangeWidget .range .r:hover {
	background-color: #666;
	color: #FFF;
}
.Widget.RangeWidget .range .r.active {
	background-color: #333;
	color: #FFF;
}


.BoolWidget label {
	font-size: 0.8em;
}

/* Eingabefeld: Mehrfachauswahl */

.CheckboxWidget {
	margin: 1px 1px;
}
.CheckboxWidget .checkbox {
	float: left;
	padding: 1px;
}
.CheckboxWidget label {
	font-size: 0.8em;
}

.CheckboxWidget.rows .checkbox {
	float: none;
}


.CheckboxWidget .checkbox span {
	padding: 1px 8px 1px 4px;
}

#TraminoContent .CheckboxWidget .checkbox.disabled span {
	color: #777;
}

#TraminoContent .CheckboxWidget  {
	border: 1px solid #ccc;
	padding: 4px 5px 6px 12px;
}

#TraminoContent .CheckboxWidget.raw  {
	border: 0px solid #ccc;
	padding: 2px 0px 1px 0px;
}

.CheckboxWidget .checkbox .info {
	margin: 2px 0px 0px 17px;
}

.CheckboxWidget .group {
	clear: left;
	font-weight: bold;
	color: #888;
	font-size: 11px;
	padding: 5px 0px 0px 0px!important;
	margin: 0px 0px 2px 0px !important;
}

.CheckboxWidget .empty {
	border: 1px dotted #aaa;
	padding: 2em;
	text-align: center;
	color: #aaa;
	font-size: 11px;
} 


#TraminoContent .pwdcheckWidget  {
	border: 1px solid #ccc;
	padding: 4px 5px 6px 12px;
}


/* Eingabefeld: Map */

.WidgetMap {
	margin: 2px 2px;
	overflow: hidden;
	
	
}

#TraminoContent .WidgetMapStatic {
	border: 1px solid #999;
	overflow: hidden;
	text-align: center;
}

#TraminoContent .WidgetMapStatic img {
	width: 100%;
	height: auto;
}

#TraminoContent .coordinates {
	position: absolute;
    bottom: -15px;
    left: 5px;
    font-size: 10px;
    color: #CCC;
}



/* Eingabefeld: Textile-Eingabe */

.TextileWidget textarea {
	font-family: "Arial";
	font-size: 13px;
	padding:  0px;
}





/* Eingabefeld: Datei auswählen */

.UploadWidget {
	border: 1px solid #aaa;
	padding: 10px;
	min-height: 200px;
}

.UploadWidget.noborder { border-width: 0px; padding: 0; }

.FilesWidget {
	border: 1px solid #999;
	padding: 10px 0px 30px 10px;
	background-image: url(/tramino/gfx/karo.gif);
	min-height: 110px;
	box-sizing: border-box;
}

.FilesWidget ul.sortable { list-style-type: none; margin: 0; padding: 0; }
.FilesWidget ul.sortable li { margin: 0 7px 7px 0; padding: 1px; float: left; width: 150px; height: 100px; 
	text-align: center; cursor:move; position:relative;  }
.FilesWidget ul.sortable li img { width: 150px; height: 100px; position:absolute; top:0px; left:0px; }
.FilesWidget ul.sortable li span { position:absolute; bottom:0px; left:0px; background-color: #fff; font-size: 9px; padding: 2px 5px;}
.FilesWidget ul.sortable li div { cursor:pointer; }

.FilesWidget ul.sortable li a.cancel { cursor:pointer; position:absolute; right: 0px; top: 0px; display:none;
	background: #fff url(//tramino.s3.amazonaws.com/tramino/gfx/i/cancel.png) no-repeat; width:18px; height:18px; }

.FilesWidget ul.sortable li:hover a.cancel{ display:block;}

.FileWidget .bild {
	margin: 0px;
	padding: 0px;
	border: 1px solid #999;
	width: 150px;
	min-height: 100px;
	overflow: hidden;
	background-color: #fff;
	background-image: url(/tramino/gfx/karo.gif);
}


.FileWidget img {
	display: block;
	width: 150px;
	border: 0px;
	margin: 0px;
}

.fwbuttons img {
	border:0px;
}
/*
.FileWidget .bild .fwbuttons, .FileWidget .bild .buttons {
	display:none;
}

.FileWidget .bild:hover .fwbuttons, .FileWidget .bild.hover .buttons {
	display:block;
}
*/
.FileWidget.opaque .FileWidgetImg {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

/* Anglepicker */

#TraminoContent .Widget.AnglepickerWidget .ui-anglepicker { transform: rotate(-90deg); background: #FFF; margin-bottom: 5px; }


/* Eingabefeld: Schulnoten */

.SchulnotenWidget {
}

.SchulnotenWidget .Bewertung {
	padding: 4px 0px 4px 0px;
	border-bottom: 1px solid #eee;
}

.SchulnotenWidget .Bewertung:hover {
	background-color: #f2f2f2;
}


.SchulnotenWidget .Bewertung .Name {
	display: block;
	width: 70%;
	margin: 0px 4px 0px 0px;
}

.SchulnotenWidget .Bewertung .Info {
	font-size: 11px;
	font-style: oblique;
	color: #999;
	width: 65%;
	margin-top: 2px;
	margin-bottom: 5px;
}

.SchulnotenWidget .Bewertung .Noten {
	display: block;
	float: right;
	white-space: nowrap;
	width: 10em;
	text-align: center;
	margin-top: 1px;
}

	.SchulnotenWidget .Bewertung .Note {
		float: left;
		width: 1.2em;
		font-size: 11px;
		text-align: center;
		margin: 0px 3px 2px 0px;
	}


.SchulnotenWidget .Bewertung.Absatz .Name  {
	font-weight: bold;
	padding: 10px 0px 4px 0px;
}

.SchulnotenWidget .Bewertung.Absatz .Note  {
	padding: 10px 0px 4px 0px;
}


.SchulnotenWidget .Absatz .Info  {
	padding: 2px 3px 4px 8px;
}

/* Eingabefeld: Spamstop */

.SpamstopWidget .SpamstopWidget {
	font-size: 25px !important;
}

.SpamstopWidget span {
	color: #000;
	background-color: #fff;
	padding: 3px 6px;
}

.SpamstopWidget input {
	font-size: 24px !important;
}

/* HTML Widget */

.htmlWidget.whitebox {
	background-color: #fff;
	color: #000;
	padding: 6px 10px;
	font-size: 13px;
}

.htmlWidget.headline {
	font-size: 17px;
}

.htmlWidget.large {
	font-size: 50px;
	line-height: 55px;
}

.htmlWidget .groups {
	padding: 15px 15px 0px 15px !important;
}

	.TraminoForm .htmlWidget.kompakt .groups {
		border-width: 0px !important;
		padding: 0px !important;
	}

	.TraminoForm .htmlWidget.kompakt .group {
		padding: 0px !important;
		margin: 0px 20px 5px 0px !important;
	}

	.TraminoForm .htmlWidget.kompakt .element {
		padding: 0px !important;
		margin: 0px !important;
	}

	.htmlWidget.kompakt .group.first { display: none; }
	
	.element.kompakt { padding-bottom: 10px; }


/* Eingabefeld: Quiz */

.QuizWidget {
	margin-bottom: 15px;
}

.QuizWidget .wort  {
	float: left;
	white-space: nowrap;
}

.QuizWidget .buchstabe  {
	font-family: "Courier New";
	text-align: center;
	padding-right: 2px;
	line-height: 30px;
}

.QuizWidget .buchstabe.highlight input {
	background-color: #ff0;
}

.QuizWidget .buchstabe input {
	width: 0.8em;
	padding: 2px 1px 2px 1px;
	font-size: 15px;
	font-family: "Courier New";
	font-weight: bold;
	text-align: center;
	box-sizing: content-box;
}

.QuizWidget .status  {
	margin: 7px 0px;
	font-style: oblique;
}


.ButtonsWidget { min-height: 20px; }

.ButtonsWidget.dock { 
	font-size: 12px; background-color: #fff; padding: 5px 0px 5px 7px; 
	border: 1px solid #ccc;
	color: #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ButtonsWidget div.button { float: left; }
.ButtonsWidget div.button.right { float: right; }

.ButtonsWidget button {
	font-family: Arial;
	float: left;
	background-color: #777;
	margin: 0px 7px 1px 0px;
	padding: 2px 9px 3px 9px;
	font-size: 11px;
	line-height: 1.1;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border: 0px;
}

.ButtonsWidget.right button { margin-left: 7px; margin-right: 0px; }

.ButtonsWidget button:hover { background-color: #333; }

.ButtonsWidget .readonly button { background-color: #ddd; color: #666; }
.ButtonsWidget .ok  button { background-color: #9C9; color: #363; }
.ButtonsWidget .red  button { background-color: #966; color: #6363; }
.ButtonsWidget .notify button { background-color: #CC9; color: #663; }

.ButtonsWidget .flag button { position: relative; background-color: inherit; border: 1px solid #bbb; border-radius: 3px; color: #555; padding-right: 1.5em; }
.ButtonsWidget .flag button::after { position: absolute; right: 0.5em; top: 0.2em; content: "▾"; }



/* Eingabefeld: Adresse */


.AdresseWidget {
	width: auto !important;
	max-width: 500px; 
}
	.AdresseWidget.boxed {
		border: 1px solid #ddd;
		border-radius: 5px;
		padding: 10px 15px;
		width: 370px;
	}

	.AdresseWidget .Feld {
		float: left;
		padding: 0px 12px 0px 0px;
		box-sizing: border-box !important;
	}
	
	.AdresseWidget .Feld.last {
		padding-right: 0px;
	}
	
		.AdresseWidget .Feld input {
			padding: 2px;
			font-size: 12px;
			margin: 0px !important;
			box-sizing: border-box !important; 
			width: 100% !important;
		}

		.AdresseWidget .Feld select {
			width: 7.5em;
			font-size: 15px;
			margin: 2px 0px 0px 0px;
		}
		
		.AdresseWidget .Feld.error .input {
			border-bottom: 3px solid #f00;
		}
		
	
	.AdresseWidget .Label {
		font-size: 11px;
		margin: 2px 0px 0px 1px;
		opacity: 0.7;
	}
	
	#TraminoContent .AdresseWidget .Label {
		color: #666;
	}
	
	.AdresseWidget .Zeile {
		margin-top: 6px;
	}

	.inputerror {
		border-bottom: 3px solid #900 !important;
	}

	.AdresseWidget .adresse_typ { width: 30%; }
		.AdresseWidget .adresse_typ select { width: 100%; }

	.AdresseWidget .adresse_anrede { width: 30%; }
		.AdresseWidget .adresse_anrede select { width: 100%; }

	.AdresseWidget .adresse_titel { width: 40%; }

	

	.AdresseWidget .adresse_vorname { width: 45%; }
	.AdresseWidget .adresse_nachname { width: 55%; }

	.AdresseWidget .adresse_firma { width: 60%; }
	.AdresseWidget .adresse_abteilung { width: 40%; }
	.AdresseWidget.no_abteilung .adresse_firma { width: 100%; padding-right: 0px; }


	.AdresseWidget .adresse_strasse { width: 80%; }
	.AdresseWidget .adresse_hausnr { width: 20%; }

	.AdresseWidget .adresse_plz { width: 20%; }
	.AdresseWidget .adresse_ort { width: 50%; }
	.AdresseWidget .adresse_ortsteil { width: 30%; }

	.AdresseWidget .adresse_land { width: 100%; }
	.AdresseWidget .adresse_land select { width: 100%; }

	.AdresseWidget .adresse_telefon { width: 40%; }
	.AdresseWidget .adresse_mobil { width: 35%; }
	.AdresseWidget .adresse_fax { width: 25%; }

	.AdresseWidget.telonly .adresse_telefon { width: 100%; }
	.AdresseWidget.no_fax .adresse_telefon { width: 50%; }
	.AdresseWidget.no_fax .adresse_mobil { width: 50%; }

	.AdresseWidget .adresse_email { width: 100%; padding-right: 0px; }

	.AdresseWidget .adresse_www { width: 100%; padding-right: 0px; }

	/* Suggest-Widget */ 

	.traminosuggest {
		border: 1px solid gray;
		background-color: white;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		z-index: 15092;
		display: none;
		font-size:12px;
	}

	.traminosuggest li {
		padding: 2px 5px;
		white-space: nowrap;
		color: #101010;
		text-align: left;
		border-bottom:1px solid #ddd;
		overflow:hidden;
		clear:left;
	}
	
	.traminosuggest li img {
		float:left;
		width:40px;
		padding-right:5px;
	}
	
	.traminosuggest li span.info_before {
		white-space: nowrap;
		color: #000;
		text-align: left;
		font-weight:bold;
	}

	.traminosuggest li span.info_after {
		white-space: nowrap;
		color: #333;
		text-align: left;
		font-size: 0.75em;
	}

	.traminosuggest_match {
		text-decoration: underline;
	}

	.traminosuggest li.traminosuggest_over {
		cursor: pointer;
		color: white;
		background-color: #F60;
	}

	.TextWidget .reset { display: block; width: 16px; height: 16px; cursor: pointer; background: url("/tramino/gfx/icons/del.png") repeat scroll 0% 0% rgb(255, 255, 255); position: absolute; top: 50%; right: 4px; transform: translate(0,-50%); }

	/* Tabellen-Widget */
		.TabelleWidget .box {
			border-left: 1px solid #999;
			border-top: 1px solid #999;
		}
		.TabelleWidget input.zelle {
			padding: 2px;
			background-color: #fff;
			border-right: 1px solid #999;
			border-left: 0px solid #fff;
			border-bottom: 1px solid #999;
			border-top: 0px solid #fff;
			margin:0;
			width:100px;
			font-size:12px;
			height:20px;
			float:left;
		}
		.TabelleWidget div.zelleheader, .TabelleWidget div.zelleheaderplus {
			padding: 2px;
			background-color: #ddd;
			border-right: 1px solid #999;
			border-left: 0px solid #999;
			border-bottom: 1px solid #999;
			border-top: 0px solid #999;
			color:#777;
			font-size:12px;
			margin:0;
			width:95px;
			float:left;
			text-align:center;
			height:15px;
		}
		.TabelleWidget div.zelleheader.left {
			width:15px;
		}
		.TabelleWidget div.zelleheaderplus {
			width:15px;
			cursor:pointer;
			font-size:14px;
			background:#eee;
		}
		.TabelleWidget div.zelleheaderplus:hover {
			background:#999;
			color:#fff;
		}





	

.TraminoForm.panel {
	border-top: 1px solid #ddd;
	padding: 3px 0px 3px 0px;
	margin-bottom: 7px;
}

	@media print {

		#TraminoContent {
			padding-top: 0px !important;
		}

		#TraminoContent .TraminoForm .intro {
			padding-left: 0;
		}

		.TraminoForm.panel .input.hasvalue {
			background-color: inherit;
		}

		.noprintintro.TraminoForm .intro {
			display: none;
		}
	}

	.TraminoForm.panel .groups {
		margin: 0px !important;
		padding: 0px !important;
		border-width: 0px !important;
	}

	.TraminoForm.panel .group {
		margin: 7px 10px 4px 15px !important;
		padding: 0px !important;
	}

	.TraminoForm.panel .group.first {
		width: 900px;
	}

	.TraminoForm.panel .label {
		margin: 0px 0px 3px 0px;
	}

	.TraminoForm.panel .label h4 {
		font-size: 11px !important;
		color: #999;
		font-weight: normal;
	}

	.TraminoForm.panel .right.ButtonsWidget {
		top: -12px !important;
	}
	.TraminoForm.panel  .ButtonsWidget.right button {
		padding:  2px 5px 1px 5px !important;
		border-radius: 15px !important;
		background-color: #bbb !important;
		font-size:  10px !important;
		line-height: 10px !important;
	}


	.TraminoForm.panel .group .element {
		float:  left;
		margin: 0px 15px 5px 0px;
		padding: 3px 0px 2px 0px;
	}

	.TraminoForm.panel .group .element.border_right {
		border-right: 1px solid #ccc;
		padding-right: 15px;
	}
	

	@media screen {

		.TraminoForm.panel .group.right {
			margin: 7px 0px 4px 20px !important;
			float:  right;
		}

		.TraminoForm.panel .group.right .element {
			float:  right;
			margin: 0px 20px 0px 0px;
		}


	}

	@media print {

		body .TraminoForm.panel .group {
			width: auto !important;
		}
	}




	.TraminoForm.panel .icon {
		width: 40px;
		height: 38px;
		text-align: center;
		border: 1px solid #ccc;
		cursor: pointer;
	}
	
	
	.TraminoForm.panel .icon.on {
		background-color: #fff;
		border-color: #393;
		border-width: 2px;
	}
	
	
	
	.TraminoForm.panel .icon  img {
		padding: 4px 5px 0px 5px;
		width: 16px;
		height: 16px;
	}
	.TraminoForm.panel .icon span {
		display: block;
		
		color: #888;
		font-size: 10px;
	}

	
	.TraminoForm.panel .icon:hover {
		background-color: #eee;
		border-color: #eee;
		color: #fff;
	}
	
	.TraminoForm.panel input[type=submit] {
		text-align: center;
		color: #fff;
		background-color: #777;
		border-width: 0;
		padding: 5px 10px;
		font-size: 12px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		cursor: pointer;
	}
	
	
.TraminoForm.insert {
	margin-top: -10px;
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	padding: 4px 0px 0px 0px;
	border-radius: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	-webkit-box-shadow: 1px 1px 7px #bbb;
	-moz-box-shadow: 1px 1px 7px #bbb;
	box-shadow: 1px 1px 7px #bbb;
}

.TraminoForm.insert .Widget .info { margin: 3px 0px 0px 0px !important; color: #bbb !important; }


#TraminoContent .TraminoForm .TraminoForm.panel.switch {
	border: 0px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	padding: 4px 0px 0px 0px;
	text-align: center;
	min-height: auto;
	margin-bottom: 10px;
	margin-top: -10px;
}


.TraminoForm.panel.switch .groups {
	display: inline-block !important;
	width: auto !important;
}

.TraminoForm.panel.switch .group.first {
	width: auto !important;
}

.TraminoForm.panel.switch .Widget .info { margin: 3px 0px 0px 0px !important; color: #bbb !important; }
	


	
/* Warenkorb Design */

#TraminoCart SELECT {
	font-size: 12px;
}


/* Form in TraminoBox */

#TraminoContent #traminobox .TraminoForm { margin: 0px; }
#TraminoContent #traminobox .TraminoForm .intro { padding: 0px 10px 15px 0px; font-size: 15px; color: #444; }
#TraminoContent #traminobox .TraminoForm .intro h3 { margin: 0px 0px 10px 0px; font-size: 24px; font-family: Georgia; font-weight: normal; color: #000; }
#TraminoContent #traminobox .TraminoForm .intro p { margin: 10px 0px; }
#TraminoContent #traminobox .TraminoForm .groups { border: 0px solid #fff; padding: 0px; }
#TraminoContent #traminobox .TraminoForm .group { padding: 0px 20px 0px 0px; margin: 0px; }
#TraminoContent #traminobox .TraminoForm .group.first { padding: 0px; }
#TraminoContent #traminobox .TraminoForm .headerbuttons { margin: 0px; }

#TraminoContent #traminobox .body.wideform .TraminoForm { margin: 20px 15px 5px 15px; }


#traminobox .TraminoForm .button a,
#traminobox .TraminoForm .button button {
	font-size: 12px;
	display:block;
	margin: 0 0 10px 10px;
	padding: 5px 12px;
	width:auto;
	overflow:visible;
	text-decoration:none;
	color:#eee;
	background-color: #777;
	border: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#traminobox .TraminoForm .button.save a,
#traminobox .TraminoForm .button.save button {
	background: #393;
}



/* Form DatumZeitraum */

.Widget.DatumZeitraum .datepickergroup { position:relative; width:400px; }
.Widget.DatumZeitraum .datepickergroup .loading { position:absolute; top: 0px; bottom: 0px; left:0px; right:0px;
		background: #fff url('//tramino.s3.amazonaws.com/tramino/gfx/loading.gif') no-repeat center center;
		opacity: 0.7;
		filter: alpha( opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.Widget.DatumZeitraum .datepickergroup .ui-datepicker td.highlight_disabled.ui-datepicker-unselectable span {
	background: #DDD !important;
	color: #DDD !important;
}

.datepickergroup .loading.hidden { display:none; }
.datepickergroup .ui-datepicker td.highlight_disabled a,
.datepickergroup .ui-datepicker td.highlight_disabled span { background-color: #eeeeee !important; color: #bbb !important; cursor:default; }
.datepickergroup .ui-datepicker td.highlight_booked a,
.datepickergroup .ui-datepicker td.highlight_booked span { background: #509727 !important; color: #fff !important; }
.datepickergroup .ui-datepicker td.active a,
.datepickergroup .ui-datepicker td.active span { background:#ccf !important; }
.datepickergroup .ui-datepicker td.ui-state-disabled { visibility: hidden; }

.datepickergroup .ui-datepicker th { color: #aaa !important; padding: 0px 0px 3px 0px; font-size: 11px; }


#FacebookConnect .button {
	border: 1px solid #bbb;
	color: #fff;
	padding: 3px 8px;
}

#FacebookConnect .button a { color: #fff; }

#fullCalendar {	margin: 15px 0px 0px 0px; font-size: 13px; }
#fullCalendar .fc-header-title { padding-left: 15px; }
#fullCalendar .fc-header-title h2 { margin: 0px; }
#fullCalendar .fc-first th { padding: 4px 0px 4px 0px;}
#fullCalendar .fc-button { padding-left: 15px; padding-right: 15px; }
#fullCalendar .fc-week-number { text-align: center; }
#fullCalendar  a.fc-event { color: #fff; font-size: 12px; }



.TraminoForm .datenschutz_footer {
	margin: 20px 0 0 0;
	font-size: 0.9rem;
}

@media all and (max-width: 567px) {
	
	#TraminoContent .TraminoForm .group { width: 100% !important; padding-right: 0px !important; }
	
	#TraminoContent .TraminoForm .AdresseWidget { max-width: none !important; width: 100% !important; }

	#TraminoContent .TraminoForm .AdresseWidget .Feld {
		padding: 0 !important;
	    margin: 0px 0px 0px 0px !important;
	    width: 100% !important;
	}
	
	.TraminoForm .element { padding: 0 0 8px 0; }
	.TraminoForm .label { margin: 0 0 3px 0; }
	.TraminoForm .label h4 { font-size: 12px; }



	.TraminoForm .AdresseWidget .adresse_vorname { width: calc( 35% - 5px ) !important; margin-right: 5px !important;  }
	.TraminoForm .AdresseWidget .adresse_nachname { width: 65% !important; }

	.TraminoForm .AdresseWidget .adresse_firma { width: calc( 45% - 5px ) !important; margin-right: 5px !important;  }
	.TraminoForm .AdresseWidget .adresse_abteilung { width: 55% !important; }

	.TraminoForm .AdresseWidget .adresse_strasse { width: calc( 80% - 5px ) !important; margin-right: 5px !important;  }
	.TraminoForm .AdresseWidget .adresse_hausnr { width: 20% !important; }

	.TraminoForm .AdresseWidget .adresse_plz { width: calc( 20% - 5px ) !important; margin-right: 5px !important;  }
	.TraminoForm .AdresseWidget .adresse_ort { width: calc( 50% - 5px ) !important; margin-right: 5px !important;  }
	.TraminoForm .AdresseWidget .adresse_ortsteil { width: 30% !important; }

	.TraminoForm .AdresseWidget .adresse_telefon { width: calc( 40% - 5px ) !important; margin-right: 5px !important; }
	.TraminoForm .AdresseWidget .adresse_mobil { width: calc( 35% - 5px ) !important; margin-right: 5px !important; }
	.TraminoForm .AdresseWidget .adresse_fax { width: 25% !important; }




}