/*.border_uses{
  max-height: 270px;
  position: relative;
  overflow: hidden;
}

.border_uses .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) 
  background-image: linear-gradient(to bottom, transparent, white);
}*/

.tool1{
	padding-top: 30px;
	border-right: 3px solid #EAEAEA;
	border-bottom: 3px solid #EAEAEA;
	min-height: 460px;
}

.tool2{
	padding-top: 30px; 
	border-left: 3px solid #EAEAEA; 
	border-right: 3px solid #EAEAEA; 
	border-bottom: 3px solid #EAEAEA; 
	min-height: 460px;
}

.tool3{
	padding-top: 30px; 
	border-left: 3px solid #EAEAEA; 
	border-bottom: 3px solid #EAEAEA; 
	min-height: 460px;
}


.tool4{
	padding-top: 30px; 
	border-right: 3px solid #EAEAEA; 
	border-top: 3px solid #EAEAEA; 
	min-height: 460px;
}

.tool5{
	padding-top: 30px; 
	border-left: 3px solid #EAEAEA; 
	border-right: 3px solid #EAEAEA; 
	border-top: 3px solid #EAEAEA; 
	min-height: 460px;
}

.tool6{
	padding-top: 30px; 
	border-left: 3px solid #EAEAEA; 
	border-top: 3px solid #EAEAEA; 
	min-height: 460px;
}

.complete1,.complete2,.complete3{
    display:none;
}

.funct_img {
    overflow: hidden;
    border: 1px solid #cccccc;
    border-radius: 100%;
    margin: auto;
    max-width: 250px;
    max-height: 250px;
    vertical-align: bottom;
}

.hidelink {
	background-color: #EAEAEA;	
}

.sectionheading {
	overflow: visible !important;
}

.reftools {
	overflow: visible !important;
}

.sectionheading:after {
    border-style: solid;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 40px 90px 0 90px;
    top: 100%;
    left: 50%;
    margin-left: -90px;
    border-top-color: #eeeeee;
}

.reftools:after {
    border-style: solid;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-width: 30px 100px 0 100px;
    top: 100%;
    left: 50%;
    margin-left: -100px;
    border-top-color: #EAEAEA;
}



#plans,#plans ul,#plans ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pricePlans:after {
	content: '';
	display: table;
	clear: both;
}

#pricePlans {
	zoom: 1;
	/*max-width: 80em;*/
	margin: 0 auto;
}

#pricePlans #plans .plan {
	background: #fff;
	float: left;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin: 0 0 20px 0;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.planContainer .title h2 {
	font-size: 3em;
	font-weight: 700;
	margin: 0;
	padding: .6em 0;
	background: #217DBA;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.planContainer .options {
	margin-top: 10em;
}

.planContainer .options li {
	font-weight: 700;
	color: #364762;
	line-height: 2.5;
}

.planContainer .options li.li_price {
	font-weight: 700;
	color: #364762;
	line-height: 2;
}

.planContainer .options li span {
	font-weight: 400;
	color: #979797;
}

.planContainer .options li span.price {
	font-weight: 700;
	color: #217DBA;
	font-size: 3.7em;
}

.planContainer .options li span.euro {
	font-weight: 700;
	color: #217DBA;
	font-size: 2.6em;
}

.planContainer .signup_button {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.8em;
	background-color: #00A6C2;
	display: inline-block;
	width: 80%;
	height: 2.8em;
	border-radius: 4px;
	margin: 1.5em 0 0em!important;
}

.planContainer .trial_button {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 2.8em;
	background-color: #00A6C2;
	display: inline-block;
	width: 67%;
	height: 2.8em;
	border-radius: 4px;
	margin: 0.8em 0 1.8em!important;
}

.planContainer .contribute_button {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 2.8em;
	background-color: #00A6C2;
	display: inline-block;
	width: 80%;
	height: 2.8em;
	border-radius: 4px;
	margin: 1.5em 0 1.8em!important;
}

@media screen and (min-width: 481px) and (max-width: 768px) {

#pricePlans #plans .plan {
	width: 49%;
	margin: 0 2% 20px 0;
}

#pricePlans #plans > li:nth-child(2n) {
	margin-right: 0;
}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	#pricePlans #plans .plan {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	
	#pricePlans #plans > li:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (min-width: 1025px) {
	#pricePlans {
		margin: 2em auto;
	}

	#pricePlans #plans .plan {
		width: 23.671%;
		margin: 0 1.33% 20px 0;
		 cursor: pointer;
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	#pricePlans #plans > li:last-child {
		margin-right: 0;
	}

	#pricePlans #plans .plan:hover {
		-webkit-transform: scale(1.04);
		   -moz-transform: scale(1.04);
			-ms-transform: scale(1.04);
			 -o-transform: scale(1.04);
				transform: scale(1.04);
	}

	.planContainer .signup_button {
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	.planContainer .signup_button:hover {
		background: #00B8D9;
		color: #fff;
	}
		.planContainer .trial_button {
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	.planContainer .trial_button:hover {
		background: #00B8D9;
		color: #fff;
	}
		.planContainer .contribute_button {
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}

	.planContainer .contribute_button:hover {
		background: #00B8D9;
		color: #fff;
	}
}

.info_vis {
    position: relative;
    transition: 0.7s ease;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    cursor: pointer;
}

.info_vis:hover {
    transform: scale(1.02, 1.02);
	opacity: 1;
}

.usecase_hr { 
	width:85%; 
	height:1px; 
	background: #C4C4C4 
}

.Impressum { 	
	color: #C6C6C6;
	
	margin-top: 2.5em;
	margin-left: 2em;
	font-size: 2em;
	line-height: 1.7em;
	font-weight: normal;
}

.Impressum li {
    list-style-type: none;
}

.Impressum li a {
    list-style-type: none;
	color: #C6C6C6;
}


.Impressum li:hover {  
	color: #F7F5F5;
	cursor:pointer;
}

.Impressum li a:hover {
    color: #F7F5F5;
	cursor:pointer;
}

.imp_header{ 	
	/*color: #C6C6C6;*/
	color: #E8E8E8;
	line-height: 2em;
	font-size: 1.2em;
}

.border_uses {
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
	margin-bottom: 20px;
}

.table_img {
	max-height: 2.8em;
}

.table_header {
	font-weight: bold; 
	margin-top: 55px; 
	margin-bottom: 45px; 
	text-align: center; 
	max-width: 800px; 
	font-size: 3.8em;"
}

.table_text {
	margin-top: 5px; 
	text-align: left; 
	max-width: 800px;
}

.table_text {
	margin-top: 5px; 
	text-align: left; 
	max-width: 800px;
}

.intro_text{
	text-align: left;
	max-width: 800px;"
}

.txtblwtbl{
	margin-top: 40px; 
	text-align: center; 
	max-width: 800px;"
}

.txtsbscrb1{
	margin-top: 1.5em; 
	font-size: 2.85em; 
	color: #F4F4F4; 
	text-align:left;
}

.txtsbscrb2{
	font-size: 2.5em;
	color: #F4F4F4; 
	text-align:left;
}

.team_txt{
	font-size: 1.7em;
	color: #848484;
	margin-top: 0pt;
	font-weight:normal;
}

.svg_use1{
	margin-top: 4em; 
	margin-bottom: 2em;
	max-height: 10em;
	color:green;
}

.svg_use2{
	margin-top: 4em; 
	margin-bottom: 2em;
	max-height: 13em;
}

.team_div{
	padding-bottom: 20px; 
	max-width: 970px
}


@media screen and (max-width: 1199px) {
	ol li:before {
		counter-increment: numList;
		content: counter(numList);
		float: left;
		position: absolute;
		left: -35px;
		margin-top: 0.1em;	
		font: bold 0.9em sans-serif;
		text-align: center;
		color: #fff;
		line-height: 1.4em;
		width: 1.4em; height: 1.4em;
		background: #1B6AA1;
		
		-moz-border-radius: 999px;
		border-radius: 999px
	}
	.graph {
		font-size: 0.9em;
	}
	
	.txtblwtbl{
		margin-top: 0px; 
		text-align: center; 
		max-width: 800px;"
	}
	
	ol {
		margin-bottom: 10px;
	}
}	
	
@media screen and (max-width: 991px) {
	ol li:before {
		counter-increment: numList;
		content: counter(numList);
		float: left;
		position: absolute;
		left: -35px;
		margin-top: 0.2em;	
		font: bold 0.8em sans-serif;
		text-align: center;
		color: #fff;
		line-height: 1.4em;
		width: 1.4em; height: 1.4em;
		background: #1B6AA1;
		
		-moz-border-radius: 999px;
		border-radius: 999px
	}
	
	.table_text {
		text-align: center;
	}
	.table_text.low{
		margin-bottom: 25x;
	}
	
	.table_header {
		margin-bottom: 25px; 
	}
	.use_text{
		text-align: center;
	}
	
	.intro_text{
		text-align: center;
	}
	
	.team_div{
		max-width: 500px
	}
	
	.txtblwtbl{
		margin-top: 0px; 
		text-align: center; 
		max-width: 800px;"
	}
	
	ol {
		margin-bottom: 30px;
	}
	
	.txtsbscrb1{
		text-align:center !important; 
	}
	
	.txtsbscrb2{
	text-align:center !important; 
	margin-top: 10px !important; 
	}
	
	.Impressum {
		margin-top: 0em;
		margin-left: 2em;
		font-size: 1.8em;
		line-height: 1.7em;
	}
	
	.readmore1, 
	.readmore2,
	.readmore3{
		margin: auto !important;
	}
	
	.tool1,
	.tool2,
	.tool3,
	.tool4,
	.tool5{
		border-top: 0px solid #EAEAEA; 
		border-left: 0px solid #EAEAEA; 
		border-right: 0px solid #EAEAEA;
		border-bottom: 3px solid #EAEAEA; 
		min-height: 0px;
	}
	.tool6{
		border-top: 0px solid #EAEAEA; 
		border-left: 0px solid #EAEAEA; 
		border-right: 0px solid #EAEAEA;
		border-bottom: 0px solid #EAEAEA;
		min-height: 0px;		
	}
	
}

@media screen and (max-width: 800px) {
	.useboxes {
		margin-right: 15px;
		margin-left: 15px;
	}
}


@media screen and (max-width: 767px) {
	.graph{
		font-size: 0.8em;
	}

	.table_text {
		text-align: center;
	}
	
	table, td  {
		padding: 5px;
		margin-left: auto;
		margin-right: auto;
	}

	.table_img {
		max-height: 2em;
	}
	
	.td_top{
		font-size: 1.3em;
	}
	
	.td_left{
		font-size: 1.1em;
		padding-left: 5px;
		width: 25%;
	}	
	.td_left br {
        display: none;
    }
	
	ol li:before {
		counter-increment: numList;
		content: counter(numList);
		float: left;
		position: absolute;
		left: -35px;
		margin-top: 0.4em;	
		font: bold 0.7em sans-serif;
		text-align: center;
		color: #fff;
		line-height: 1.4em;
		width: 1.4em; height: 1.4em;
		background: #1B6AA1;
		
		-moz-border-radius: 999px;
		border-radius: 999px
	}

	.txtblwtbl{
		margin-top: 0px; 
		text-align: center; 
		max-width: 800px;"
	}
	
	ol {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 620px) {
	ol li {
		max-width: 400px;
	}
}	
	
@media screen and (max-width: 400px) {
	.compbox {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}