Vorlage:AWN.css: Unterschied zwischen den Versionen

Aktuelle Version vom 3. Dezember 2025, 13:56 Uhr

.cv-icon, .sp-icon, .ms-icon {
	width:						14px;
	height:						14px;
	display:					inline-block;
	background-repeat:			no-repeat;
	background-size:			contain;
	background-position:		center;
	margin-right:				2px;
	}

.AWN-Menu {
	align-items:				center;
	display:					inline-flex;
	vertical-align:				bottom;
	}

.neu-menu .AWN-Menu {
	margin-left:				6px;
	}

.AWN-Menu > .Menu .cv-icon {
	margin-right:				2px;
	}

.AWN-Menu > .Menu.icon-only > i,
.AWN-Menu > .Menu.icon-only > i:first-child.glyphicon {
	margin-left:				0;
	}

.AWN-Menu > .Menu.icon-only {
	width:						1.2em;
	padding:					0;	
	}


/* schwarz zu rot */
.AWN-Menu .Menu .cv-icon.fc__rot,
.AWN-Menu .Sub-Menu .cv-icon.fc__rot,
.AWN-Menu .Menu .sp-icon.fc__rot,
.AWN-Menu .Sub-Menu .sp-icon.fc__rot,
.AWN-Menu .glyphicons.fc__rot,
.AWN-Menu .glyphicon.fc__rot,
.AWN.spc__default > i.glyphicon {
	filter:				invert(76%)sepia(63%)saturate(15364%)hue-rotate(365deg)brightness(102%)contrast(81%)
	}

.button.button-default.AWN > i.glyphicons,
.button.button-default.AWN > i.halflings,
.button.button-default.AWN > i.cv-icon {
	filter:				invert(100%) sepia(0%) saturate(7490%) hue-rotate(133deg) brightness(10) contrast(102%);
	opacity:					1;
	}

.nofilter {
	filter:						none !important;
	}

.AWN > i.cv-icon.glyphicon-download {
	filter:				invert(100%) sepia(0%) saturate(7490%) hue-rotate(133deg) brightness(10) contrast(102%);
}

.button.button-default.AWN > .cv-icon.glyphicon-import {
	filter:				invert(0)sepia(0%)saturate(0)hue-rotate(133deg)brightness(10)contrast(102%);
	}

.spc__default.AWN.font-color__white-l > i.glyphicon,
.button.AWN > .glyphicon {
	filter:				invert(100); /* Filter  weiß */
	}

.button.AWN.grau > .glyphicon,
.reiter.AWN > i.glyphicon,
.fc__grau.glyphicon,
.AWN-Menu > .Sub-Menu.grau i.fc__rot {
	filter:				invert(39%) sepia(11%) saturate(866%) hue-rotate(193deg) brightness(93%) contrast(84%);; /* Filter  schwarz nach grau */
	}

.button.AWN.icon > i.glyphicon {
  filter: invert(26%) sepia(55%) saturate(7477%) hue-rotate(351deg) brightness(96%) contrast(87%); /* Filter schwarz nach rot #e52b2b */
}

/*** schwarz zu blau ***/
.AWN-Menu .blau i,
.AWN-Menu .blau i.fc__rot {
	color:					#2e5481;
	filter: invert(26%) sepia(76%) saturate(462%) hue-rotate(172deg) brightness(93%) contrast(88%);
	}

/*
.AWN-Menu i:first-child.glyphicon {
	position:					absolute;
	margin-left:				-1.2em;
	}
*/ 

.AWN-Menu > .Menu.icon > .glyphicon {
	margin-left:				-0.6em;
	}

.button.button-default.AWN.grau {
	background:					#e9e9e9;
	color:						#181c32;
	}


.AWN-Menu > .Menu > i.fas.fa-hand-pointer {
	color:						black;
	}

.AWN-Menu > .Menu,
.AWN-Menu > .Sub-Menu {
	color:						#e52b2b;
	padding:					0px 2px;
	}

.AWN-Menu > .Menu.grau,
.AWN-Menu > .Sub-Menu.grau {
	color:						#333;
	}

.AWN-Menu > .Menu.blau,
.AWN-Menu > .Sub-Menu.blau {
	color:				#2e5481;
	}

.AWN-Menu > .Menu {
	background:			#f0f0f0;
 	align-items:		center;
	display:			inline-flex;		
	}

.AWN-Menu > .Menu + .fas.fa-option {
	margin-left:		4px;
	margin-right:		4px;
}

.AWN-Menu > .Sub-Menu {
	border:				1px solid #f9f9f9;
	background:			#fff;
	margin-left:		0px;
	/* padding-left:		1.05em; */
 	align-items:		center;
	display:			inline-flex;		
	position:			relative;
	}

.AWN-Menu > .Sub-Menu.fa-icon {
	padding-left:		0.1em;
	}

.AWN-Menu > .Menu i,
.AWN-Menu > .Sub-Menu i {
	padding-right:		0.1em;
}

.new_design ~ .neu-menu .button.button-default.UTM.icon {
	background:			#aaa;
	}

.button.button-default.AWN {
	background:				#e52b2b;
	color:					#fff;
	font-size:				90%;
	padding:				0px 0.5em;
	border-radius:			3px; /* 0.475rem; */
	border:					#e52b2b;
 	align-items:			center;
	display:				inline-flex;
	vertical-align:			text-bottom;
	}


.button.button-default.AWN > i.cv-icon {
position:relative;
/* top:2px;
margin-right:3px; */
}


/* .button.AWN > i.glyphicon {
	margin-right:				3px;
	} */


.button.button-default.icon.AWN {
	background:				transparent;
	color:					#e52b2b;
	font-size:				110%;
	padding:				0px;
	border:					0;
	filter:					invert(36%) sepia(33%) saturate(6364%) hue-rotate(345deg) brightness(103%) contrast(81%); /* Filter grau nach rot */
	opacity:				1;
	}

.button.small {
	min-height:				0;
	line-height:			15px;
	}

.button.small > i.glyphicon {
	width:					15px;
	height:					15px;
	}

.button.xsmall {
	min-height:				0;
	line-height:			13px;
	}

.button.xsmall > i.glyphicon {
	width:					13px;
	height:					13px;
	}

.AWN.ic-eingabe {
	background-color:			rgb(242, 242, 242);
	border-color:				rgba(0,0,0,0.125);
	border-radius:				0px;
	padding:					0px 3px;
	margin:						3px 0px;
	display:					inline-block;
	}


.AWN.font-color__b-grau {
	color:						#3f4254;
	}


.AWN.beschriftung {
	font-weight:				inherit;
	}

.AWN.font-color__grau-l .cb-content {
	color:						#333;
	}

.AWN.ic-eingabe .inner-block {
	display:					flex;
	align-items:				center;
	justify-content:			space-between;
	}

.AWN .cb-content {
	word-break:					initial;
	}

.AWN.border-color__rot {
	border-color:				#e52b2b;
	}

.AWN.round {
	border-radius:				0.625rem;
	}

.AWN.font-color__grau-l .cb-content::before {
	color:						#999;
	}


.AWN .ButtonAn-Toggle {
	left:						27px;
	top:						0.175em;
	background:					#fff;
	transition:					0.3s;
	width:						1em;
	height:						1em;
	box-shadow:					0 0 6px -2px black;
}

.AWN.ButtonAus {
background:#fcfdfd;
	width:						3em;
	height:						1.5em;
	top:						0px;
	border:						1px solid rgba(0,0,0,0.125);
	margin-right:				5px;
	border-radius:				24px;
	}

.AWN .ButtonAus-Toggle {
	border:						0px solid #999999;
	border-radius:				11px;
	bottom:						0px;
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						1.0em;
	height:						1.0em;
	clear:						both;
	align-self:					center;
	margin-left:				3px;
	background:					#bdbebe;
	}

.AWN.fc__rot, font-color__rot {
	color:		#e52b2b;
	}

.button.button-default.AWN.first {
	border-top-left-radius:		0.6em;
	border-bottom-left-radius:	0.6em;
	border-top-right-radius:	0em;
	border-bottom-right-radius:	0em;
	padding:					4px 0px 4px 1px;
	}

.button.button-default.AWN.last {
	border-top-left-radius:		0em;
	border-bottom-left-radius:	0em;
	border-top-right-radius:	0.6em;
	border-bottom-right-radius:	0.6em;
	padding:					4px 0px 4px 0px;
	}

.button.button-default.AWN.first.small,
.button.button-default.AWN.last.small {
	padding:					3px 0px 3px 1px;
	}

.button.button-default.AWN.first.xsmall,
.button.button-default.AWN.last.xsmall {
	padding:					2px 0px 2px 1px;
	}

.button.button-default.AWN.first > i.mr3 {
	margin-right:				0px;
	}

.button.button-default.AWN.last > i.mr3 {
	margin-right:				0px;
	}

.AWN-Menu > .Menu.icon {
	border:						1px solid #e52b2b;
	border-radius:				0.3em;
	width:						1.25em;
	height:						1.25em;
	display:					inline-block;
	text-align:					center;
	background:					white;
	}

/*
.AWN-Menu .Sub-Menu > i.glyphicon-search {
margin-left: -1em !important;
	}

.AWN-Menu > .Menu > i.glyphicon-search {
padding-left: -1em !important;
	}


.pdl18,
.pd-icon,
.AWN-Menu > .Menu.pdl18,
.AWN-Menu > .Menu.pd-icon {
	padding-left:				18px;
	}

.h-box .AWN-Menu > .Menu.pd-icon {
	padding-left:				1.25em;
	}
*/

.glyphicon-list, 
fs__xs {
	width:						14px;
	height:						14px;
	}

.fs__xl {
	width:						25px;
	height:						25px;
	}

.fs__xxl {
	width:						30px;
	height:						30px;
	}

.fs__xxxl {
	width:						35px;
	height:						35px;
	}
.text-h4 > .AWN-Menu > .Sub-Menu > i.glyphicon {
	width:						110%;
	height:						110%;
	}

.text-h4 > .AWN-Menu > .Sub-Menu > i.glyphicon.glyphicon-list {
	width:						17px;
	height:						17px;
	}

.text-h3 > .AWN-Menu > .Sub-Menu > i.glyphicon {
	width:						130%;
	height:						30px;
	}

.text-h3 > .AWN-Menu > .Sub-Menu > i.glyphicon.glyphicon-list {
	width:						19px;
	height:						19px;
	}

.AWN.bc__grau {
	background-color:			#e1e1e1;
	}

.AWN.bc__rot {
	background-color:			#e52b2b;
	}