/*************************************************************************/
/*  Theme Custom  */

body {
	font-family: skolar-sans-latin, sans-serif;
	font-weight: 200;
	font-size: 24px;
	line-height: 180%;
	color: #000;
	background-color: #fff;
}


@media only screen and (max-width: 1440px) {
	body {font-size: 18px; line-height: 160%;}
}
@media only screen and (max-width: 970px) {
	body {font-size: 18px; line-height: 190%;}
}


.brand-color {
	color: #00245a;
}
.txt-weiss *,.txt-weiss * *,.txt-weiss * * *{
	color: #fff!important;
}
.halber-hintergrund{
    position: relative;
}
.halber-hintergrund:after{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00245a;
    top: 35%;
	z-index: -1;
}

/* Title */
h1, h2, h3, h4, h5, h6 {
	font-family: skolar-sans-latin, sans-serif;
	line-height: 130%;
	color: #00245a;
	font-weight: 300;
}
h1 {
	font-size: 250%;
}
h2 {
	font-size: 208%;
}
h3 {
	font-size: 142%;
	font-weight: 600;
} 
h4 {
	font-size: 113%;
	font-weight: inherit;
} 

@media only screen and (max-width: 970px) {
	h1 {font-size: 180%;}
	h2 {font-size: 135%;}
	h3 {font-size: 120%;}
}
strong {font-weight: 700}

/* Container */

.container {
    max-width: 1200px;
}
.container-fluid {
    max-width: 80%;
}

@media only screen and (max-width: 1400px) {
	.container{	max-width: 90%;	}
	.container-fluid {max-width: 90%;}
}


/* Logo */

.logo {
	padding-top: 40px;
	padding-bottom: 20px;
}
.logo img {
	width: 380px;
}


/* Logo fixnav */
.res-fixnav.show .logo {
	padding-top: 15px;
	padding-bottom: 20px;
}
.res-fixnav.show .logo img {
	max-width: 250px;
}




/* RES Nav */

.res-nav .nav-link {
	font-size: 80%;
	color: #00245a !important;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05rem
}

@media only screen and (min-width: 970px) {
.home .res-nav .nav-link, .weisser-header .res-nav .nav-link, .page-firmenkunden .res-nav .nav-link {
	color: #fff!important;
}
.res-fixnav.show .res-nav li a {
	font-size: 80%;
}
}
@media only screen and (min-width: 1400px) {
.res-nav .nav-link {
	font-size: 70%;
}
.res-fixnav.show .res-nav li a {
	font-size: 70%;
}
}

.res-header {position: absolute;}

.res-fixnav.show .nav-link{
	color: #00245a !important;
}

.res-fixnav.show .mt-auto{
    margin-top: 0.4rem !important;
}
@media (min-width: 1280px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
}
}@media only screen and (max-width: 970px) {
.res-nav .nav-link {
    font-size: 120%;
    padding-top: 8px;
    padding-bottom: 8px;
}
.res-nav .menu-item-type-post_type:first-of-type {
    padding-top: 20px;
}
.res-nav .nav-item:last-of-type {
    padding-bottom: 20px;
}
}
/* Hover */
.res-nav-section li a:hover{
	font-weight: 600;
	opacity: 0.7
}

/* active */
li.active > a.nav-link,
li.active .current-menu-item > a.dropdown-item {
	font-weight: 200;
	opacity: 0.7
}



/* Buttons */


.btn {
	padding: 0.6rem 2.4rem;
	border-radius: 0;
	font-size: 92%;
	font-weight: 600;
}
 
 .btn-primary{
    background-color: #00245a;
    color: #fff;
}
 .btn-blog{
	padding: 0.4rem 1.5rem;;
	font-size: 75%;
}
.btn-secondary{
	border: 1px solid #00245a;
	background-color: #fff;
	color: #00245a;
}

.btn-text-link {
	padding: 0 0 0 10px;
	border-radius: 0;
	border: 0;
}
.vfbp-form .btn-primary {
    background-color: #00245a;
	border: none;
}

/* Footer */

.res-footer {
	border-top: none;
	background-color: #fff;
	font-size: 100%;
}
.res-widget-footer, .res-widget-footer address a {
	font-size: 100%;
	line-height: 150%
}
.res-widget-footer p, .res-widget-footer a, .res-widget-footer address {
	font-size: 83%
}

.res-widget-footer.footer-social-icon i {
	background: none;
	color: #00245a;
	font-size: 160%;
	margin-right: 0;
	
}
.res-footer h4 {
    font-size: 108%;
    font-weight: 600;
    margin-bottom: 10px;
}

.res-footer-copyright {
    font-size: 16px;
}

@media only screen and (max-width: 1400px) {
	.copyright-col2{margin-right: 100px;}}
@media only screen and (max-width: 970px) {
.res-footer .pt-4{
	padding-top: 3rem!important;
}
.res-footer .text-right{
	text-align: left!important;
}
}
/*************************************************************************/
/*   Custom CSS  */


.marker{
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #2b52b9;
	color: #2b52b9;
}


.zahlen * h4,
.zahlen * h2 {
font-weight: 600;
display: inline;
}
.zahlen * h2 {
font-size: 250%;
}

.blog-raster .postContent {
	font-size: 90%;
	line-height: 150%;
}

.res-header-video strong, .res-header-video .row .text-left h1 {
	color: #00245a
}
@media only screen and (max-width: 1250px) {
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
	font-size: 70%;
	text-transform: none;
}
.logo img {
    width: 250px;
}
.res-header-video .sloganBox h1 {
    font-size: 100%;
}
body .res-cta .sloganbox-background {
    padding: 2.5rem 3rem;
}
}
.desktop-nav .wpml-ls-item {
	display: none;
}
@media only screen and (max-width: 970px) {
.res-header-video .row .text-left h1 {
	font-size:87%;
padding-bottom: 0;
}
.res-header-video .row .text-left h2 {
margin-bottom: 0;
padding-bottom: 0;
}
.navbar-expand-md .navbar-nav .nav-link {
	font-size: 90%;
	text-transform: uppercase;
}
.res-header .wpml-ls-menu-item .dropdown-menu .dropdown-item {
    padding: 0;
    font-size: inherit;
}
.res-content-topspace {
    padding-top: 60px;
}
#res-txt-block_60a76d1bfeb85.pt-4 {
    padding-top: 0 !important;
}
.res-singlepage .pt-4 {
    padding-top: 0 !important;
}
.res-sidebar.res-sidebar-filter.pb-4{
padding-bottom: 3rem !important;	
}	
.res-blog-sidebar.pt-5{
padding-top: 5rem !important;	
}
.res-header-video .row .text-left h2 {
	font-size: 180%;	color: #00245a
}
}
.res-content .postContent li {
    padding-bottom: 0px;
    line-height: 160%;
}

.wpml-ls-item{
	font-size: 90%;
}
@media only screen and (min-width: 970px) {
.page-hypotheken-a-bis-z .wpml-ls-item *{
	color: #fff
}
.wpml-ls-item:first-of-type {
	border-right: solid 1px rgba(0,36,90,0.8);
}
.page-hypotheken-a-bis-z .wpml-ls-item:first-of-type {
	border-right: solid 1px rgba(255,255,255,0.8);
}
}

.res-vid-main {
	background-color: #fff;
}