/* fonts for KTK */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 900;
	src: 	url('../Fonts/OpenSans-ExtraBold.eot#') format('eot'), 
			url('../Fonts/OpenSans-ExtraBold.woff') format('woff'), 
			url('../Fonts/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: 	url('../Fonts/OpenSans-Bold.eot#') format('eot'), 
			url('../Fonts/OpenSans-Bold.woff') format('woff'), 
			url('../Fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: 	url('../Fonts/OpenSans-Semibold.eot#') format('eot'), 
			url('../Fonts/OpenSans-Semibold.woff') format('woff'), 
			url('../Fonts/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: 	url('../Fonts/OpenSans-Regular.eot#') format('eot'), 
			url('../Fonts/OpenSans-Regular.woff') format('woff'), 
			url('../Fonts/OpenSans-Regular.ttf') format('truetype');
}

/*******************************************
 *
 *		DEFAULT SETTINGS 
 *		
 *******************************************/  

body, html {
	margin: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
/*	overflow: hidden; */
}

form {
	margin: 0;
	padding: 0;
}

ol, ul {
	padding-left: 2.4rem;
	margin-bottom: .5rem;
}

ol li {
	list-style-type: decimal;
	padding-left: .25rem;
	margin-bottom: .5rem;
}

ul li {
	list-style-type: disc;
	padding-left: .25rem;
	margin-bottom: .5rem;
}

p {
	padding: 0;
	margin: 0 0 1rem;  
}

.hidden {
	display: none;
}

a {
	color: #4a6bd6;
	font-weight: 600;
	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

a img {
	border: none; 
}

.clear {
	clear: both; 
}

.align-right, .right, .text-right {
	text-align: right;
}

.align-center, .center, .text-center {
	text-align: center;
}

.align-justify, .justify, .text-justify {
	text-align: justify;
}

.align-left, .left, .text-left {
	text-align: left;
}

.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.bold {
	font-weight: 700;
}

.semibold {
	font-weight: 600;
}

.absoluteOutOfViewport {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -3000px;
}

.absoluteOutOfViewportNoFocus:not(:focus) {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip-path: inset(100%);
	white-space: nowrap;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.lrAqou {
	font-size: 1.3rem;
}

img {
	 /* border-radius: 6px; */
}

/*******************************************
 *
 *		MAIN SETTINGS 
 *		
 *******************************************/  

h1 {
	margin: 2.0rem 0 1rem;
	font-size: 2.4rem;
	font-weight: 600;
}

h2 {
	margin: 2.0rem 0 0.80rem;
	font-size: 1.6rem;
	font-weight: 600;
}

h3 {
	margin: 1rem 0 0.5rem;
	font-size: 1.4rem;
	font-weight: 600;
}

h4 {
	margin: 0.75rem 0 0.5remx;
	padding: 0px;
	font-size: 1.2rem;
	color: #134786;
	font-weight: 600;
}

h5 {
	margin: 0.6rem 0 0.5remx;
	font-size: 1.1rem;
	font-weight: 600;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: inherit;
	text-decoration: none;
} 

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: inherit;
	text-decoration: none;
} 


.imageCopyright {
	width: auto;
	position: absolute;
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
	z-index: 2;
	height: auto;
	font-size: .875rem;
	text-align: right;
	color: #fff;
	padding: .875rem 1.56rem;
	margin: 0;
	background: rgba(0,0,0,.5);
}

.imageCopyrightMiddle {
	padding-right: 20%;
}


/*******************************************
 *
 *		LAYOUT SETTINGS 
 *		
 *******************************************/  

.maxw1920 {
	max-width: 1920px;
	margin: 0 auto;
}

/*******************************************
 *		Header
 *******************************************/  

header#header {
}

header#header .headerLogo {
	margin: 0 0 1.8rem;
}

header#header .headerMenu {
	margin: 0.6rem 5rem 1.0rem 0;
	text-align: right;
}

header#header .headerMenu a.navLink {
	padding: 0.125rem 0.75rem;
	font-size: 1rem;
	font-weight: 600;
	color: #1428C8;
	display: inline-block;
	margin: 0 0.0rem;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ffffff;
}

header#header .headerMenu a.navLink:hover {
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  text-decoration: none;
}


@media all and (max-width: 767px) {
	header#header {
	}
}


/*******************************************
 *		Footer
 *******************************************/  

footer.footer {
	background-image: linear-gradient(180deg, rgba(218,218,218,0.1) 0%, rgba(218,218,218,0.2) 70%, rgba(218,218,218,0.6) 100%);
	padding: 0;
	font-size: 0.875rem;
	margin-top: 6rem;
}

footer.footer .seperateLine {
	background: url('../Images/Layout/dekoko_seperate_line_transparent.png') 0 0 repeat-x;
	height: 15px;
}

footer.footer .footerContent {
	padding: 1.5rem 0 3.0rem;
}

footer.footer .footerContent span.bigger {
	font-size: 1.2rem;
}

footer.footer .redFlag {
	position: absolute;
	top: -18px;
	right: 0;
	z-index: 101;
	background: url('../Images/Layout/redFlag_60.png') 0 0 no-repeat;
	width: 60px;
	height: 60px;
}

footer.footer .footerColumn {
	padding-top: 2.7rem;
	padding-bottom: 1rem;
}

footer.footer .footerColumn a {
	color: #000000;
}

footer.footer .footerColumn a:hover {
	color: #666666;
}


/*******************************************
 *
 *		TOP BUTTON 
 *		
 *******************************************/  

.topButton:hover, .topButton:focus  {
	border: 1px solid #666666;
	color: #ffffff;
}

.topButton {
	background: #666666 url("../Images/Icons/Site/toTop.svg") 0 center no-repeat;
	border: 2px solid #ffffff;
	border-radius: 6px;
	height: 44px;
	width: 44px;
}

#toTop {
	position: fixed;
	right: 6px;
	bottom: 10px;
	display: none;
	cursor: pointer;
	z-index: 9001;
}

/*******************************************
 *
 *		SEARCH
 *		
 *******************************************/  

div.searchField {
	position: relative;
}

input.headSearchField {
	border: 1px solid #666666;
	border-radius: 5px;
	font-family: "Open Sans",arial;
	font-size: 1.1em;
	margin-bottom: 0;
	padding: 4px 42px 4px 6px;
	width: 100%;
	height: 40px;
	background: #ffffff url("../Images/Icons/iconSearchDarkGrey.svg") right center no-repeat;
}

.searchButton {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 1px;
	z-index: 3;
}

div.searchField {
	position: relative;
}

.tx-indexedsearch {
}


/*******************************************
 *
 *		TYPO3 RESPONSIVE SETTINGS 
 *		
 *******************************************/  
@media all and (max-width: 575px) {
}

@media all and (min-width: 576px) and (max-width: 991px) {
}

@media all and (max-width: 767px) {
}

@media all and (min-width: 768px) and (max-width: 991px) {
}

@media all and (min-width: 992px) and (max-width: 1199px) {
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
	
}

@media all and (min-width: 1400px) {
}

@media print {    
	#mobileView, #menumobile, #clientBar, .buttonArray, #searchFieldSection, .footerColumn3, .footerColumn4, #footerLogo, #footerLogoSmart, .socialLinks, .underFooter, #newMainNavBar, .hideOnPrint  {
		display: none !important;
	}
	.showOnPrint {
		display: block !important;
	}
}