@charset "UTF-8";
@import "ukj-block-turquoise.css"; 
@media only screen and (max-width : 5000px) {
	/*
	 * 1a: Hintergrund Mandantenbezeichnung, Hintergrund der Brotkrümelleiste, Inhaltsboxen Hintergrundfarbe, Hintergrundfarbe der Partner-Logos
	 * 1b: Textfarbe des Top-Menüs, Centerboxen - Link Textfarbe, Footer-Textfarbe
	 * 2a: Hintergrundfarbe des Top-Menüs, Footer-Hintergrundfarbe
	 * 2b: Textfarbe Mandantenbezeichnung, Überschrift H1
	 * 3: Centerboxen - Link Hintergrundfarbe
	 * 4: Inhaltsboxen Textfarbe
	 * 5: Überschrift H2
	 * 6: Verlinkung - Textfarbe, Verlinkung - Textfarbe - Hover,
	 * 7: Menü - Ebene 1 - Hintergrundfarbe
	 * 8: Menü Ebene 1 - Textfarbe
	 * 9: Menü - Ebene 2 - Hintergrundfarbe
	 * 10: Menü Ebene 2 - Textfarbe
	 * 11: Menü - Ebene 3 - Hintergrundfarbe
	 * 12: Menü Ebene 3 - Textfarbe
	 * 13: Menü - Ebene 4 - Hintergrundfarbe
	 * 14: Menü Ebene 4 - Textfarbe
	 * 15: Menü - aktiverer Menüpunkt - Hintergrund
	 * 16: Menü - aktiverer Menüpunkt - Textfarbe
	 * 17: Menü - Mouse-Hover - Hintergrund
	 * 18: Menü - Mouse.-Hover - Textfarbe
	 * 19: Textfarbe des Top-Mouse-Hover, Footer-Textfarbe-Mouse-Hover
	 * 20: Überschrift H3
	 * 21: Centerboxen - Link Hintergrund - Hover
	 * 22: Centerboxen - Link Textfarbe - Hover
	 */

	/* 1a */
	.nonukj header,
	.breadcrumb,
	.footer-partners {
		background-color: #FFFFFF;
	}

	/* 1b */
	.headerlinks *,
	.block .row .tile-link,
	footer *{
		color: #FFFFFF;
	}

	/* 2a */
	.headerlinks,
	footer {
		background-color: #3BB0C9;
	}
	
	/* Hover-Farbe des goto-Buttons */
	.gototop:hover {
    background-color: #3BB0C9;
}

	/* 2b */
	.logo-nonukj > a:last-child,
	.content h1, .content h1 span {
		color: #3BB0C9;
	}

	/* Logo rechter Rahmen */
	.logo-nonukj > a:first-child {
		border-right: 1px solid #0a93c1;
	}

	/* 3 */
	
	.background:hover:not(.no-link) .tile-content {
    	background-color: #3BB0C9;
    	text-shadow: 0 0 2px black;
	}
	
	/* Farbe der Box-Überschrift (bei Link) in den Centerboxen
 	 * 07.11.2018 - SHei (UKJ) */
	.tile-content .tile_title {
		color: #3BB0C9;
	}

/*	.block .row .tile-content {
		background-color: #FFFFFF;
	}*/
	
	/* 4 */
	/*.nonukj header,
	.breadcrumb,
	.footer-partners,
	.sidebar-left > nav > ul,
	.content-bottom * {
		color: green;
	}*/ 
	
	/* 5 */
	.content h2, .content h2 span {
		color: #3BB0C9;
	}

	/* 6a */
	.content a,
	.content a > span,
	.mceContentBody a,
	.content a > .fa {
		color: #3BB0C9;
	}

	/* 6b */
	.content a:hover,
	.mceContentBody a:hover,
	.content a:hover > .fa {
		color: #3BB0C9;
	}
	
	/* 7 */
	.sidebar-left > nav > ul > li {
		background-color: #FFFFFF;
	}

	/* 1. Menüpunkt linker Rahmen */
	.sidebar-left > nav > ul > li:hover {
		border-left: 5px solid #0a93c1;
	}
	
	/* schmaler Balken links im aktiven Menüpunkt */
	.sidebar-left > nav > ul > li:hover {
    	border-left: 5px solid #3BB0C9;
	}
	
	/* 8 */
	.sidebar-left ul a .text {
		color: #000000;
	}

	/* 9 */
	.sidebar-left > nav > ul > li > ul > li.inpath,
	.sidebar-left nav ul ul ul li {
		background-color: #E1E1E1;
	}

	/* 10 */
	.sidebar-left > nav > ul > li > ul > li.inpath a text,
	.sidebar-left nav ul ul ul li a text {
		color: #000000;
	}

	/* 11 */
	.sidebar-left > nav > ul > li > ul > li > ul > li.inpath,
	.sidebar-left nav ul ul ul ul li {
		background-color: #C8C8C8;
	}

	/* 12 */
	.sidebar-left > nav > ul > li > ul > li > ul > li.inpath a text,
	.sidebar-left nav ul ul ul ul li a text {
		color: #000000;
	}

	/* 13 */
	.sidebar-left > nav > ul > li > ul > li > ul > li > ul > li.inpath,
	.sidebar-left nav ul ul ul ul ul li {
		background-color: #C8C8C8;
	}

	/* 14 */
	.sidebar-left > nav > ul > li > ul > li > ul > li > ul > li.inpath a text,
	.sidebar-left nav ul ul ul ul ul li a text {
		color: #000000;
	}

	/* 15 und 16 */
	.sidebar-left li.current > a,
	.sidebar-left li.current > a .text {
		background-color: #3BB0C9;
		color: #FFFFFF;
	}

	.sidebar-left > nav > ul > li.inpath {
		border-left: 5px solid #3BB0C9;
	}

	/* 17 und 18 */
	.sidebar-left a:hover,
	.sidebar-left a:hover .text {
		background-color: #3BB0C9;
		color: #FFFFFF;
	}

	/* 19 */
	.headerlinks *:hover,
	footer a:hover {
		color: #FFFFFF;
	}

	/* 20 */
	.content h3, .content h3 span {
		color: #3BB0C9;
	}

	/* 22 
	.tile:hover a .tile-content {
		background-color: #c2750a;
	}*/

	/* Formular Button */
	input[type="submit"], a.captcha_reload {	
		background-color: #3BB0C9;	
		color: #FFFFFF;
	}		
		
	button, input[type="reset"], input[type="button"], input[type="submit"] {
		background-color: #3BB0C9;	
	}	

	/* Aktuelles Überschrift News */
	.ukj-newslist article h2 a {
		color: #3BB0C9;
	}
	.ukj-newslist article h2 a:hover {
		text-decoration-line: none;
	}
	
			
	/* Mobile Version Menüpunkt hover */
	header nav a:hover, header nav a:hover .text, header nav a:hover .expander, header nav a:hover i.fa, header nav li.current > a, header nav li.current > a .text, header nav li.current > a .expander {
		background-color: #3BB0C9;
		color: #FFFFFF;
	}	
	
	/* Glossar */
	.ukj-glossary .title > h2 {
		color: #3BB0C9;
	}	
	
}

/*******************************/

/* Large Devices, Wide Screens */

/*******************************/

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

 

}

 

/****************************/

/* Medium Devices, Desktops */

/****************************/

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

 

}

 

/**************************/

/* Small Devices, Tablets */

/**************************/

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

 

}

 

/*******************************/

/* Extra Small Devices, Phones */

/*******************************/

@media only screen and (max-width : 480px) {
	/* Logo rechter Rahmen */
	.logo-nonukj > a:first-child {
		border: 0;
	}
}

 

/*************************/

/* Custom, iPhone Retina */

/*************************/

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

 

}