@media (max-width: 767px){
.example-twitter{
	max-height:250px !important;
	font-size:14px !important;
}
}

#apiinclude{
	
}

#ekomicenter{
	display:none;
}

#kundenmeinungen-content{
	font-size:14px;
	line-height:18px;
}

#kundenmeinungen-content p{
	font-size:14px;
	line-height:18px;
}

#kundenmeinungen-content a{
	color:#579472;
	font-size:14px;
}

.note{
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	color:#579472 !important;
	letter-spacing:0.1px;
}

.summary{
	font-size:14px;
	
	padding:3px 0;
	text-align:center;
}

.reviewtext{
	font-size:13px !important;
color:#000000;
	margin-top:2px;
	
}

.reviewtext a{
	margin-top:-30px !important;
}

.reviewerinfo{
	font-size:13px;
	
	font-style:italic;
}


/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */

.example-twitter {
  position:relative;
  padding:15px;
  margin:24px 0 0.5em;
  color:#2D3642;
  background:#F5F5F5 !important;
  min-height:110px;
  max-height:130px;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.example-twitter a{
	font-size:13px !important;
	text-decoration:underline;
	color:#577994 !important;
}

.example-twitter a:hover{
	font-size:13px !important;
	text-decoration:none;
	color:#579472 !important;
}

.example-twitter p {font-size:28px; line-height:1.25em;}

/* this isn't necessary, just saves me having to edit the HTML of the demo */


/* creates the triangle */
.example-twitter:after {
  content:"";
  position:absolute;
  top:-30px;
  left:50px;
  border:15px solid transparent;
  border-bottom-color:#EEEEEE;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px; font-size:14px;}

.example-obtuse {
 
  
  position:relative;
  padding:15px 30px;
  margin:0;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
  -webkit-border-top-left-radius:25px 50px;
  -webkit-border-top-right-radius:25px 50px;
  -webkit-border-bottom-right-radius:25px 50px;
  -webkit-border-bottom-left-radius:25px 50px;
  -moz-border-radius:25px / 50px;
  border-radius:25px / 50px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-obtuse + p {margin:10px 150px 20px 0; text-align:right; font-style:italic;}

/* creates the larger triangle */
.example-obtuse:before {
  content:"";
  position:absolute;
  bottom:-30px;
  right:80px;
  border-width:0 0 30px 50px;
  border-style:solid;
  border-color:transparent #f3961c;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller triangle */
.example-obtuse:after {
  content:"";
  position:absolute;
  bottom:-30px;
  right:110px;
  border-width:0 0 30px 20px;
  border-style:solid;
  border-color:transparent #fff;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}