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

body {
	font-family: obvia, sans-serif;;
	font-weight: 400;
	font-size: 20px;
	line-height: 180%;
	color: #bbb;
	background-color: #000;
	background-image: url("img/background.jpg");
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1920px auto;
}

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

a { color: #ccc;
}
a:hover {
    color: #ccc;
}

hr {border-color: #666}

.brand-color {
	color: #b287b2;
}

/* Title */
h1, h2, h3, h4, h5, h6 {
	font-family: obvia, sans-serif;;
	font-weight: 300;
	line-height: 100%;
}
h1 {
	font-size: 200%;
	font-weight: 800;
	text-transform: uppercase;
}
h2 {
	font-size: 240%;
	font-weight: 100;
	letter-spacing: -0.2rem
}
h3 {
	font-size: 130%;
	font-weight: 800;
}
h4 {
	font-size: 120%;
} 
@media only screen and (max-width: 1400px) {
h1 {font-size: 300%;}
h2 {font-size: 180%;
	letter-spacing: 0rem}
h3 {font-size: 130%;}
h4 {font-size: 120%;} 
} 

#page {
	background: linear-gradient(180deg, transparent 25%, #000);
}



/* Container */

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

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


/* Logo */
.logo {
	
	padding-top: 30px;
	padding-bottom: 20px;
}
/* Logo Size Custom */
.logo img {
	width: 250px;
}


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


/* RES Nav */
/*
@media only screen and (min-width: 1390px) {
	.res-nav-right {
		padding-top: 65px;
	}
}
*/

.res-header .container-fluid {
    max-width: 95%;
}
.res-nav .nav-link {
	font-weight: 300;
	font-size: 85%;
	text-transform: uppercase;
	letter-spacing: 0.07rem;
}
.dropdown-toggle::after {
    border-top: 0.27em solid #979797;
    margin-left: 0.5em;
    opacity:1;
}
.dropdown-item {
    padding: 0.2rem 30px;
	font-size: 95%;
	text-transform: uppercase;
	letter-spacing: 0.07rem;
}
.dropdown-menu {
    padding: 0.4rem 0;
    margin: 0.15rem 0 ;
}
.res-fixnav.show .res-nav li a {
    font-size: 80%;
    padding: 0 1.4rem 2rem 1.4rem;
}

.res-fixnav.show .res-nav li a.dropdown-item {
    padding: 0 1.4rem;
}

@media only screen and (min-width: 970px){
.res-fixnav.show {
	background: linear-gradient(180deg, #000 25%, transparent);
    box-shadow: none;
}
	.header-option-absolute.res-fixnav.show {
    box-shadow: none !important;
}
}

/* Abstand Mainnav */

@media (min-width: 1280px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* Hover */
.res-nav-section li a:hover{
	color: #b287b2;
}

/* active */
li.active > a.nav-link,
li.active .current-menu-item > a.dropdown-item {
	color: #938f7b; 
	font-weight: 300;
}



/* Buttons */


.btn {
	padding: 0.6rem 2.4rem;
	border-radius: 40px;
	border-radius: 2px;
}
 
.btn-primary,.vfbp-form .btn-primary{
    background: linear-gradient(30deg, #31484b, #506062, #938f7b, #b287b2, #a890fe, #9564f8);
    color: #ccc;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out;
    background-position: 0% 50%;
	border-radius: 2px;
}
.btn-primary:Hover, .vfbp-form .btn-primary:Hover {
    background-position: 100% 50%;
	opacity: 1;
	transform: scale(0.95)
}
.btn-secondary{
	border: none;
    background: linear-gradient(30deg, #232A26, #31484b);
	color: #BDCDCD;
    transition: all 0.2s ease-in-out;
}

.btn-secondary:Hover{
	border: none;
    background: linear-gradient(30deg, #232A26, #31484b);
	color: #879898;
	transform: scale(0.95)
}

.btn-outline{
	border: 1px solid #ccc;
	color: #ccc;
    transition: all 0.2s ease-in-out;
}
.btn-outline:Hover{
	color: #bbb;
	transform: scale(0.95)
}

.btn-text-link {
	color: #ccc;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0;
	border-radius: 0;
	border: 0;
	letter-spacing: 0.2;
}
.btn-text-link:hover {
	color: #bbb;
	margin-left: 0;
	padding-left: 0;
}
.res-txt .layout-3 .btn-float-right .title-only-btns {
    padding-right: 0;
	max-width: 45%;
	text-align-last: right;
}

/* VFB Forms with LINES only */



.vfbp-form .vfb-form-control {
    height: 55px;
    padding: 10px 30px;
    font-size: 90%;
    color: #eee;
	font-weight: 300;	
    background-image: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: none;
	background-color: rgba(51,51,51,.70);
	border-bottom: 1px solid #333;
}
@media only screen and (max-width: 970px) {
	.vfbp-form .vfb-form-control {
		background-color: #fff;
		border: 1px solid #eee;
		border-bottom: 1px solid #ccc;
	}
}
input::placeholder, textarea::placeholder{
    color: #eee!important;
}



/* Counter spam Captcha immer mit Border  */
.vfbp-form .vfb-form-control.form-count {
    border: 1px solid #dedede;
}



/* Footer */

.res-footer {
	border-top: 0px solid #eee;
	background-color: #000;
/*	background: linear-gradient(0deg, #000 60%, transparent)*/
}
.res-footer .wp-block-columns {
    margin-bottom:0;
}

.res-footer address {
    margin-bottom:0;
}

@media (min-width: 1280px) {
.footer-social-icon {
	text-align: right;
}	
}

.res-widget-footer.footer-social-icon i {
    background: linear-gradient(30deg, #31484b, #506062, #938f7b, #b287b2, #a890fe, #9564f8);
	color: #ddd;
    background-size: 200% 200%;
    transition: all 0.3s ease-in-out;
    background-position: 0% 50%;
	border-radius: 2px;
}
.res-widget-footer.footer-social-icon a:hover {
	opacity: 1;
}
.res-widget-footer.footer-social-icon i:hover {
    background-position: 100% 50%;
	opacity: 1;
	transform: scale(0.95)
}




/*************************************************************************/
/*   Custom CSS  */


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

/*home*/
.res-header-image .sloganBox h1, .res-header-image .sloganBox h2, .res-header-image .sloganBox h3,.res-header-image .sloganBox, .res-header-image .header-arrow a  {
    color: #bbb;
}
.news-box {
	position: absolute;
	left: 58%;
/*	bottom: 15%;*/
	bottom: 50%;
	transform: translateY(50%);
	padding: 2rem 2rem 1.5rem 2rem;
	background-color: rgba(33,36,38,.50);
	border-radius: 4px;
	z-index: 99;
}

.news-box h3{
font-size: 100%;
}
.news-box p{
font-size: 90%;
	line-height: 145%;
}
.news-box .btn{
padding: 5px 15px;
font-size: 80%;
}

@media (max-width: 970px) {
.news-box {
	left: 10%;
	width: 80%;
	top: 60%;
	background-color: rgba(0,0,0,.40);
}
	.header-arrow{
		display: none;
	}
}
/*Nav*/
body .res-navtab .nav-link {
	padding: 0 1.75rem 0 0;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 70%;
    font-weight: 300;
    color: #eee;
    background-color: transparent;
}

body .res-navtab .nav-link span{
    padding-right: 10px;
}
body .res-navtab li.active > a.nav-link{
   color: #eee; font-weight: 600
}

/*Slider*/

body .res-slider-content .slick-prev {
    margin-left: 4%;
    z-index: 99;
    transform: none;
	background-color: rgba(0,0,0,0.60);
    top: 45%;
}

body .res-slider-content .slick-next {
    margin-right: 7%;
    transform: none;
	background-color: rgba(0,0,0,0.60);
    top: 45%;
}
body .res-slider-content .slick-next:before, body .res-slider-content .slick-prev:before{
	color: #FFFFFF;
	opacity: 1!important
}
body .slick-dotted.slick-slider {
    margin-bottom: 0;
}
body .slick-dots {
    bottom: 10px;
}
body .res-slider-content .slick-dots li button:before {
    opacity: .95;
    color: #525252;
    font-size: 22px;
}
body .res-slider-content .slick-dots li.slick-active button:before {
    opacity: .95;
    color: #ccc;
}

/*Sticker*/

body .cta-circle {
    width: 180px;
    height: auto;
    background: linear-gradient(30deg, #31484b, #506062, #938f7b, #b287b2, #a890fe, #9564f8);
    color: #ddd;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out;
    background-position: 0% 50%;
	border-radius: 2px;
}
body .cta-circle:Hover {
    background-position: 100% 50%;
}
body .cta-circleTxt h4 {
    font-size: 90%;
    font-weight: 800;
    line-height: 120%;
	text-transform: uppercase
}
body .cta-sticker:hover {
    transform: scale(0.95);
    opacity: 1;
}
body .cta-sticker { 
	bottom: 5%;
    right: -0.5%;
    transition: all .2s ease-in-out;
}


/*Boxen*/

.res-filter-item.active a.nav-link {
    font-weight: 600;
    color: #ccc;
}
.res-filter-item .nav-link {
    padding: 0 1.75rem 0 0 ;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-size: 70%;
}
body .res-boxes .res-filter-list {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

/* Header-img News Box */

.header-inhalte-news-box .news-box {
	font-size: 80%;
}
	
.header-inhalte-news-box .news-box p {
	margin: 0;
}
	
.header-inhalte-news-box .news-box hr {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

/* Header-img News Box Ende */

/*LAPTOP*/

@media only screen and (max-width: 1600px){
.logo img { width: 200px;}
body .cta-circleTxt h4 {font-size: 80%}
body .cta-circle { width: 160px;}
}
@media only screen and (min-width: 970px) and (max-width: 1560px){
.copyright-col2 {margin-left: 0!important; padding-left: 0!important;}
.navbar-expand-md .navbar-nav .nav-link {  padding-right: 1.5rem; padding-left: 1.5rem; font-size: 75%;}
}
@media only screen and (min-width: 970px) and (max-width: 1260px){
.navbar-expand-md .navbar-nav .nav-link {  padding-right: 1rem; padding-left: 1rem; font-size: 75%;}
}

/*MOBILE*/

@media only screen and (max-width: 970px){
	
	
/* Header-img News Box */
.header-inhalte-news-box .layout-1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.header-inhalte-news-box .res-header-image-vertical-center {
	position: static;
	transform: none;
}

.header-inhalte-news-box .news-box {
	position: static;
    width: auto;
	transform: none;
}
/* Header-img News Box Ende */
	
body .res-txt .txt-title-field h1 {
    font-size: 200%;
}
	.res-header-image .container {
		padding-left: 0;
		padding-right: 0;
	}
.res-content {
    margin-top: 120px;
}
body  .res-boxes ul.res-filter-list {
    flex-direction: row;
}
body .res-boxes ul.res-filter-list li:before {
    content: "";
    opacity: 0.0;
}
body .res-boxes ul.res-filter-list li {
    padding-bottom: 0;
    margin-left: 0px;
}
.res-mobile-bar {
    display: block;
    position: relative;
    width: 100%;
    background-color: transparent;
	background: linear-gradient(180deg, #000 40%, transparent);
}
.res-header .container-fluid { max-width: 100%;}
.res-nav-right {margin-top: 0!important}
.res-fixnav.transition-top { background: transparent!important;}
.res-nav .logo-mobile img { height: 70px;}
.res-nav .logo-mobile {padding-left: 1rem;}
.mobile-x-close span { background: #fff }
body .cta-circleTxt h4 { font-size: 70%;}	
body .cta-circle { width: 120px;}
body .res-header-image .header-arrow { left: 10%;}
.btn { font-size: 95%;}
.cta-circleTxt {margin-left: 1rem!important;}
.res-nav .navbar-collapse {
    background: rgba(0,0,0, .7);
	color: #ccc;
    padding: 0 5%;
	max-width: 94%!important;
	margin: auto!important
}
.res-nav .nav-link { padding-top: 5px; padding-bottom: 5px;}
.res-nav .menu-item:first-of-type .nav-link { padding-top: 15px;}
.res-nav .menu-item:last-of-type .nav-link { padding-bottom: 15px;}
.dropdown-item { color: #fff; font-size: 90%!important;}
body{background-image: url("img/background-mobile.jpg");
	background-size: cover;}}