.navbar{
	box-shadow:none;
}
.pseudo-header {
	height:5vh;
	min-height:50px;
}
@-webkit-keyframes home {
    from {background-color: rgb(80,200,255);}
    to {background-color: rgb(220,240,255);}
}
@keyframes home {
    from {background-color: rgb(80,200,255);}
    to {background-color: rgb(220,240,255);}
}
@-webkit-keyframes home-otl {
    from {background-color: rgb(0,153,204);}
    to {background-color: rgb(0,75,140);}
}
@keyframes home-otl {
    from {background-color: rgb(0,153,204);}
    to {background-color: rgb(0,75,140);}
}
@-webkit-keyframes referenzen {
    from {background-color: rgb(210,100,60);}
    to {background-color: rgb(240,150,60);}
}
@keyframes referenzen {
    from {background-color: rgb(210,100,60);}
    to {background-color: rgb(240,150,60);}
}
@-webkit-keyframes seminare {
    from {background-color: rgb(140,200,170);}
    to {background-color: rgb(140,170,175);}
}
@keyframes seminare {
    from {background-color: rgb(140,200,170);}
    to {background-color: rgb(140,170,175);}
}
@-webkit-keyframes moderation {
    from {background-color: rgb(170,190,60);}
    to {background-color: rgb(210,160,20);}
}
@keyframes moderation {
    from {background-color: rgb(170,190,60);}
    to {background-color: rgb(210,160,20);}
}
@-webkit-keyframes vita {
    from {background-color: rgb(110,180,220);}
    to {background-color: rgb(140,200,80);}
}
@keyframes vita {
    from {background-color: rgb(110,180,220);}
    to {background-color: rgb(140,200,80);}
}
@-webkit-keyframes kontakt {
    from {background-color: rgb(220,140,85);}
    to {background-color: rgb(215,185,100);}
}
@keyframes kontakt {
    from {background-color: rgb(220,140,85);}
    to {background-color: rgb(215,185,100);}
}
@-webkit-keyframes footergrey {
    from {background-color: rgb(43,59,69);}
    to {background-color: rgb(62,48,64);}
}
@keyframes footergrey {
    from {background-color: rgb(43,59,69);}
    to {background-color: rgb(62,48,64);}
}
html {
  height: 100%;
  box-sizing: border-box;
}

body {
	position: relative;
	margin: 0;
	padding-bottom: 6rem;
	min-height: 100%;
	background: #F2EFEA;
}

#sb-site {
	height:100% !important;
	padding-bottom:100px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
}
h1 .small-logo {
	font-size:1em;
	line-height:30px;
}
h1 .small-logo-sub {
	color: #757575;
	font-size:0.8em;
	font-weight:300;
}
.wrapper {
	min-height:95%;
	height:auto!important;
	height:95%;
	margin:0 auto;
}
.head-home-outline, .startmenu{
	background-color: #09C;
}
.head{
	height:25vw;
	min-height:200px;
	background: rgba(0,153,204,1) url(../../../images/slider/bk_header_otl.svg) repeat-x scroll center bottom;
	background-size:auto;
	margin:0;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.head-home-outline{
	-webkit-animation-name: home-otl;
	animation-name: home-otl;
}
.home-col{
	background: rgba(0,153,204,0) url(../../../images/slider/home_col.svg) no-repeat scroll center bottom;
}
.head-referenzen{
	-webkit-animation-name: referenzen;
	animation-name: referenzen;
}
.referenzen-col{
	background: rgba(210,100,60,0) url(../../../images/slider/referenzen_col.svg) no-repeat scroll center bottom;
}
.head-seminare{
	-webkit-animation-name: seminare;
	animation-name: seminare;
}
.seminare-col{
	background: rgba(140,200,170,0) url(../../../images/slider/seminare_col.svg) no-repeat scroll center bottom;
}
.head-moderation{
	-webkit-animation-name: moderation;
	animation-name: moderation;
}
.moderation-col{
	background: rgba(170,190,60,0) url(../../../images/slider/moderation_col.svg) no-repeat scroll center bottom;
}
.head-vita{
	-webkit-animation-name: vita;
	animation-name: vita;
}
.vita-col{
	background: rgba(110,180,220,0) url(../../../images/slider/vita_col.svg) no-repeat scroll center bottom;
}
.head-kontakt{
	-webkit-animation-name: kontakt;
	animation-name: kontakt;
}
.kontakt-col{
	background: rgba(220,140,85,0) url(../../../images/slider/kontakt_col.svg) no-repeat scroll center bottom;
}
.head-impressum{
	-webkit-animation-name: seminare;
	animation-name: seminare;
}
.impressum-col{
	background: rgba(140,200,170,0) url(../../../images/slider/impressum_col.svg) no-repeat scroll center bottom;
}
.head, .head-svg{
	height:30vw;
	min-height:200px;
}
.head{
	background-size: auto 100%;
}
.head-svg{
	background-size:150% auto;
	padding:0;
	overflow:visible;
}
@media (min-width: 768px) {
    .head, .head-svg{
		height:30vw;
		min-height:300px;
		background-size: auto 100%;
    }
	.head{
		background-size:100% auto;
	}
	.head-svg{
		background-size:110% auto;
	}
}
@media (min-width: 992px) {
	.head, .head-svg{
		height:25vw;
		min-height:300px;
	}
}
.strapline {
	display:inline-block;
	width:100%;
	height:280px;
	padding:100px 5px 0px 5px;
}
.strapline-kontakt {
	background:#000 url(../images/carousel-bg-j.jpg) repeat-x fixed center -170px;
}
.contact{
	background-color:#FFF;
	padding:20px;
	margin-top:80px;
	border-radius:12px;
}
.contact .dl-horizontal dd::after{
	clear:none;
}
.navbar-nav > li > a {
	color:#fff;
	padding:16px 8px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: inherit;
}
.navbar-header, navbar-header a {
	font-family:"Lato", sans-serif;
    line-height: 35px;
}
.nav-list > li a:hover{
	color:inherit;
}
.nav-list>li.active>a {
	color:#000;
	font-weight:700;;
	text-decoration:none;
	background: #F6F6F6;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li{
	background-color:#FFF;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	color:#666;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.startmenu {
	display: inline-block;
	color: #FFF;
	margin:5% 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	height: 75px;
	width: 75px !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
  animation-delay: 2s;
	transition-duration: .5s;
	font: normal 40px/75px FontAwesome;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	background-color:transparent;
	color:#CCC;
}
.navbar-inverse .navbar-nav > .active > a:before{
	color:#CCC;
}

.menupunkt{
	font-size:1em;
}
.menupunkt::before, .content-links-a a::before, .content-links-b a::before, .content-links-c a::before, .link-pdf::before, .link-extern::before{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: .3em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}	
.btn-default {
	background-color:#eee;;
}

.home:before {
    content: "\f015";
}
.referenzen:before{
    content: "\f10e";
}
.seminare:before {
    content: "\f201";
}
.moderation:before {
    content: "\f130";
}
.vita:before {
	content: "\f0eb";
}
.kontakt:before {
	content: "\f041";
}
.content-links-c a::before {
	content:"\f152";
	color: #369;
}
.content-links-a a::before, .content-links-b a::before {
	content:"\f1c1";
	color: #C00;
}
.top-block a:hover h2{
	text-decoration: underline;
}
.blog .items-row{
	padding:10px 0;
	border-bottom: #999 1px solid;
}
.item-category-image {
	padding:10px;
	border-bottom: 1px solid #CCC;
	text-align:center;
}
.card-columns{
	-webkit-column-count:1;
     -moz-column-count: 1;
     column-count: 1;
	-webkit-column-gap:1.25rem;
}
@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
.referenzen-cat > .page-header,
.container-referenzen h3 {
	background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
	padding: 15px;
}
.container-referenzen {
	margin-bottom: 30px;
	padding-bottom:15px;
	border-bottom: 1px solid #CCC;
}
.container-referenzen h3 {
	font-size: 1.8em;
}
.img_caption p{
	display:none;
}

.item-image {
	margin-right:25px;
}
.contact-misc p {
	font-size:1em;
}
.contact-misc a span {
	color: #C00;
}
.caption{
	font-size: .7em;
	line-height: 1.2em
}
.img-intro-left {
	max-width: 300px;
	float:left;
	margin-right:25px;
}

.header-img {
	max-height: 200px;
	overflow: hidden;
}
.header-img img{
	margin-top:-25% !important;
}
#content-area .contact .page-header {
	display:inline !important;
}
.contact .thumbnail {
	margin-top:20px;
}
.customers{
	background-color:#fff;
	text-align:center;
}

.qr-code {
	margin-top: 30px;
}

span .fa {
	padding-right:5px;
}
.acy_subscribe {
	padding:7px;
}


.btn-black {
	color: #CBD3D3;
	background-color: #515A66;
	border-color: #373D46;
}
.btn-black:hover{
	color: #fff;
	background-color: #2E6899;
	border-color: #163148;
}
.footer-1, .footer-2 {
	background-color:#576169;
	color: #e5e5e5;
	/*
	-webkit-animation-name: footergrey;
	animation-name: footergrey;
	*/
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 100px;
  z-index:2000;
}
.footer-link a {
	color:inherit;
}
input.inputbox {
	color:#576169;
	background: #DDE0E9;
	padding-left:3px;
}
/*.impressum {
	margin-top:80px;
}*/
.muted {
	clear:both;
}
.blog_item p.readmore {
	display:inline;
}

/*
.jbmenu-affix {
	border-radius: 5px;
	border: 1px solid #CCC;
	box-shadow: 2px 2px 6px #999;
	-webkit-box-shadow: 1px 5px 8px #999;
}*/

/* style.css (parallax logo)
 ====================================================================== */
 /* *********************************
           Variables
  ********************************** */
/* *********************************
   Some Style Overrides on Bootstrap
  ********************************** */
.navbar {
	height:50px;
}
.navbar-inverse {
  background: rgba(0,0,0,0.4);
	border-width: 0px;
	border-style: none;	
}

.navbar-inverse .navbar-toggle {
	border-width: 0px;
	border-style: none;	
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: transparent;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: rgba(255, 255, 255, 0.75);
  }
}

.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #FFF;
  text-decoration:underline;
}
/* *********************************
           Toolbar Logo
  ********************************** */
.small-logo-container {
  padding-top: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
}
.small-logo {
  color:#FFF;
  padding-bottom: 2px;
  height:50px;
}

/* *********************************
           Big Logo
  ********************************** */
.big-logo-row .big-logo-container {
  padding: 0px;
}
.big-logo {
}
.big-logo-img img {
	padding-top:3%;
	position:absolute;
	z-index:2000;
}
.big-logo-row h1 {
  font-size: 2.5em;
  margin: 0;
  padding: 0 0 15px 0;
  text-transform:uppercase;
}




/* Custom Media Queries
 ====================================================================== */
 
@media (max-width: 1000px) {
	.nav{background:#333}
	.nav>li{border-bottom:1px solid #ccc}
    .navbar-header {
        float: none;
    }
	.content-links > ul.nav{
		background-color: inherit;
	}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 4%;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}