body {
	font-family: sans-serif;
	background-color: #FBF7F0;
	color: #444A3D;
	padding-bottom: 0;
	font-size: 15px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #444A3D;
}

h2, .h2 {
	font-size: 28px;	
}

h3, .h3 {
	font-size: 23px;
}

.carousel-caption h3 {
	font-size: 16px;
}

.navbar {
	margin-bottom: 0;
}

a {
	color: #922;
}

a:hover {
	color: #B22;
}

.navbar-inverse .navbar-nav > li > a {
	color: #c48a00;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.navbar-inverse .ahlh > li > a {
	color: #9b9b97;
}

.navbar-inverse .navbar-brand {
	color: #9b9b97;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: white;
	background-color: #c48a00;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: white;
	background-color: #000;
}

.navbar-inverse {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#30342b), to(#2e3229));
  background-image: -webkit-linear-gradient(top, #30342b, 0%, #2e3229, 100%);
  background-image: -moz-linear-gradient(top, #30342b 0%, #2e3229 100%);
  background-image: linear-gradient(to bottom, #30342b 0%, #2e3229 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff30342b', endColorstr='#ff2e3229', GradientType=0);
}

.jumbotron {
	background: transparent;
	color: #3f4234;
	font-size: 16px;
	font-weight: 400;
}

.jumbotron.first {
	background-color: #F0E2D2;
	padding-bottom: 55px;
	border-bottom: 1px dotted white;
	margin-bottom: 20px;
}

.referenzen .jumbotron.first {
	background-color: transparent;
}

.jumbotron p, p.jumbotron {
	font-size: 16px;
	font-weight: 400;
}

p.jumbotron {
	padding: 0 !important;
}

.jumbotron h1 .subline {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
}

.lead {
	font-size: 14px;
	font-weight: 400;
	color: #798080;
}

.jumbotron h1, .lead h1 {
	font-family: 'Open Sans', sans-serif;
	color: #3f4234;
	color: #000;
	font-size: 30px;
	letter-spacing: 0;
	font-weight: 700;
}

.headline h1 {
	text-align: center;
	font-size: 30px;
	line-height: 1em;
	padding-bottom: 1px;
	letter-spacing: 0;
}

.headline h2 {
	text-align: center;
	margin-bottom: 20px;
}

.jumbotron h1 {
	margin-bottom: 24px;
	text-align: center
}

.jumbotron h2 {
	text-align: center;
	color: #3f4234;
	font-size: 30px;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 24px;
}

.jumbotron p + p {
	margin-top: 24px
}

.teaser h2 {
	text-align: center;
	letter-spacing:-1px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.teaser h2.strong {
	font-weight: 600;
	margin-bottom: 24px;
}

.carousel-caption h3 {
	text-transform: uppercase;
}

@media screen and (min-width: 768px) {
	.jumbotron h1, .lead h1 {
		font-size: 38px;
		letter-spacing: -1px;
	}
	.jumbotron h2 {
		font-size: 32px;
		letter-spacing: -1px;
	}
	.jumbotron, .jumbotron p, p.jumbotron {
		font-size: 19px;
	}
	.jumbotron h1 .subline {
		font-size: 19px;
	}
	.lead {
		font-size: 17px;
	}
	.headline h1 {
		font-size: 36px;
		line-height: 1.34em;
		padding-bottom: 1px;
	}
	.carousel-caption h3 {
		font-size: 23px;
		text-transform: uppercase;
	}
	.carousel-caption {
		padding-bottom: 20px;
	}
}

.btn {
	font-weight: bold;
  padding: 10px 30px 9px 30px;
  font-size: 1.5rem;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: white;
	background-color: #ef8200;
	border-color: #ef8200;
}

.btn-primary {
	background-image: none;
	border-color: #888886;
	background-color: transparent;
	color: #3F4234;
}

.btn-info {
	color: white;
	background-color: #555656;
	border-color: #555656;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	color: white;
	background-color: #353535;
	border-color: #dfc5c5;
}

#logo {
	margin-top: 46px;
	margin-bottom: 60px;
}

.main-topics .col-lg-4 {
	margin-bottom: 50px;
}

#topnews {
	display: none;
	font-family: 'Open Sans', sans-serif;
}

@media (min-width: 992px) {
	#topnews {
		display: block;
		background-color: #FFF;
		color: #444A3D;
		min-height: 50px;
		border-bottom: 2px dotted #d4dacD;
		border-top: 1px dotted #d4dacD;
		box-shadow: rgba(250,250,250,0.1) 0px 1px inset, rgba(250,250,250,0.1) 0px 1px;
		font-size: 14px;
	}
}

#topnews a {
	color: #545A4D;
}

#topnews .nav > li > a:hover, #topnews .nav > li > a:focus {
	text-decoration: none;
	background-color: #F8F8F4;
	color: #343A2D;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	font-family: 'Open Sans', sans-serif;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	width: 30px;
	left: 0;
	margin-left:-10px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	width: 30px;
	left: 100%;
	margin-left:-20px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -33px;
	font-size: 40px;
}

@media screen and (min-width: 768px) {
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
		width: 30px;
		left: 0;
		margin-left:0;
	}

	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
		width: 30px;
		left: 100%;
		margin-left:-30px;
	}

	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -41px;
		font-size: 50px;
	}
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
	opacity: 0.01;
	filter: alpha(opacity=1);
	z-index: 1900;
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(3, 3, 2, 0.1)), to(rgba(4, 4, 3, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(3, 3, 2, 0.1) 0), color-stop(rgba(4, 4, 3, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(3, 3, 2, 0.1) 0, rgba(4, 4, 3, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(3, 3, 2, 0.1) 0, rgba(4, 4, 3, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background: none;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(4, 4, 3, 0.0001)), to(rgba(3, 3, 2, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(4, 4, 3, 0.0001) 0), color-stop(rgba(3, 3, 2, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(4, 4, 3, 0.0001) 0, rgba(3, 3, 2, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(4, 4, 3, 0.0001) 0, rgba(3, 3, 2, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background: none;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.carousel-inner > .item {
  position: relative;
  display: none;
  opacity: 0.06;
  filter: alpha(opacity=6);
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  width: 100%;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
	left: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.carousel-inner > .trans-0.active {
	-webkit-transition-property:    left, opacity;
	-webkit-transition-duration:    1.9s, 1.9s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay:       0s, 0s;
	transition-property:    left, opacity;
    transition-duration:    1.9s, 1.9s;
	transition-timing-function: ease-in-out, ease-in-out;
    transition-delay:       0s, 0s;
}

.carousel-inner > .trans-1.active {
	-webkit-transition-property:    left, opacity;
	-webkit-transition-duration:    1.9s, 1.9s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay:       0s, 0s;
	transition-property:    left, opacity;
    transition-duration:    1.9s, 1.9s;
	transition-timing-function: ease-in-out, ease-in-out;
    transition-delay:       0s, 0s;
}

.carousel-inner > .trans-2.active {
	-webkit-transition-property:    left, opacity;
	-webkit-transition-duration:    1.9s, 1.9s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay:       0s, 0s;
	transition-property:    left, opacity;
    transition-duration:    1.9s, 1.9s;
	transition-timing-function: ease-in-out, ease-in-out;
    transition-delay:       0s, 0s;
}

.carousel-inner > .trans-3.active {
	-webkit-transition-property:    left, opacity;
	-webkit-transition-duration:    1.7s, 1.7s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay:       0s, 0s;
	transition-property:    left, opacity;
    transition-duration:    1.9s, 1.9s;
	transition-timing-function: ease-in-out, ease-in-out;
    transition-delay:       0s, 0s;
}

.carousel-inner > .next,
.carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.33;
	filter: alpha(opacity=33);
	-webkit-transition-property:    left, opacity;
	-webkit-transition-duration:    1.1s, 1.1s;
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
	-webkit-transition-delay:       0s, 0s;
	transition-property:    left, opacity;
	transition-duration:    1.1s, 1.1s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay:       0s, 0s;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
	left: -100%;
	opacity: 0.1;
	  filter: alpha(opacity=10);
	-webkit-transition: 0.7s ease-in-out left,0.68s ease-in-out opacity;
	transition: 0.7s ease-in-out left,0.68s ease-in-out opacity;
}

.carousel-inner > .active.right {
	left: 100%;
	opacity: 0.1;
	  filter: alpha(opacity=10);
	-webkit-transition: 0.7s ease-in-out left,0.68s ease-in-out opacity;
	transition: 0.7s ease-in-out left,0.68s ease-in-out opacity;
}

#carousel-1 {
	background-color: #FFF;
	background-image: url(../img/Bildmarke_grey_166.png);
	background-repeat: no-repeat;
	background-size: auto 40%;
	background-position: 50% 50%;
}

.pos2 .carousel-caption {
	padding-bottom: 1px;
}

@media screen and (min-width: 480px) {
	.pos2 .carousel-caption {
		padding-bottom: 8px;
	}
}

@media screen and (min-width: 768px) {
	.pos2 .carousel-caption {
		padding-bottom: 10px;
	}
	.pos2 .carousel-caption h3 {
		font-size: 19px;
	}
}

@media screen and (min-width: 992px) {
	#carousel-1 {
		background-image: url(../img/Bildmarke_grey_166.png);
		background-repeat: no-repeat;
		background-size: auto 20%;
		background-position: 50% 50%;
	}
	.carousel-caption {
		padding-bottom: 10px;
	}
	.pos2 .carousel-caption {
		padding-bottom: 25px;
	}
	.pos2 .carousel-caption h3 {
		font-size: 23px;
	}
}

@media screen and (min-width: 1200px) {
	.carousel-caption {
		padding-bottom: 10px;
	}
	.pos2 .carousel-caption {
		padding-bottom: 45px;
	}
}

.carousel-mini #carousel-1 {
	background-size: auto 25%;
	background-position: 50% 50%;
}

@media (min-width: 992px) {
	.carousel-mini .carousel-inner .item p {
		display: block;
	}
}

.carousel-caption h3, .carousel-caption a {
	color: #FFF;
	text-shadow: none;
}

.carousel-caption p {
	text-shadow: none;
}

.carousel-caption.positive, .carousel-caption.positive h3, .carousel-caption.positive a  {
	color: #444a3d !important;
	text-shadow: none !important;
}

.carousel-inner .active h3 {
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-transition: 5s ease-in-out opacity;
	transition: 5s ease-in-out opacity;
}

.carousel-inner .strong h3 {
	opacity: 1.0;
}

.carousel-indicators {
	display: none;
}

@media only screen and (max-width: 720px) {
    .carousel-caption {
		bottom: 5px;	
		padding-bottom: 0;
	}
	.carousel-indicators {
		bottom: 5px;
		display: none;
	}
	.carousel-mini #carousel-1, #carousel-1 {
		background-position: 50% 30%;
		background-size: auto 35%;
	}
}

.slide-h3-big {
	font-size: 144px;
	font-weight: 400 !important;
	position: absolute;
	top: -220px;
	left: 500px;
	text-align: center;
}

.active .slide-h3-big, .slide-h3-big-animate {
	left: -1100px !important;
	-webkit-transition-property: left;
	-webkit-transition-duration: 16.1s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	transition-property: left;
	transition-duration: 16.1s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.btn-wordpress {
	color: white;
	background-color: #579cb0;
	border-color: #569baf;
}

.btn-wordpress:hover, .btn-wordpress:focus, .btn-wordpress:active, .btn-wordpress.active, .open .dropdown-toggle.btn-wordpress {
	color: white;
	background-color: #3992ab;
	border-color: #3891aa;
}

.btn-expressionengine {
	color: white;
	background-color: #579cb0;
	border-color: #569baf;
}

.btn-expressionengine:hover, .btn-expressionengine:focus, .btn-expressionengine:active, .btn-expressionengine.active, .open .dropdown-toggle.btn-expressionengine {
	color: white;
	background-color: #3992ab;
	border-color: #3891aa;
}

.btn-craft {
	color: white;
	background-color: #579cb0;
	border-color: #569baf;
}

.btn-craft:hover, .btn-craft:focus, .btn-craft:active, .btn-craft.active, .open .dropdown-toggle.btn-craft {
	color: white;
	background-color: #3992ab;
	border-color: #3891aa;
}

.btn-processwire {
	color: white;
	background-color: #579cb0;
	border-color: #569baf;
}

.btn-processwire:hover, .btn-processwire:focus, .btn-processwire:active, .btn-processwire.active, .open .dropdown-toggle.btn-processwire {
	color: white;
	background-color: #3992ab;
	border-color: #3891aa;
}

.btn-modx {
	color: white;
	background-color: #579cb0;
	border-color: #569baf;
}

.btn-modx:hover, .btn-modx:focus, .btn-modx:active, .btn-modx.active, .open .dropdown-toggle.btn-modx {
	color: white;
	background-color: #3992ab;
	border-color: #3891aa;
}

.btn-web {
	color: white;
	background-color: #555656;
	border-color: #555656;
}

.btn-web:hover, .btn-web:focus, .btn-web:active, .btn-web.active, .open .dropdown-toggle.btn-web {
	color: white;
	background-color: #353535;
	border-color: #333;
	border-color: #dfc5c5;
}

.btn-print {
	color: white;
	background-color: #555656;
	border-color: #555656;
}

.btn-print:hover, .btn-print:focus, .btn-print:active, .btn-print.active, .open .dropdown-toggle.btn-print {
	color: white;
	background-color: #353535;
	border-color: #333;
	border-color: #dfc5c5;
}

#filters::before, #filters::after {
display: table;
content: " ";
}

#filters {
	list-style-type: none;
	float: left;
	margin-left:0;
	padding-left:0;
}

#filters li {
	list-style: none;
	position: relative;
	display: block;
	float: left;
	margin-right:1px;
	margin-bottom:1px;
}

/**** Isotope filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

#container {
	padding-left:0px;
	margin: 0 auto;
}

#container div {
	min-height: 300px;
	background: #fcfcfc;
	margin-left: 0;
	width: 300px;
	margin-bottom: 20px;
	padding:10px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

#container h2 a {
	color: #444A3D;
	text-decoration: underline;	
}

#container h2 a:hover {
	color: #000;
}

#container h2 {
	font-size: 24px;
	margin-top: 10px;
	letter-spacing: 0;
}

#filters .selected {
	font-weight: bold;
}

#filters .btn-web.selected, #filters .btn-print.selected {
	background: #353535;
}

.referenzen .main-topics p {
	max-width: 360px;
	margin-bottom: 2em;
}

.referenzen em {
	color: #798080;
}

.referenzen em strong {
	color: #444A3D;
}

.col-lg-4.referenzen {
	margin-bottom:0;
}

.headline {
	border-top: 4px dotted white;
	border-bottom: 4px dotted white;
	box-shadow: rgba(77,77,77,0.1) 0px 1px inset, rgba(77,77,77,0.1) 0px 1px;
	margin-top:20px
}

.jumbotron.col-lg-6 p, .wrapper_footer .col-lg-6 p {
	max-width: 100%;
}

.main-topics h3:first-child {
	margin-top: 0;
}

.wrapper_footer {
	background-color: #30342b;
	padding: 20px 0 10px 0;
}

.wrapper_footer p {
	color: #798080;
}

footer span {
	display: inline-box;
	margin-right: 25px;
	color: #798080;
}

footer a {
	color: #798080;
}

footer a:hover {
	color: #FFF;
}

.main-topics.last {
	margin-bottom: 50px;
}

.inverse, .inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse p, .inverse li {
	color: #fefefe;
}

.inverse p, .inverse li {
	color: #f3f3f3;
}

.center, .center h1, .center h2, .center h3, .center p, .center ol, .center ul, .center img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.wrapper-list-without-liststyle ul, .wrapper-list-without-liststyle ol, .wrapper-list-without-liststyle li {
	list-style: none;
}

.light {
	color: #798080;
}

@media screen and (max-width: 340px) {
	#logo img {
		max-width: 280px !important;
	}
	.navbar-brand {
		font-size: 14px;
	}
}

.navbar-brand {
	font-size: 14px;
}

#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}

.isotope .thumbs {
	display: relative;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.isotope .thumbs img {
	width: 100%;
	height: auto;
}

.isotope .thumbs .content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.isotope .thumbs .content a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #3F4234;
	color: rgba(63, 66, 52, .67);
	font-size: 16px;
	line-height: 1.2em;
}

.isotope .thumbs .content a div {
	position: absolute;
	top: 60%;
	width: 100%;
	margin-top: 0;
}

.isotope .thumbs .content a:hover {
	background-color: #FFF;
	background: rgba(0, 0, 0, .07);
	background: rgba(255, 255, 255, .15);
	text-decoration: none;
	color: #000;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
}

.thumbs {
	padding: 0
}

.icon-drucksachen {
	background-image: url(../img/slides_angebote/slides_drucksachen_1b_r1.svg);
	background-color: #808080;
	background-color: #FFF;
	background-color: rgba(128, 128, 128, .1);
}

.icon-webdesign {
	background-image: url(../img/slides_angebote/slides_responsive_webdesign_2b_r1.svg);
	background-color: #085A78;
	background-color: #FFF;
	background-color: rgba(8, 90, 120, .1);
}

.icon-corporate-design {
	background-image: url(../img/slides_angebote/slides_corporate_design_2b_r1.svg);
	background-color: #c48a00;
	background-color: #FFF;
	background-color: rgba(196, 138, 0, .1);
}

.icon-online-magazin {
	background-image: url(../img/slides_angebote/slides_online_magazin_4b_r1.svg);
	background-color: #af4141;
	background-color: #FFF;
	background-color: rgba(175, 65, 65, .1);
}

.icon-design-beratung {
	background-image: url(../img/slides_angebote/slides_design_beratung_2b_r1.svg);
	background-color: #b0577e;
	background-color: #FFF;
	background-color: rgba(176, 87, 126, .1);
}

.icon-gruene-branche {
	background-image: url(../img/slides_angebote/slides_gruene_branche_1b_r1.svg);
	background-color: #64ab5b;
	background-color: #FFF;
	background-color: rgba(100, 171, 91, .1);
}

.icon-marketing-konzept {
	background-image: url(../img/slides_angebote/slides_marketing_konzepte_1b_r1.svg);
	background-color: #e1810e;
	background-color: #FFF;
	background-color: rgba(225, 129, 14, .1);
}

.icon-facebook {
	background-image: url(../img/slides_angebote/slides_90_fb_like_3_r1.svg);
	background-color: #3B5998;
	background-color: #FFF;
	background-color: rgba(59, 89, 152, .1);
}

.icon-wordpress {
	background-image: url(../img/slides_angebote/slides_wordpress_support_1b_r1.svg);
	background-color: #3C3D45;
	background-color: #FFF;
	background-color: rgba(60, 61, 69, .1);
}

.icon-cms {
	background-image: url(../img/slides_angebote/slides_110_cms_1_r1.svg);
	background-color: #da5a47;
	background-color: #FFF;
	background-color: rgba(218, 90, 71, .1);
}

.icon-templates {
	background-image: url(../img/slides_angebote/slides_120_templates_5_r1.svg);
	background-color: #444a3d;
	background-color: #FFF;
	background-color: rgba(68, 74, 61, .1);
}

.icon-typografie {
	background-image: url(../img/slides_angebote/slides_130_typografie_2c_r1.svg);
	background-color: #6b869a;
	background-color: #FFF;
	background-color: rgba(107, 134, 154, .1);
}

.icon-programmierung {
	background-image: url(../img/slides_angebote/slides_programmierung_2b_r1.svg);
	background-color: #333;
	background-color: #FFF;
	background-color: rgba(51, 51, 51, .1);
}

.icon-verpackung {
	background-image: url(../img/slides_angebote/slides_verpackungen_2b_r1.svg);
	background-color: #9e3b01;
	background-color: #FFF;
	background-color: rgba(158, 59, 1, .1);
}

.icon-beschriftungen {
	background-image: url(../img/slides_angebote/slides_beschriftungen_2e_r1.svg);
	background-color: #9e3b01;
	background-color: #FFF;
	background-color: rgba(158, 59, 1, .1);
}

.icon-branchen-website {
	background-image: url(../img/slides_angebote/slides_branchen_websites_1b_r1.svg);
	background-color: #b06b57;
	background-color: #FFF;
	background-color: rgba(176, 107, 87, .1);
}

.icon-beschriftung {
	
	background-color: #FFF;
}

.icon-individueller-service {
	background-image: url(../img/slides_angebote/slides_individueller_service_1b_r1.svg);
	background-color: #F9B231;
	background-color: #FFF;
	background-color: rgba(249, 178, 49, .1);
}

@media screen and (min-width: 768px) {
	.isotope .thumbs .content a {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.isotope .thumbs .content a {
		font-size: 14px;
	}
}

@media screen and (max-width: 360px) {
	.isotope .thumbs .content a {
		font-size: 13px;
	}
}

.modal-content {
	background-color: #FAF9F4;
}

h4.modal-title {
	color: #FFF;
	font-weight: 600;
}

.modal-header .close {
	color: #FFF;
	font-size: 28px;
	text-shadow: none;
	opacity: .8;
}

.modal-header .close:hover {
	opacity: 1;
}

#modal-corporate-design .modal-header { background-color: #c48a00; }
#modal-drucksachen .modal-header { background-color: #808080; }
#modal-webdesign .modal-header { background-color: #085A78; }
#modal-online-magazin .modal-header { background-color: #af4141; }
#modal-design-beratung .modal-header { background-color: #b0577e; }
#modal-gruene-branche .modal-header { background-color: #64ab5b; }
#modal-marketing-konzept .modal-header { background-color: #e1810e; }
#modal-facebook .modal-header { background-color: #3B5998; }
#modal-wordpress .modal-header { background-color: #3C3D45; }
#modal-cms .modal-header { background-color: #da5a47; }
#modal-templates .modal-header { background-color: #444a3d; }
#modal-typografie .modal-header { background-color: #6b869a; }
#modal-programmierung .modal-header { background-color: #333; }
#modal-verpackung .modal-header { background-color: #9e3b01; }
#modal-beschriftungen .modal-header { background-color: #9e3b01; }
#modal-branchen-website .modal-header { background-color: #b06b57; }
#modal-individueller-service .modal-header { background-color: #F9B231; }
#modal-persoenlich .modal-header { background-color: #c48a00; }

.disclaimer h3 {
	font-size: 19px;
	font-weight: 600;
}

p.tags {
	font-size: 12px;
	font-weight: 600;
	margin-top: 2.5em;
}

.modal-body a {
	color: #000;
}

.p-btn {
	text-align: center;
	margin-top: 23px;
}

a.navbar-brand.active {
	color: #FFF
}

.wrapper.slideshow {
	background-color: #f2eae2;
	margin-bottom: 25px;
	border-bottom: 2px dotted white;
	border-top: 1px dotted white;
}

.wrapper.slideshow ._row {
	max-width: 1320px;
	margin: 0 auto;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.carousel .glyphicon {
	color: #efefef;
 	position: absolute;
 	bottom: 1px;
	right: 20px;
	text-align: center;
	width: 36px;
	height: 36px;
	padding: 5px;
 	display: block;
	font-family: 'Glyphicons Halflings';
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	z-index: 2000;
	background-color: rgba(204,204,204, .44);
	background-color: rgba(102,102,102, .49);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.carousel .glyphicon-pause, .carousel .glyphicon-play {
	display: none;
	text-decoration: none;
}
	
.carousel .glyphicon-pause.on, .carousel .glyphicon-play.on {
	opacity: .77;
	display: block;
}

.carousel .glyphicon-pause.on:hover, .carousel .glyphicon-play.on:hover {
	opacity: 1 !important;
	color: #FFF;
	background-color: rgba(102,102,102, .8);
}

.glyphicon-play:before {
	content: "\e072";
}
.glyphicon-pause:before {
	content: "\e073";
}

.carousel .glyphicon-pause.on.off, .carousel .glyphicon-play.on.off {
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-transition: 3.5s ease-in-out opacity;
	transition: 3.5s ease-in-out opacity;
}

.displaynone {
	display: none;
}

.before-carousel-caption, .before-carousel-caption-last {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 4200ms ease-in-out;
    -moz-transition: all 4200ms ease-in-out;
    -ms-transition: all 4200ms ease-in-out;
    -o-transition: all 4200ms ease-in-out;
    transition: all 4200ms ease-in-out;
	background: transparent;
}

.carousel-caption.intro.out {
	opacity: 0.1;
	-moz-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
}

.carousel-caption.intro, .carousel-caption.last {
	-webkit-transition: all 400ms linear, opacity 300ms linear;
    -moz-transition: all 400ms linear, opacity 300ms linear;
    -ms-transition: all 400ms linear, opacity 300ms linear;
    -o-transition: all 400ms linear, opacity 300ms linear;
    transition: all 400ms linear, opacity 300ms linear;
	opacity: 1;
	position: absolute;
	bottom: 15%;
	margin:0;
	padding:0;
}

.carousel-caption.intro h3 span, .carousel-caption.last h3 span {
	-webkit-transition: all 3000ms linear;
    -moz-transition: all 3000ms linear;
    -ms-transition: all 3000ms linear;
    -o-transition: all 3000ms linear;
    transition: all 3000ms linear;
	background: transparent;
	display: inline-block;
	padding: 0 4px 2px 4px;
}

.carousel-caption.intro.eins h3 span {
	background: transparent;
}
.before-carousel-caption.eins, .before-carousel-caption-last.eins {
	background: rgba(8, 90, 120, .9);
}
.before-carousel-caption.zwei, .before-carousel-caption-last.zwei {
	background-color: rgba(100, 171, 91, .9);
}
.before-carousel-caption.drei, .before-carousel-caption-last.drei {
	background-color: rgba(196, 138, 0, .9);
}

.carousel-caption.intro.eins, .carousel-caption.last.eins, .carousel-caption.last.drei {
	-moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.carousel-caption.intro.zwei {
	opacity: 1;
	-moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.carousel-caption.intro h3, .carousel-caption.last h3 {
	font-weight: 300;
	margin-bottom: 4px;
}
.carousel-caption.intro p, .carousel-caption.last p {
	color: #FFF;
	font-weight: 400;
	font-size: 8px;
	font-style: italic;
	letter-spacing: 1px;
}

@media screen and (min-width: 360px) {
	.carousel-caption.intro, .carousel-caption.last {
		bottom: 20%;
	}
}

@media screen and (min-width: 480px) {
	.carousel-caption.intro.eins, .carousel-caption.last.eins, .carousel-caption.last.drei {
		-moz-transform: scale(1.7);
	    -webkit-transform: scale(1.7);
	    -o-transform: scale(1.7);
	    -ms-transform: scale(1.7);
	    transform: scale(1.7);
	}
	.carousel-caption.intro.zwei, .carousel-caption.last.zwei {
		opacity: 1;
		-moz-transform: scale(1.7);
	    -webkit-transform: scale(1.7);
	    -o-transform: scale(1.7);
	    -ms-transform: scale(1.7);
	    transform: scale(1.7);
	}
	.carousel-caption.intro, .carousel-caption.last {
		bottom: 30%;
	}
}

@media screen and (min-width: 768px) {
	.carousel-caption.intro.eins, .carousel-caption.last.eins, .carousel-caption.last.drei {
		-moz-transform: scale(1.8);
	    -webkit-transform: scale(1.8);
	    -o-transform: scale(1.8);
	    -ms-transform: scale(1.8);
	    transform: scale(1.8);
	}
	.carousel-caption.intro.zwei, .carousel-caption.last.zwei {
		opacity: 1;
		-moz-transform: scale(1.8);
	    -webkit-transform: scale(1.8);
	    -o-transform: scale(1.8);
	    -ms-transform: scale(1.8);
	    transform: scale(1.8);
	}
	.carousel-caption.intro, .carousel-caption.last {
		bottom: 35%;
	}
	.carousel-caption.intro h3, .carousel-caption.last h3 {
		margin-bottom: 9px;
	}
}

@media screen and (min-width: 992px) {
	.carousel-caption.intro.eins, .carousel-caption.last.eins, .carousel-caption.last.drei {
		-moz-transform: scale(2.2);
	    -webkit-transform: scale(2.2);
	    -o-transform: scale(2.2);
	    -ms-transform: scale(2.2);
	    transform: scale(2.2);
	}
	.carousel-caption.intro.zwei, .carousel-caption.last.zwei {
		opacity: 1;
		-moz-transform: scale(2.2);
	    -webkit-transform: scale(2.2);
	    -o-transform: scale(2.2);
	    -ms-transform: scale(2.2);
	    transform: scale(2.2);
	}
	.carousel-caption.intro p, .carousel-caption.last p {
		font-size: 7px;
		font-weight: 300;
	}
	.carousel-caption.intro, .carousel-caption.last {
		bottom: 40%;
	}
}

@media screen and (min-width: 1200px) {
	.carousel-caption.intro.eins, .carousel-caption.last.eins, .carousel-caption.last.drei {
		-moz-transform: scale(3);
	    -webkit-transform: scale(3);
	    -o-transform: scale(3);
	    -ms-transform: scale(3);
	    transform: scale(3);
	}
	.carousel-caption.intro.zwei, .carousel-caption.last.zwei {
		opacity: 1;
		-moz-transform: scale(3);
	    -webkit-transform: scale(3);
	    -o-transform: scale(3);
	    -ms-transform: scale(3);
	    transform: scale(3);
	}
	.carousel-caption.intro, .carousel-caption.last {
		bottom: 45%;
	}
	.carousel-caption.intro h3, .carousel-caption.last h3 {
		margin-bottom: 10px;
	}
}

.jumbotron.first h1 {
	text-transform: uppercase;
}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }