@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900,400italic,300italic,100italic,500italic,900italic,700italic);
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
body, html { height:100%;  }

body { /*overflow-x:hidden;*/ position:relative;   color: #3e3d40;
	font-family: Arial, Helvetica, sans- serif !important; font-size:18px;
}

p strong { font-size:15px; font-size:17px;}
a {
  color: #3e3d40;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color:#666;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main-slider  {
  position: relative; height:100%;
}
#main-slider .carousel { height:100%;}
#main-slider .carousel .carousel-inner { height:100%;}
#main-slider .carousel h2 {
  font-size: 60px; text-indent:0 !important
}
#main-slider .carousel .btn {
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background: none;
  display: inline-block;
}

.boxed .more { text-align:right; clear:both; font-weight:700; text-decoration:none; float:right; color:#db0132; }
.boxed .more:hover { color:#cbb165; }

#main-slider .carousel .boxed h2 {
	margin:0; font-weight:700; font-size:40px; color:#fff;
}
#main-slider .carousel .boxed h3 {
	margin:0; font-size:20px; font-weight:300; color:#db0132;
}
#main-slider .carousel .item {
  background-position: center !Important;
  background-repeat: no-repeat;
  background-size: cover !important;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 100%;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms; color:#fff;
}
#main-slider hr { margin:0 auto;}
#main-slider a { text-transform:uppercase; color:#fff; display:block; padding:15px;}
#main-slider a:hover { font-size:20px; font-weight:700;}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}


.boxed .more { text-align:right; clear:both; font-weight:700; text-decoration:none; float:right; color:#db0132; }
.boxed .more:hover { color:#cbb165; }
.gap {
  margin-bottom: 25px !important;
}
.big-gap {
  margin-bottom: 50px !important;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.tcenter { text-align:center;}
.tright { text-align:right;}
.versteckt { opacity:0}
.sichtbar { opacity:1}
.shadow { box-shadow:0px 0px 3px 1px #3e3d40; -moz-box-shadow:0px 0px 3px 1px #3e3d40; -webkit-box-shadow:0px 0px 3px 1px #3e3d40;}
.inner-shadow {     -moz-box-shadow:    inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;
     box-shadow:        inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #696868;}
.img-responsive { margin:0 auto;}


.delay1 { animation-delay: .5s; }


p { margin-bottom:1.8em;}
p a { text-decoration:underline;}
p.small { margin-bottom:0;}
.call-to-action p { margin:10px 0 0 0; font-family: Arial, Helvetica, sans- serif;  font-size:15px;}
p.more { text-align:center; font-family: Arial, Helvetica, sans- serif;  text-align:center;}
/*.shoppreview p.more, .blogpreview p.more {position:absolute; left:0; bottom:0; width:100%;}*/

h1 { font-family: Arial, Helvetica, sans- serif;  margin:0; margin-bottom:0px; font-size:30px; color:#fff; background:#000; display:inline-block; padding:3px 10px; margin: 0 0 25px 0 }
h2 {font-family: Arial, Helvetica, sans- serif; margin:0; margin-bottom:10px; font-size:20px; font-weight:bold ; color:#fff; background:#000; display:inline-block; padding:3px 6px;}
#main-slider h2 { color:#fff;}
h3 { font-size:40px; margin:0 0 0 0;font-family: Arial, Helvetica, sans- serif;  color:#0e3083;}
h4 { font-size:23px; font-weight:300; margin:0 0 25px 0; font-family: Arial, Helvetica, sans- serif; color:#0e3083;}
h1,  h3 {font-family: Arial, Helvetica, sans- serif; font-weight:700}
.trenner h3 { font-size:70px; color:#fff; }
#kontakt .form-control { background:#fafafa}

section { padding:70px 0}

#nav { border:none !important; background: none; border:none !important;   -webkit-transition: all 0.5s;    -moz-transition: all  0.5s;    transition: all  0.5s; background:rgba(255,255,255,0.5); }
#nav .nav { margin-top:0;  -webkit-transition: all 0.5s;    -moz-transition: all  0.5s;    transition: all  0.5s; }
#nav .container {  height:auto;  -webkit-transition: all 0.5s;    -moz-transition: all  0.5s;    transition: all  0.5s; height:100px;}
#nav a {font-family: Arial, Helvetica, sans- serif; color:#000; padding:10px; border-top:5px solid transparent; text-transform:uppercase; line-height:25px;}
#nav a:hover { background:#000 !important; color:#fff !important;}
#nav .active a { border-top:5px solid #000; font-weight:bold; background:none;}
#nav .navbar-brand {  -webkit-transition: all 0.5s;    -moz-transition: all  0.5s;    transition: all  0.5s; padding:0; border-top:none !important; margin-left:20px;}
#nav .navbar-brand img { height:100px;  -webkit-transition: all 0.5s;    -moz-transition: all  0.5s;    transition: all  0.5s; }
.navbar-toggle { z-index:10;}

#nav.affix { position:fixed; left:0; right:0;  background:rgba(255,255,255,0.9);}
#nav.affix a { color:#000;}
#nav.affix:hover { position:fixed; left:0; right:0;}
#nav.affix .nav { -webkit-transition: all 0.5s;    -moz-transition: all  0.5s;    transition: all  0.5s; }
#nav.affix .navbar-brand { top:0}
#nav.affix .navbar-brand img { height:70px; top:0}
#nav.affix .container {height:60px;}

#nav:hover { background:#fff;}
.call-to-action:hover, .blogpreview:hover, .shoppreview:hover { opacity:0.65 !important;}

.form-control { color:#fff; border-bottom:1px solid #ddd; background:rgba(255,255,255,.0) !important; border-radius:0 !important; border-left:0; border-right:0; border-top:0; box-shadow:none;}
.form-control:focus { border-bottom:1px solid #fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.2);  background:rgba(255,255,255,.3) !important;}

.item { height:100%;}


#page { padding:100px 0;}

#images, #images .carousel, #images .carousel-inner, #images .item { height:100%;}
#images .item, productteaser { background-size:cover !important; background-position:top center !important}

#news { background:#ededed; padding:100px 0;}
#news h1 { color:#0e3083;}
#news h2, news h3 { color:#3e3d40;}

#talentainment i { color:rgba(234,113,37,1)}
#brand-engagement i { color:rgba(72,145,220,1)}
#blended-learning i { color:#5CC151 }


#footer { background:#3e3d40; font-size:11px; color:#ddd; padding:100px 0}

.stoerer {background:rgba(72,145,220,1); color:#fff; padding:5px 30px 5px 10px; border:2px solid #fff; position:fixed; right:-15px; top:150px; z-index:999; font-family: 'Roboto', cursive; font-size:30px; -ms-transform: rotate(7deg); /* IE 9 */    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */  transform: rotate(7deg); color:#fff; }
.stoerer a { color:#fff;}
.stoerer span { font-size:20px;}

.navbar-toggle { border:none !Important}
.navbar-toggle:hover, .navbar-toggle:focus { background:none !important}
.icon-bar { background-color:#000 !important;}

  
 /* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%; font-size:12px; 
}
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden; z-index:99; position:relative;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
}

.content-holder { width:50%; margin: 100px auto; background:rgba(255,255,255,.90); color:#000; padding:25px; box-shadow:0 0 15px #000; border-top:5px solid #000; padding-top:0;}
.content-holder.full { width:100%; margin: 100px auto; background:rgba(255,255,255,.90); color:#000; padding:25px; box-shadow:0 0 15px #000; border-top:5px solid #000; padding-top:0;}
.content-holder.smaller { width:33%; margin:0 auto; background:rgba(255,255,255,.90); color:#000; padding:25px; box-shadow:0 0 15px #000; border-top:5px solid #000; padding-top:0;}
.variable-width img { margin:0 12px;}
/* visual styles */
body{
    margin:0;
    font-family:sans-serif;
    font-size:12px;
	color:#ffffff;
}
.not-fullscreen {
    height:50%;
}
@media (max-width:1200px) {
.content-holder { width:66%;}
}
@media (max-width:992px) {
.content-holder { width:66%;}
}
@media (max-width:768px) {
.content-holder { width:90% !important;}
.content-holder.full { width:100% !Important}
}

@media (max-width:1200px) {
}


@media (max-width:992px) {
}

@media (min-width: 768px)
{
.navbar-right {
    float: right!important;
    margin-right: 0 !important
}
}

@media (max-width:768px) {
#page { padding:20px 0;}
#nav .nav, #nav.affix .nav { margin-top:0;}
#nav, #nav.affix, #nav .container, #nav.affix .container { height:60px;}
#nav.affix  .navbar-collapse, #nav .navbar-collapse { margin-top:12px;}
#nav.affix, .navbar-collapse { background:rgba(255,255,255,0.9);}
#nav li a { font-size:13px !important; padding:10px 7px; text-align:center}
#nav.affix .navbar-brand img, #nav .navbar-brand img{ height:70px;}
#main-slider .carousel .boxed h2 {
	font-size:40px !important;
}
#main-slider .carousel .boxed h3 {
	font-size:15px;
}
#main-slider p { font-size:11px;}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
        font-size: 60px;

}
h1 { font-size:25px;}
h2 { font-size:20px;}
.messe-stoerer {bottom: 30px; top:inherit}
.messe-stoerer { max-width:60%;}
#nav .active a { border-top:5px solid #000; background:#000; color:#fff;}
}