/* Formate Nordseerose */

/* -------------------- Fonts */
@font-face {
    font-family: 'tex_gyre_scholaitalic';
    src: url('../font/texgyreschola-italic/texgyreschola-italic.eot');
    src: url('../font/texgyreschola-italic/texgyreschola-italic.eot?#iefix') format('embedded-opentype'),
         url('../font/texgyreschola-italic/texgyreschola-italic.woff') format('woff'),
         url('../font/texgyreschola-italic/texgyreschola-italic.ttf') format('truetype'),
         url('../font/texgyreschola-italic/texgyreschola-italic.svg#tex_gyre_scholaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url("../font/Open_Sans/Open_Sans.eot"); /* IE9 */
	src: url("../font/Open_Sans/Open_Sans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../font/Open_Sans/Open_Sans.woff2") format("woff2"), /* chrome, firefox */
	url("../font/Open_Sans/Open_Sans.woff") format("woff"), /* chrome, firefox */
	url("../font/Open_Sans/Open_Sans.ttf") format("truetype"), /* chrome, firefox, opera, safari, android, iOS 4.2+ */
	url("../font/Open_Sans/Open_Sans.svg#Open Sans") format("svg"); /* iOS 4.1- */
}

/* -------------------- Basis */
html, body {
	height: 100%;
}

body {
	background: #FFFFFF;
	font-family: "Open Sans", sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.03em;
}

b {
	font-weight: 700 !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "tex_gyre_scholaitalic" !important;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}

.grey-text {
	color: #666666 !important;
}


/* -------------------- Links */
a {
	color: #4E6AAF !important;
}
a:hover {
	color: #000000 !important;
	text-decoration: underline;
}
.footer-custom a {
	color: #888888 !important;
}
.footer-custom a:hover {
	color: #FFFFFF !important;
	text-decoration: none;
}


/* -------------------- Wrappers */


/* -------------------- BG Areas Custom */


/* -------------------- Sectors Custom */


/* -------------------- Content Area */


/* -------------------- Shadows */


/* -------------------- Navbar Custom */
.navbar .navbar-nav .nav-item .nav-link {
	font-family: "tex_gyre_scholaitalic" !important;
	font-size: 18px;
	/*padding: 6px 11px !important;*/
	color: #4E6AAF !important;
	transition: all 0.2s !important;
	text-decoration: none;
}
.navbar .navbar-nav .nav-item .nav-link:hover {
	color: #3C5391 !important;
	background: #F4F4F4 !important;
}
.navbar .navbar-nav .nav-item.active .nav-link {
	/*color: #BF2830 !important;*/
	color: #2C8AC5 !important;
	background: #F4F4F4 !important;
}

.toggler-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(78,106,175)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.toggler-custom.navbar-toggler {
	border-color: rgb(78,106,175) !important;
} 


/* -------------------- Footer Custom */
.footer-custom {
	background: #181818 !important;
}

.footer-custom .grey-text {
	color: #888888 !important;
}

/* -------------------- Buttons Custom */


/* -------------------- Forms Custom */


/* -------------------- Modal Custom */


/* -------------------- Font Awesome Custom */


/* -------------------- Scroll to Top */


/* -------------------- Breakpoint Dependent */

/* sm - Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* md - Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* lg - Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* xl - Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


/* -------------------- Internet Explorer Card Img Fix */
/*
	.card img {
		height:100%;
	}
*/


