/* CSS Document */

body { position: relative ; }   /* required for scrollspy funczuionality */

/*!---------- 1. GLOBAL STYLES ----------*/

.start {
	width: 100%;
	margin: 0 auto;
	padding: 16px 16px 16px 16px ;
	display: block;
	text-align: center;
	border-bottom: 1px solid #f57215;
}

.logo-icon { 
	margin-top: 10px ;
	width: 50px;
	height: 31px;
	background: url(/vorlagen/assets/images/logo-icon-grey.png) center center  no-repeat;
    transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;	
}
.logo-icon:hover { 
/*	background: #f57215 url(/vorlagen/assets/images/logo-icon-white.png) center 0  no-repeat; */
	background: url(/vorlagen/assets/images/logo-icon.png) center center no-repeat;
}

.start-logo {
	width: 50% ;
}

.logo-center {
	width: 50%;
	margin: 0 auto;
}

.overlay:before {
	background: transparent ; 
}
/* move main section, the slider, -55px   */  
.top-55 { 
	top: -55px ; 
}
footer .logo { width: 15% ; }

.module.center,
.module-group.center {
	position: relative;
}

.image-slider.height-40 .slides li {
  height: 40vh;
  min-height: 40vh;
  top: 0;
}


.nav-bar {
	position: relative;
    opacity: 0.82; 
    background-color: white; 
	z-index: 9;	
}

.nav-bar > ul { opacity : 1 ; }

.module-group { /* opacity: 0.9; */ } 

.nav-bar .module,
.nav-bar .module-group {
	position: relative;
}

/*
nav.fixed.scrolled {
    opacity: 0.95;
}
*/
.menu li a:hover {
	color: 	#f57215;
}

.menu > li:hover > ul {
	opacity: 1;	
}
	

.mega-menu > li {
    width: 240px !important;
	opacity: 1 ;
}
.menu > li > ul li a {
	line-height: 17px;	
	opacity: 1;
}

.menu > li ul {
	margin-top: 0 ;	
}

.menu > li:last-child > ul ul {
	right: auto;
}



.mega-menu ul > li.heading {
	border-bottom: 1px solid white ;
	margin-left: 24px;
}
.mega-menu .title {
    padding: 6px 24px 0px 0;
	font-size: 13px ;
	
}

.mega-menu li div.heading {
	/* border-bottom: 1px solid white ; */
	border-bottom: 1px solid rgba(41,41,41,0.7)   ; 
	margin: 0 12px 0 24px; 
	margin-bottom: 10px;
}

.main-container {
    z-index: 0;
  /*  margin-top: -55px;*/
}

h2.uppercase.mb0 { 
	font-size: 26px;
	margin-bottom: -37px ;
	letter-spacing: 5px;
}

h3 {
    font-size: 22px;
    line-height: 30px;
}
.feature-3 .right { width: 100% ;} 

h5.uppercase { letter-spacing: 1px;  min-height: 48px; } 

h6.uppercase, .h6-u { color: #666; }
h6, .h6 { font-size: 14px; color: #666;  }


.hover-state {
  padding: 0 ;
}

.accordion li.active .content {
    max-height: 2000px;
}

.accordion-2 .content p {
    padding: 0px 0;
}


.accordion li i { 
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

/* .accordion li i:hover , */
.accordion li.active i.active {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}


.mb24 {
    border-bottom: 1px solid #f57215;
    padding: 0;
    margin: 0;
}

.start-box { 
	position: relative;   
	min-height: 270px;
	
}
.start-box:hover {  }


p.start { color: #666 ; min-height: auto;  border: none !important ; }

.bottom-text-right {
	position: absolute;
	bottom: 30px ;
    right: 30px;
}

section, footer {
    padding: 96px 0 26px 0;
}

input[type="submit"], button[type="submit"] {
    height: 50px;
    line-height: 48px;

    background: white;
    color: #f57215;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 0 !important;
}

/*.toggle-sub { 
	color: #f57215 ; 
}*/

.orange { color: #f57215 !important; }
.hover-state h6.orange { color: #f57215 ; }


.aside-panel {
    width: 290px;
    height: 70vh;
	min-height: 200px;
    background: rgba(29, 29, 29, 0.95);
    position: fixed;
/*    top: 100px;*/
    left: -290px;
    z-index: 6;
    padding: 0 0 0 115px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.aside-panel .menu {
    padding-top: 40px;
	
}

.affix {
    top: 54px;
	z-index: 9;
	width: inherit ;
    margin-top: -55px;
}

.affix-bottom, .affix-top {
  position: relative;
  width: 108% !important ;
/* width: inherit ;*/
  margin-top: -55px;
}



/* styling scrollspy */ 

#nav { 
/*	padding: 0 15px ;*/
	background-color: #f8f8f8 ;
	opacity: 0.8 ;
	width: inherit ; 
}

.nav {
	padding: 0 0 0 0px;
}

/*.nav .active , .nav li:hover */
.nav > li a:hover 
{
  font-weight: bold;
  background: #ccc; 
  border-right: 10px solid #f57215;
}
/*
.nav .active , .nav li.active 
{
  background: #ccc; 
}
*/
.nav > li a { 
	transition: none ;
    -webkit-transition: none ;
    -moz-transition: none ;
}


.nav > li:hover > li { 
	border: none ; 
}

*/
.nav .nav {
  display: none;
}
*/

.nav .active .nav {
  display: block;
}

.nav .nav a {
  font-weight: normal;
  font-size: .85em;
}

.nav .nav span {
  margin: 0 5px 0 2px;
}

.nav .nav .active a,
.nav .nav .active:hover a,
.nav .nav .active:focus a {
  font-weight: bold;
  padding-left: 30px;
  border-left: 5px solid black;
}

.nav .nav .active span,
.nav .nav .active:hover span,
.nav .nav .active:focus span {
  display: none;
}

/*
.menu-v {
	overflow: auto;
	height: 100%;
}
*/

.main-container ul.nav li {
    list-style: none;   
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 0 -15px;
}

.menu-v .heading { 
	background-color: #eee;
	color: #333;
	padding: 15px 0 15px 15px ;
	border-bottom: 1px solid #ccc;
}

.menu-v .heading span.title { font-weight: bold ;     font-size: 13px;
    line-height: 24px; }


.menu-v .subheading { 
	background-color: #eee;
	color: #333;
	padding: 0 ;
	border-bottom: 1px solid #ccc;
}

.menu-v .nav > li > a { 
	color: #333 ;
	padding: 10px 15px 10px 30px ; 
	font-weight: bold;
	font-size: 13px ;
}
.menu-v .nav > li > a.inner-link {
		padding: 10px 15px 10px 50px ; 
}

.menu-v .nav > li.active > a  { 
	border-right: 10px solid #f57215;
}

/* Bootsrap überschreiben */
.dropdown-menu {
	position: relative ; width: 100% ; border: none ; box-shadow: none ; padding: 0;
    margin: 7px 0px 15px 0px; border-radius: 0 ; background-color: #f5f5f5; 
	opacity: 1 ;
	height: 300px;  /* % dos not work for animation */
}

#nav.menu-v ul.nav > li .dropdown-menu {
	/* overflow:hidden ; */
	opacity: 0;
	height: 0;
	
	 /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
	

}

/*  DropDown left Menue Handling  */

#nav.menu-v ul.nav ul {
    background-color: #f5f5f5;
}
#nav.menu-v ul.nav  ul.collapse {
    background-color: #f5f5f5;
    position: relative;
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 0 0 15px 0;
    margin: 0px 0px -5px 0px;
}

#nav.menu-v ul.nav  ul.collapse li {
    margin-right: 0px;
}

#nav.menu-v ul.nav  ul li a , 
#nav.menu-v ul.nav  ul.collapse  li a {
    padding: 10px 0px 10px 70px;
    color: #333;
 /*   background-color: transparent;*/
    font-weight: bold;
    font-size: 13px;
    display: block;
    line-height: 1.42857143;
    white-space: nowrap;
}

/*
#nav.menu-v ul.nav  ul.collapse.in  li  a {
    padding: 10px 10px 10px 30px;
}
*/




#nav.menu-v ul.nav > li.open  .dropdown-menu {	position: relative ; width: 100% ; border: none ; box-shadow: none ; padding: 0;
    margin: 7px 0px 15px 0px; border-radius: 0 ; background-color: #f5f5f5; 
	/* overflow: hidden; */ 
	opacity: 1 ;
	height: 300px; /* % dos not work for animation */	
}

#nav.menu-v ul.nav > li:hover .open .dropdown-menu {  margin: 7px 0px 15px 0px;}
#nav.menu-v ul.nav > li:hover .open .dropdown-menu a { padding-left: 30px ; }

#nav.menu-v .dropdown-menu li { list-style: none ;  margin-right: -10px ; }

#nav.menu-v .dropdown-menu > li > a {  padding: 10px 0px 10px 30px ; color: #333 ; background-color: transparent; font-weight: bold; font-size: 13px ; }
#nav.menu-v .dropdown-menu > li > a:hover, 
#nav.menu-v .dropdown-menu > li > a:focus { background-color: transparent ;}

#nav.menu-v ul.nav > li >  li { margin-right: -25px ; }
#nav.menu-v ul.nav > li >  li > a { padding: 0 ;}


#nav.menu-v .dropdown.open .dropdown-menu > li > a {
    padding: 10px 10px 10px 30px;
}
/* .menu-v.left ul.nav > li:hover {  border-right: 10px solid #f57215;} */

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, 

/*.nav > li > a:hover { background-color: transparent ; }*/




/* Vertical menu right side */
.menu-v.right .nav > li > a  { padding: 10px 0 10px 20px; }

.menu-v.right .nav { padding: 0 ; }
.menu-v.right .nav > li { padding: 0 0 0 10px ; }

.menu-v.right .nav > li.active, .menu-v.right .nav > li:hover,  .menu-v.right .nav > li > a.active1  { 
  border-left: 10px solid #f57215;
  border-right: none ;
  padding-left: 0 ;
}
.menu-v.right .nav > li > a.active1 {
    margin-left: -10px;
    padding-left: 10px;
}

.flex-direction-nav  { height: 0 ;}


.parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
	top: 0;
    height: 100% ; 
	
}

.content ul  li { 
	margin-left: 15px;
	text-indent: -15px;
	list-style: inside ;
	list-style-type: disc; 
}
/*
.overlay:before {
	top: 55px; 
	background: transparent ;	
}
*/

.v-align-transform {

  position: relative;

  transform: translate3d(0, -50%, 0);

  -webkit-transform: translate3d(0, -50%, 0);

  top: 70%;
}


/* -------------------- */
/* AUS OnepAge Vorlage */
/* -------------------- */

/* Folio section
========================================================*/

/*
.isotope-list {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.isotope-list li {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}
.isotope-list li a {
  display: inline-block;
  padding: 20px 24px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.isotope-list li a.active,
.isotope-list li a:hover {
  background: #eb4f1e;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
*/

#folio {
  background: url(/img/folio-bg.jpg) 0 0;
  text-align: center;
}
.folio-indent {
  padding: 32px 0 120px 0;
}
.folio-indent .center {
  text-align: center;
  padding-top: 30px;
}
.folio-block {
  margin-top: 30px;
}
.zoom {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate3d(0, 600%, 0);
  transform: translate3d(0, 600%, 0);
  display: inline-block;
  margin-top: 10px;
}
.folio-thumb {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.folio-thumb img {
  max-width: 100%;
}
.folio-thumb:hover .folio-description {
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: rgba(33, 33, 33, 0.8);
}
.folio-thumb:hover .folio-link {
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.folio-thumb:hover .zoom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-thumb:hover .folio-text {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-link {
  text-decoration: none;
  color: #eb4f1e;
  font-size: 19px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.folio-link:hover {
  color: #ffffff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-description {
  background: rgba(33, 33, 33, 0);
  padding: 54px 60px 30px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}
.folio-description .fa-search-plus {
  font-size: 33px;
  line-height: 38px;
  color: #eb4f1e;
  text-decoration: none;
}
.folio-description .fa-search-plus:hover {
  color: #fff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-description p {
  padding-bottom: 10px;
}
.folio-text {
  color: #ffffff;
  font-weight: 300;
  font-size: 17px;
  line-height: 25px;
  display: block;
  margin-top: 8px;
  -webkit-transform: translate3d(150%, 0, 0);
  transform: translate3d(150%, 0, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media only screen and (max-width: 1199px) {
  .folio-description {
    padding: 24px 20px 20px 20px;
  }
}


@media only screen and (max-width: 1024px) {
.row { margin-right: 0 ; }	
.image-slider.height-70 .slides li { height: 33vh; min-height: 300px ; }
section { padding: 34px 15px 13px 15px ; }	
}

@media only screen and (max-width: 979px) {

section { padding: 34px 15px 13px 15px ; }	
.folio-description { padding: 54px 60px 30px 60px;  }

.logo-center {  width: 30%; }
.image-slider.height-70 .slides li { height: 30vh; min-height: 300px ; }

.feature.boxed { padding: 8px ; }

}


@media only screen and (max-width: 767px) {

.logo-center {  width: 100%; }
.start-logo { width: 33% ; } 

.mega-menu li div.heading { margin-left: 16px ;  margin-bottom: 10px; }
.mega-menu .title { padding-bottom: 0 ; font-size: 13px ;}

.image-slider.height-30 .slides li { height: 25vh; min-height: 200px ; }
.image-slider.height-70 .slides li { height: 10vh; min-height: 100px ; }

h2.uppercase.mb0 { margin-bottom: -34px ; font-size: 20px ; letter-spacing: 3px ; }
h5.uppercase { min-height: 24px ; margin-bottom: 8px ; }



.controls-inside .flex-control-nav { bottom: 4px ;}

footer .logo { width: 20% ; }
	
  .folio-description {
    padding: 20px 10px 10px;
  }
  .folio-text {
    display: none;
  }
  .isotope-list li a {
    padding: 12px 14px;
  }
}

@media only screen and (max-width: 479px) {
  .folio-description {
    padding: 14px 10px 10px;
  }
  .folio-text {
    display: none;
  }
  .folio-link {
    display: none;
  }
  .isotope-list li a {
    padding: 12px 14px;
  }
}


@media (min-width: 768px)  {

.start-box h5 { margin-bottom: 0 ; } 
	
	
}