/* addional styles - no sass */
#ag-Header .ag-header-tools .ag-menu-tool.ag-i-contrast:before {
	content: '\e801';
}

html.ag-contrast-1 {

	body.ag-body {
		color: #000;
	}

	span, p, li, a, h1, h2, h3, h4, h5, h6 {
		color: #000 !important;
	}
	
	img, .ag-thmb {
		filter: grayscale(1);
	}

	.ag-logo:not(:first-of-type) img {
		filter: brightness(0);
	}

	a:not(.ag-cta-cover):hover {
		background-color: #000 !important;
		color: #fff !important;
	}

	.ag-media-slider .slick-dots.ag-slick-dots li {

		button::before {
			border-color: #fff;
		}

		&.slick-active button::before {
			background-color: #000;
		}
	}

	.ag-typo {
		a.ag-cta.ag-base::after {
			background-color: #000;
		}

		a.ag-cta {
			&.ag-button {
				background-color: #000;
				color: #fff !important;			
			}
		}

		a.ag-cta-cover:hover+a.ag-button {
			background-color: #fff;
			color: #000 !important;
		}

		.ag-menu-user {
			a {
				background-color: #fff;
			}

			ul li {
				border-width: 0 1px 1px;
			}

			a:hover {
				background-color: #000;
				color: #fff !important;
			}
		}

		.ag-sticky-menu {

			&.ag-open {
				background-color: #fff;
			}

			a.ag-trigger {
				background-color: #fff;
				&:hover::before {
					background-color: #000;
					color: #fff !important;
				}
			}
		}

		.ag-icon.ag-add.ag-i-fhg:before {
			background-color: #000;
			color: #fff;
		}

		.ag-icon.ag-add.ag-i-update:before {
			filter: grayscale(1) brightness(1) invert(0);
		}
	}
	
	.ag-slide:not(.ag-plain).ag-reverse::before {
		background: #fff;
	}

	.remodal-overlay {
		background: #ffffff90;
	}

	.ag-tools-dialog.remodal {
		background-color: #fff;
		border: 1px solid #000;
	}

	.ag-form {

		&.ag-form-ci {
			background-color: #fff;

			.ag-f-label-top {
				color: #000;
			}

			.ag-form-item.ag-f-one {
				border-color: #000;
				border-width: 1px;

				a.ag-icon {
					color: #000 !important;
				}

				button.ag-icon {
					background-color: #000;
					border-color: #000;
					

					span {
						color: #fff !important;			
					}
				}
			}	
		}
		
		input {
			border: 1px solid #000 !important;
			color: #000;
		}

		.ag-f-select {
			color: #000;
			border-color: #000;
			option {
				color: #000;
			}
		} 

		.ag-f-one input {
			border: 0 none !important;
		}
	}

	#ag-EduFilter {

		&.ag-form .ag-f-one {
			border: 1px solid #000;

			.ag-f-text, .ag-icon {
				color: #000 !important;
			}

			.ag-icon:hover .ui-icon-search {
				color: #fff !important;
			}

			.ag-f-text::placeholder {
				color: #000;
			}

			button.ui-button-icon-only {
				border: 0;
				border-left: 1px solid #000;
			}
		}

		.ag-display p .ag-tag:after {
			color: #000;
		}

		.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
			border-bottom-color: #000;
		}
	}

	.ag-ui {
		.ui-button {
			background-color: #fff;
			border-color: #000;
			color: #000;

			&:hover {
				background-color: #000;
				border-color: #fff;
				color: #fff !important;
			}
		}

		.ag-ui-inv:active, .ag-ui-inv.ui-state-active {
			background: #fff;
		}

		.ui-state-hover {
			border-color: #000;
			background: #000;
			color: #fff !important;

			* {
				color: #fff !important;
			}
		}
	}	

	#ag-Header {
		.ag-header-tools {
			border-color: #000;

			.ag-menu-tool[data-user] {
				z-index: 1;

				&.ag-open::before {
					background-color: #000;
				}

				&:hover::after {
					color: #000;
				}
			}

			.ag-menu-tool {

				.ag-current {
					background-color: #000;
					color: #fff !important;
				}

				&.ag-text {
					background-color: #fff;
					border: 1px solid #000;

					&:hover span {
						color: #fff !important;
					}
				}
			}
		}
	}

	#ag-MainMenu {

		li > a:hover, li.ag-current > a {
			background-color: #000 !important;
			color: #fff !important;
		}

		li.ag-lev1 li {
			background-color: #000;
		}

		li.ag-lev2 a:not(.ag-toggle) {
			background-color: #fff;
		}

		.ag-toggle {
			background-color: #000;

			&::before {
				color: #fff;
			}
		}
	}

	#ag-Main {
		.ag-base-10, .ag-brand-10, .ag-brand-15, .ag-t-10 {
			background: transparent;
		}

		.ag-content-box {

			&.ag-teaser-box .ag-box-inner .ag-cta {
				color: #000 !important;

				&:hover {
					color: #fff !important;
				}
			}

			&.ag-content-box.ag-list-box .ag-desc .ag-icon {
				border-color: #000;
			}

			.ag-box-inner[data-hint][data-hint-icon*=U]:before {
				filter: grayscale(1) brightness(1);
			}
			.ag-box-inner[data-hint][data-hint-icon*=F]:after {
				background-color: #000;
			}

			&.ag-info-box {
				> .ag-col::before, > .ag-col::after {
					color: #000;
				}

				> .ag-col.ag-ac::before {
					color: #00000030;
				}

				&:not([data-box-typ="meta"]) .ag-box-inner:hover {
					background-color: #000;
					box-shadow: 0 0 10px #000;
					color: #fff !important;

					*, &::before, &::after {
                    	color: #fff !important;
					}

					&.ag-ac::before {
						color: #ffffff30 !important;
					}

				}
			}

			.ag-box-inner {
				border: 1px solid #000;
			}
		}

		.ag-item-content.ag-brand-25 {
			background-color: #fff;
			color: #000;
		}

		.ag-teaser .ag-in-grid .ag-caption {
			background-color: #ffffff90;
		}

		.ag-ui .ag-ui-inv {
			border-color: #000;
			color: #000 !important;
		}

		.ag-ui .ag-ui-v1 {
			border-color: #000;
			background: #000;
		}

		.slick-prev::before, .slick-next::before {
			color: #000;
		}
	}

	#ag-Footer {
		background-color: #000;

		.ag-item-content.ag-copy {
			background-color: #000;
		}

		.ag-item-content:not(.ag-copy) a {
			border: 1px solid #fff;	

			&:hover {
				background-color: #fff !important;
				color: #000 !important;
			}
		}

		.ag-icon.ag-i-academy {
			&::before {
				color:#444 !important;
			}
			&::after {
				color:#fff !important;
			}
		}

		span, p, li, a, h1, h2, h3, h4, h5, h6 {
			color: #fff !important;
			background-color: transparent !important;
		}
	}

	#am-cookie.ag-cookie {
		background-color: #fff;		
		border-top: 1px solid #000;

		p {
			

			a.ui-button {
				border-color: #000 !important;
				color: #000 !important;
				background-color: #fff;

				&:hover {
					color: #fff !important;
					background-color: #000;
				}
			}
		}
	}

	.ag-newsletter .cr_form .cr_form-input {
		color: #000;
		border-color: #000;
	}

	/* interner Bereich */
	.ag-typo table.ag-table-plain col.ag-today {
		background-color: #000;
	}

	.ag-typo table thead th.ag-sorting-asc::before, .ag-typo table thead th.ag-sorting-desc::before {
		color: #000;
	}

	.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
		border-color: #000;
		background-color: #fff;
		border-width: 3px;
	}

	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		border-color: #000;
		background-color: #fff;
		border-width: 3px;
	}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		border-color: #000;
		background-color: #fff;
		border-width: 3px;
	}

	@media screen and (min-width: 641px) {
		.ag-typo table.ag-table-plain[data-table-typ="absences"] tbody tr:not(.ag-t-sep):nth-child(2n) td {
			background-color: #000;
			color: #fff;
		}

		.ag-typo table.ag-table-plain .ag-today * {
			color: #fff !important;
		}
	}

	@media screen and (max-width: 640px) {
		.ag-page .ag-table-wrapper.ag-dashboard {
			background-color: #000;
		}

		.ag-typo table.ag-table-plain.ag-single-col thead {
			border-bottom-color: #fff;
		}

		.ag-typo .ag-today .ag-single-col tbody {
			background-color: #000;
			border-color: #000;
		}

		.ag-typo table.ag-table-plain .ag-today {
			background-color: #000;
		}

		.ag-typo table.ag-table-plain .ag-today * {
			color: #fff !important;
		}
		
	}
}

html.ag-contrast-2 {
	body.ag-body {
		color: #fff;
	}

	span, p, li, a, h1, h2, h3, h4, h5, h6 {
		color: #fff !important;
	}
	
	img, .ag-thmb {
		filter: grayscale(1);
	}

	.ag-logo:not(:first-of-type) img {
		filter: grayscale(1) brightness(100);
	}

	a:not(.ag-cta-cover):hover {
		background-color: #fff !important;
		color: #000 !important;
	}

	.ag-media-slider .slick-dots.ag-slick-dots li {

		button::before {
			border-color: #000;
		}

		&.slick-active button::before {
			background-color: #fff;
		}
	}

	.ag-caption.ag-slider-caption {
		background-color: #00000090;
	}
	
	.ag-typo {

		.ag-menu-classic a {
			background-color: #000;
		}
		
		a.ag-cta.ag-base::after {
			background-color: #fff;
		}

		a.ag-cta.ag-button {
			background-color: #fff;
			color: #000 !important;
		}

		a.ag-cta-cover:hover+a.ag-button {
			background-color: #000;
			color: #fff !important;
		}

		.ag-menu-user {
			a {
				background-color: #000;
			}

			ul li {
				border-width: 0 1px 1px;
				border-color: #fff;
			}

			a:hover {
				background-color: #fff;
				color: #000 !important;
			}
		}

		.ag-sticky-menu {
			box-shadow: 0 0 5px rgba(255,255,255,0.5) !important;
			-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.5) !important;

			&.ag-open {
				background-color: #000;
			}

			a.ag-trigger {
				background-color: #000;
				&:hover::before {
					background-color: #fff;
					color: #000 !important;
				}
			}
		}

		.ag-icon.ag-add.ag-i-fhg:before {
			background-color: #fff;
			color: #000;
		}

		.ag-icon.ag-add.ag-i-update:before {
			filter: grayscale(1) brightness(1);
		}
	}
	
	.ag-slide:not(.ag-plain).ag-reverse::before {
		background: #000;
	}

	.remodal-overlay {
		background: #00000090;
	}

	.ag-tools-dialog.remodal {
		background-color: #000;
		border: 1px solid #fff;
	}

	.ag-form {
		
		&.ag-form-ci {
			background-color: #000;

			.ag-f-label-top {
				color: #fff;
			}

			.ag-form-item.ag-f-one {
				border-color: #000;
				border-width: 1px;

				a.ag-icon {
					color: #000 !important;
				}

				button.ag-icon {
					background-color: #fff;
					border-color: #fff;
					border-left-color: #000;

					span {
						color: #000 !important;			
					}
				}
			}	
		}
		
		input {
			border: 1px solid #fff !important;
			background-color: #000;
			color: #fff;
		}

		.ag-f-select {
			color: #fff;
			background-color: #000;
			border-color: #fff;
			option {
				color: #fff;
			}
		} 
	}

	#ag-EduFilter {

		&.ag-form .ag-f-one {
			border: 1px solid #fff;
			background: #000;

			.ag-f-text {
				border: 0 none !important;
			}

			.ag-f-text, .ag-icon {
				color: #fff !important;
			}

			.ag-icon:hover .ui-icon-search {
				color: #000 !important;
			}

			.ag-f-text::placeholder {
				color: #fff !important;
			}

			.ag-j-clear {
				color: #fff !important;

				&:hover::before {
					color: #000;
				}
			}

			button.ui-button-icon-only {
				border: 0;
				border-left: 1px solid #fff;
			}
		}

		.ag-display p .ag-tag:after {
			color: #fff;
		}

		.ui-multiselect-menu.ui-widget .ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
			border-bottom-color: #fff;
		}
	}

	.ag-ui {
		.ui-button {
			background-color: #000;
			border-color: #fff;
			color: #fff !important;

			&:hover {
				background-color: #fff;
				color: #000 !important;
			}
		}

		.ag-ui-inv:active, .ag-ui-inv.ui-state-active {
			background: #000;
		}

		.ui-state-hover {
			border-color: #fff;
			background: #fff !important;
			color: #000 !important;

			* {
				color: #000 !important;
			}
		}
	}

	.ag-teaser #ag-Teaser .ag-slide {
		background-color: #000;
	}

	.ag-teaser-item .ag-caption {
		background-color: #00000070;
	}

	#ag-Header {
		
		.ag-item-content {
			background-color: #000;
		}

		.ag-header-tools {
			border-color: #fff;
			background-color: #000;

			.ag-menu-tool.ag-current {
				background-color: #fff;
				color: #000 !important;
			}

			.ag-menu-tool[data-user] {
				z-index: 1;

				&.ag-open::before {
					background-color: #fff;
					color: #000;
				}

				&:hover::after {
					color: #fff;
				}
			}


			.ag-menu-tool {

				&.ag-text {
					background-color: #000;
					border: 1px solid #fff;

					&:hover span {
						color: #000 !important;
					}
				}
			}
		}
	}

	#ag-MainMenu {

		li > a:hover, li.ag-current > a {
			background-color: #fff !important;
			color: #000 !important;
		}

		li.ag-lev1 li {
			background-color: #000 !important;
			border-color: #fff;
		}

		li.ag-lev2 a:not(.ag-toggle) {
			background-color: #000;
		}

		.ag-toggle {
			background-color: #fff;

			&::before {
				color: #000;
			}
		}
	}

	#ag-Main {
		.ag-base-10, .ag-brand-10, .ag-brand-15, .ag-t-10, .ag-item-content  {
			background: #000;
		}

		.ag-content-box {

			&.ag-teaser-box .ag-box-inner .ag-cta {
				color: #fff !important;

				&:hover {
					color: #000 !important;
				}
			}

			&.ag-content-box.ag-list-box .ag-desc .ag-icon {
				border-color: #fff;
			}
			

			&.ag-info-box {
				> .ag-col::before, > .ag-col::after {
					color: #fff;
				}

				> .ag-col.ag-ac::before {
					color: #ffffff30;
				}

				&:not([data-box-typ="meta"]) .ag-box-inner:hover {
					background-color: #fff;
					box-shadow: 0 0 10px #fff;
					color: #000 !important;

					*, &::before, &::after {
                    	color: #000 !important;
					}

					&.ag-ac::before {
						color: #00000030 !important;
					}
				}
			}

			.ag-box-inner {
				border: 1px solid #fff;
				background-color: #000;
			}

			.ag-box-inner[data-hint]::before {
				background-color: #fff;
				color: #000;
			}

			.ag-box-inner[data-hint][data-hint-icon*=U]:before {
				filter: grayscale(1) brightness(1);
			}

			.ag-box-inner[data-hint][data-hint-icon*=U]:after {
				background: #000;
			}
		}

		.ag-item-content.ag-brand-25 {
			background-color: #000;
			color: #fff;
		}

		.ag-teaser .ag-in-grid .ag-caption {
			background-color: #00000090;
		}

		.ag-ui .ag-ui-inv {
			border-color: #fff;
			background: #000;
			color: #fff;
		}

		.ag-ui .ag-ui-v1 {
			border-color: #fff;
			background: #fff;
			color: #000 !important;
		}

		.slick-prev::before, .slick-next::before {
			color: #fff;
		}
	}

	#ag-Footer {
		background-color: #fff;

		.ag-item-content.ag-copy {
			background-color: #fff;
		}

		.ag-item-content:not(.ag-copy) a {
			border: 1px solid #000;	

			&:hover {
				background-color: #000 !important;
				color: #fff !important;
			}
		}

		.ag-icon.ag-i-academy {
			&::before {
				color:#999 !important;
			}
			&::after {
				color:#000 !important;
			}
		}

		span, p, li, a, h1, h2, h3, h4, h5, h6 {
			color: #000 !important;
			background-color: transparent !important;
		}

		img {
			filter: brightness(0);
		}
	}

	#am-cookie.ag-cookie {
		background-color: #000;		
		border-top: 1px solid #fff;

		p {
			a.ui-button {
				border-color: #fff !important;
				color: #fff !important;
				background-color: #000;

				&:hover {
					color: #000 !important;
					background-color: #fff;
				}
			}
		}
	}

	.ag-newsletter .cr_form .cr_form-input {
		color: #fff;
		border-color: #fff;
	}

	/* interner Bereich */
	.ag-typo table.ag-table-plain col.ag-today {
		background-color: #fff;
	}

	.ag-typo table thead th.ag-sorting-asc::before, .ag-typo table thead th.ag-sorting-desc::before {
		color: #fff;
	}

	.ag-typo table.ag-table-plain.ag-gridded thead td[colspan] {
		color: #000;
	}

	.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
		border-color: #fff;
		background-color: #000;
		border-width: 3px;
	}

	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		border-color: #fff;
		background-color: #000;
		border-width: 3px;
	}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		border-color: #fff;
		background-color: #000;
		border-width: 3px;
	}

	@media screen and (min-width: 641px) {
		.ag-typo table.ag-table-plain[data-table-typ="absences"] tbody tr:not(.ag-t-sep):nth-child(2n) td {
			background-color: #fff;
			color: #000;
		}

		.ag-typo table.ag-table-plain .ag-today * {
			color: #000 !important;
		}
	}

	@media screen and (max-width: 640px) {
		.ag-page .ag-table-wrapper.ag-dashboard {
			background-color: #fff;
		}

		.ag-typo table.ag-table-plain.ag-single-col thead {
			border-bottom-color: #000;
		}

		.ag-typo .ag-today .ag-single-col tbody {
			background-color: #fff;
			border-color: #fff;
		}

		.ag-typo table.ag-table-plain .ag-today {
			background-color: #fff;
		}

		.ag-typo table.ag-table-plain .ag-today * {
			color: #000 !important;
		}
	}
}