/****** PLACE YOUR CUSTOM STYLES HERE ******/

/* - - - - - - - - - - - NAVI - - - - - - - - - - - */

.nav-bar {
    height: 85px;
    max-height: 85px;
    line-height: 83px;
    border-bottom: none;
    margin-top:10px;
}

.menu li a {
    font-size: 14px;
    color: #35178E;
    opacity: 1.0;
    letter-spacing: 0.5px
  transition: all 0.0s ease;
  -webkit-transition: all 0.0s ease;
  -moz-transition: all 0.0s ease;
    }


.menu li a:hover {
     border-bottom: 2px solid #d4eae0;
    }
    
    
.current { border-bottom: 2px solid #A5DEC4 !important;}


.menu > li ul {
    width: 230px;
    padding: 2px 0px 8px 0px;
    background: #ffffff;
    margin-top: -18px;
    margin-left: -24px;
  transition: all 1.0s ease;
  -webkit-transition: all 1.0s ease;
  -moz-transition: all 1.0s ease;
    }

.menu > li > ul li {
  padding: 0px 24px;
}

    
.menu > li > ul li a {
  color: #35178E;
  padding: 6px 6px 0px 0px;
  margin-bottom: 6px;
  text-align: left;
  display: block;
  border-bottom: 2px solid #ffffff;
}

    .menu > li > ul li a:hover {
    border-bottom: 2px solid #d4eae0;

}


@media (max-width: 990px) {
	
.module.widget-handle 		{ border: 2px solid #f3f7f5 !important; background: #f3f7f5; } 
.vnu img 					{ max-width: 60%; }
.menu li 					{ background: #f3f7f5; border-bottom: 2px solid #ffffff; }
.menu li li 				{ border-bottom: 0px solid #ffffff; }
.menu > li ul 				{ width: auto; margin-top: 0px;  margin-left: 0px; padding: 2px 0px 0px 0px; }
.menu > li > ul li a 		{ margin-bottom: 0px; text-align: center; border-bottom: 0px solid #ffffff; }
.nav-bar 					{ max-height: 83px; }

}
	
@media (min-width: 1800px) {
	
.vnu img 					{ max-width: 90%; }

}	


/* - - - - - - - - - - - BOXES - - - - - - - - - - - */

.main-container {
    margin-top:20px;
}


section.image-bg.overlay::before {

    background: #292929;
    opacity: 0.0
    }
    
    
.pb360 {
    padding-bottom: 360px;
}

.min-ht-md { min-height: 280px; }

@media (min-width: 768px) and (max-width: 1200px) { 
.min-ht-md { min-height: 380px; } 
}


nav.fixed.scrolled { 
-webkit-box-shadow: 2px 4px 24px -7px rgba(53,23,142,0.5);
-moz-box-shadow: 2px 4px 24px -7px rgba(53,23,142,0.5);
box-shadow: 2px 4px 24px -7px rgba(53,23,142,0.5);
padding-bottom: 20px; 
}


@media (min-width: 1024px) { .overlayboxes { margin-top:-200px; z-index:100; margin-bottom: -80px; } }

@media (min-width: 1024px) { .enger { padding-right:75px; } }

@media (min-width: 1024px) { footer { margin-top:50px; } }


/* - - - - - - - - - - - COLORS - - - - - - - - - - - 
grün normal:  #A5DEC4
grün hell: #d4eae0
grün soft: #f3f7f5
blau: #35178E
*/

.bg-soft { 
    background: #f3f7f5;
 }

.color-primary {
    color: #A5DEC4 !important;
}

.color-primary-darker {
    color: #47b475 !important;
}

body {
    color: #35178E;
}


.feature.boxed, footer {
    background: #d4eae0;
}


.btn {
    border: 2px solid #35178E;
    color: #35178E;
}    

.btn:visited {
  color: #35178E;
}

.btn:hover {
  background: #35178E;
  color: #ffffff;
}

.containerbordertop { border-top: 2px solid #d4eae0; }

.fade-half { opacity: 0.6; }

body footer a.fade-half       { color: #35178E; text-decoration:underline; font-weight: 400; }
body footer a.fade-half:hover { color: #35178E; text-decoration:underline; opacity: 1; }


/* - - - - - - - - - - - FONTS - - - - - - - - - - - */

body {
    font-size: 15px;
    }


h1, h2, h3, h4, h5, h5 { 
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    font-weight:bold !important;
    letter-spacing: 0.5px !important;
    color: #A5DEC4;
    }
    
    
.feature.boxed h1, .feature.boxed h2, .feature.boxed h3, .feature.boxed h4, .feature.boxed h5, .feature.boxed h6 {
    font-weight: bold;
    color: #35178E;
}

section ul {
    font-family: 'Roboto','Raleway',"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 15px;
    list-style-type: disc;
}


.page-title-3 h3 {text-shadow: 0px 0px 12px rgba(53, 23, 142, 0.75);}

section p, section ul { font-size: 16px; line-height:26px; }

@media (min-width: 1024px) { section p, section ul { font-size: 17px; line-height:28px; } }

@media (max-width: 768px) { .xs-text-shadow { text-shadow: 0 0 6px rgba(0, 0, 0, 1.0); } }

@media (max-width: 767px) { br { display: inherit; } }