html, body {
	background-color: white;
	text-align: center;
}

.business strong, .business i{
	color: #425;
}

.business .fa-2x {
	    font-size: 30px !important;
}

.uppercase {
	text-transform: uppercase; 
}

.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text.simple-box{
	font-size: 18px; line-height: 23px;
	border: 1px solid;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}

.api-stuff{
	text-align: left;
}
.dae-img{
	width: 100%;
}
.price-plan{
	margin-bottom: 10px;
}
.emphasize{
	margin-left: 0px !important;
	padding: 30px !important;
	background-color: #673ab7 !important;
}
.emphasize-mid{
	background-color: #7c51c7 !important;
	color: white;
}
.emphasize-mid li, .emphasize-mid a, .emphasize-mid i{
	color: white;
}
.emphasize-right{
	background-color: #8a67c9 !important;
	color: white;
}
.emphasize-right strong{
	color: white;
}
.price-plan-left{
	padding: 20px;
	background-color: #9376c5;
	//box-shadow: 0px 0px 10px #efecf5;
	z-index: 10;
	margin-left: 10px;
}
.price-plan-mid{
	padding: 20px;
	background-color: #e8e3f0;
	//margin-top: 5px;
  	//margin-bottom: 5px;
	color: black;
}

.price-plan-mid .top {
	margin-top: 20px;
}

.price-plan-right{
	padding: 20px;
	background-color: #efecf5;
	//margin-top: 5px;
  //margin-bottom: 5px;
}

body {
	height: 100% !important;
/*	font-size: 18px;*/
}

.cycler {
	position: relative;
}

.cycler img {
	position: absolute;
	z-index: 1
}

.cycler img.active {
	z-index: 3
}

.text {
	font-size: 30px;
	line-height: 24pt;
	letter-spacing: 2px;
	line-height: 24pt;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
}

.head1 {
	text-align: center;
	color: #4a238d;
	font-weight: 400;
	margin: 10px;
	margin-bottom: 20px;
	font-size: 40px;
	font-family: 'Open Sans', sans-serif;
	line-height: 24pt;
	letter-spacing: 2px;
}

.head2 {
	text-align: center;
	color: #4a238d;
	font-weight: 400;
	margin: 20px;
	margin-left: 0px;
	margin-bottom: 30px;
	font-size: 40px;
	font-family: 'Open Sans', sans-serif;
	line-height: 34pt;
	letter-spacing: 2px;
}

.head3 {
	font-family: 'Open Sans', sans-serif;
	line-height: 24pt;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 2px;
}

.background-style {
	background-color: #eee;
	padding-bottom: 20px;
	border-radius: 10px;
	background: #dacce5; /* Old browsers */
	background: -moz-linear-gradient(top, #dacce5 0%, #eeeeee 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dacce5 0%, #eeeeee 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dacce5 0%, #eeeeee 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacce5',
		endColorstr='#eeeeee', GradientType=0);
}

h2 span.glyphicon {
	margin-right: 10px;
	font-size: smaller;
}

ol, ul {
	list-style: none;
	padding-left: 0px;
}

.container {
	max-width: 920px;
}

.inverted {
	color: white;
}

.centered {
	text-align: center;
}

.bigger {
	font-size: 30px;
}

.dae-iphone {
	width: 100%;
}

#filt-chooser {
	-webkit-transition: all .5s;
	transition: all .5s;
	background-image: url("../img/thumbnails/style2.jpg");
	background-position: center;
}

#filt-end {
	-webkit-transition: all 2s;
	transition: all 2s;
	background-image: url("../img/thumbnails/result2.jpg");
	background-position: center;
}

section {
	padding-top: 90px;
	padding-bottom: 90px;
}

section#calltoaction {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffe83a+33,ffb642+96,d38919+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffe83a 33%, #ffb642 96%, #d38919
		100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffe83a 33%, #ffb642 96%,
		#d38919 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #ffe83a 33%, #ffb642 96%, #d38919
		100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#d38919', GradientType=0); /* IE6-9 */
}

section#download {

}

section#howto {
	background-color: #4a238d;
	background-image: url("../img/filter-bg2.jpg");
	background-position: center;
	background-size: cover;
}

section#howto .col-md-4 {
	margin-top: 10px;
}

section#examples .img-item {
	margin-top: 20px;
	background-color: yellow;
	padding: 10px;
	min-height: 200px;
	background-color: #cccccc;
	background-size: cover;
	padding-top: 60%; //
	border: 5px solid #cccccc; //
	border-radius: 8px;
}

#eventpage .img-item {
	margin-top: 10px;
	background-color: yellow;
	padding: 10px;
	min-height: 200px;
	background-color: #cccccc;
	background-size: cover;
	padding-top: 60%;
	border: 5px solid #cccccc;
	border-radius: 8px;
	margin-bottom: 30px;
}

section#inspiration {
	background-color: #F7F8FA;
}

section#inspiration .img-item {
	margin-top: 20px;
	background-color: yellow;
	padding: 10px;
	min-height: 100px;
	background-color: #cccccc;
	background-size: cover;
	padding-top: 100%;
	border: 5px solid #cccccc;
	border-radius: 8px;
}

section#wohnzimmer {
	background-color: #4a238d;
	background-image: url("../img/wohnzimmer.jpg");
	background-position: center;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 200px;
}

section#features {
	background-color: #4a238d;
	background-image: url("../img/filter-bg.jpg");
	background-position: center;
	background-size: cover;
}

section#features .feat-item{
	padding: 20px;
	min-height: 200px;
	margin-bottom: 30px;
	position: relative;
}

section#features .feat-item i {
	color: white;
}

section#features .feat-item span {
	color: white;
	font-weight: bold;
	font-size: 20px;
	margin: 20px;
	display: block;
}

section#features .feat-item p {
	color: white;
	font-size: 18px;
}

.premium-btn {
	position: absolute;
	top: 20px;
	right: 30px;
}

section#header img#dae-logo {
	margin-bottom: 20px;
	max-width: 400px;
	width: 100%;
}

section#header {
	margin-top: 0px;
	padding-top: 20px;
	overflow: hidden;
}

section#navbar {
	margin-top: 5px;
	margin-bottom: 5px;
}

section#navbar {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

section#navbar .navbar-item {
	float: right;
	font-size: 12px;
	margin: 5px;
	font-weight: 400;
	color: #4a238d;
}

section#wohnzimmer .feat-box{
	border: 0 !important;
}
section#wohnzimmer .feat-box:hover{
	//opacity: 0.8;
	cursor: pointer;
}
section#wohnzimmer .feat-box p{
	margin-bottom: 0px !important;
}
section#wohnzimmer .feat-box p a{
	color: white !important;
}
section#wohnzimmer .text {
	//font-size: 13px;
}
section#wohnzimmer .feat-box{
	//padding: 5px !important;
}

section#header .feat-box, section#wohnzimmer .feat-box{
	text-transform: uppercase;
	color: white;
	padding: 15px;
	border-radius: 7px;
	margin-bottom: 2px;
	text-align: center;
	background-color: #4a238d; //
	display: inline-block; //
	float: left;
	border: 3px solid;
	padding-right: 28px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a238d+0,583a8c+8,591891+100 */
	background: #4a238d; /* Old browsers */
	background: -moz-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a238d',
		endColorstr='#591891', GradientType=0); /* IE6-9 */
}

section#header .feat-box i {
	color: white;
}

section#header .feat-box span {
	font-size: smaller;
}

section#counter {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe83a+0,ffb642+100 */
	background: #ffe83a; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe83a 0%, #ffb642 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe83a 0%, #ffb642 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe83a 0%, #ffb642 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe83a',
		endColorstr='#ffb642', GradientType=0); /* IE6-9 */
}

section#counter .social i {
	color: #4a238d;
}

section#counter .feat-box-inverted {
	text-transform: uppercase;
	color: white;
	background-color: #4a238d;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a238d+0,583a8c+8,591891+100 */
	background: #4a238d; /* Old browsers */
	background: -moz-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a238d',
		endColorstr='#591891', GradientType=0); /* IE6-9 */
}

section#counter .feat-box-inverted .count {
	font-size: 30px;
}

section#counter .feat-box-inverted span {
	font-size: 20px;
}

section#socialicons {
	background-color: #4a238d;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a238d+0,583a8c+8,591891+100 */
	background: #4a238d; /* Old browsers */
	background: -moz-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a238d',
		endColorstr='#591891', GradientType=0); /* IE6-9 */
}

section#socialicons h2 {
	color: white;
}

.ht-button { //
	background-color: #4a238d;
	border-radius: 25px;
	padding: 10px;
	color: #4a238d;
	display: inline-block;
	font-size: 30px;
	width: 50px;
	height: 50px;
	font-weight: 700;
}

.ht-button-font {
	background-color: #FFB642;
	border-radius: 7px 7px 0px 0px;
	padding: 10px;
	color: white;
	display: inline-block;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background: #4a238d; /* Old browsers */
	background: -moz-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4a238d 0%, #583a8c 8%, #591891 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a238d',
		endColorstr='#591891', GradientType=0); /* IE6-9 */
}

.ht-button-font span {
	color: white;
}

.ht-img {
	margin-top: 0px; //
	background-color: white;
	padding: 10px;
	padding-bottom: 70%;
	background-size: cover;
	border-radius: 0px 0px 7px 7px;
	border: 5px solid #591891;
}

.infobox {
	color: #4a238d;
	border: 5px solid #c5b8dc;
	margin-top: 20px;
	position: relative;
	padding: 20px;
	padding-left: 70px; //
	margin: 15px;
	margin-top: 40px;
	border-radius: 25px;
	padding: 10px; //
	display: inline-block;
	font-size: 20px;
}

.infobox h3 {
	font-weight: 400;
	font-size: 20px;
	text-align: center;
}

.count-box {
	background-color: #eee;
	padding: 20px;
	margin: 5px;
	width: 100%;
}

.count {
	font-weight: 400;
}

.dl-btn {
	padding: 10px;
}

#getapp-btn {
	position: fixed;
	top: 70px;
	right: 20px;
	z-index: 100;
}

#getapp-btn:hover {
	opacity: 0.6;
	cursor: pointer;
}

#getapp-small {
	display: none;
}

.promovid {
	padding: 90px;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

img.dl-icon {
	margin-top: 20px;
	width: 100%;
	max-width: 225px;
}

div.social {
	display: inline;
}

div.social a {
	color: white;
	font-size: 50px;
	margin: 10px;
}

#feature-row-box {
	background-color: #eee;
	padding-bottom: 20px;
	border-radius: 10px;
	background: #dacce5; /* Old browsers */
	background: -moz-linear-gradient(top, #dacce5 0%, #eeeeee 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dacce5 0%, #eeeeee 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dacce5 0%, #eeeeee 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacce5',
		endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
}

#youtube-video .span {
	height: 400px;
}

#feature-row-box .col-md-4 {
	margin-top: 0px !important;
}

.trenner {
	padding: 10px;
}

@media only screen and (max-width : 1630px) {
	#getapp-big {
		display: none;
	}
	#getapp-small {
		display: block;
	}
}

@media only screen and (max-width : 991px) {
	.dae-iphone {
		width: 50%;
		margin-bottom: 50px;
	}
	#iphone-replacement {
		height: 730px;
	}
	#mid-trenner {
		margin-top: 20px !important;
	}
	#feature-row-box {
		margin: 20px;
	}
	#feature-row-box .col-md-4 {
		margin-top: 20px !important;
	}
	.youtube-video {
		margin-top: 50px;
	}
	.price-plan-left{
		margin-left: 0px;
	}
}

@media only screen and (min-width : 992px) {
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#getapp-btn {
		display: none;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}