/* --------------- Basic HTML Elements ---------------------------------------------------- */
html {
	cursor: default;
    -webkit-font-smoothing: antialiased;
}
body { /* font-family: 'Lato', sans-serif !important; */
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px;
    color: #333;
	font-display: swap;
}
button, h1, h2, h3, h4, h5, h6, .button, .label { font-family: inherit; font-weight:500; }
p { color:#111;	font-weight: 400; line-height: 32px; }
.li-info { line-height: 1.7rem; margin-bottom: 15px; }

.tabs dd > a, .tabs .tab-title > a { outline: 0 !important; }

.standard-form input[type="text"], .standard-form input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear,background 0.15s linear;
    -moz-transition: border-color 0.15s linear,background 0.15s linear;
    -ms-transition: border-color 0.15s linear,background 0.15s linear;
    -o-transition: border-color 0.15s linear,background 0.15s linear;
    transition: border-color 0.15s linear,background 0.15s linear;
}
.contain-to-grid {
    background: none;
}

/* --------------------------------------- Orientation --------------------------------------- */
.left					{ text-align: left; }
.centered				{ text-align: center !important; }
.vcentered				{ align-items: center; display: flex; justify-content: center; }
.right					{ text-align: right; }

/* ------------------------------------- Padding / Margin / Float ------------------------------------ */
.no-padding-left		{ padding-left: 0px; }
.no-padding-right		{ padding-right: 0px; }
.no-float				{ float: none !important; }

/* ------------------------------------- Other Elements --------------------------------------- */
.row 					{ max-width: 100%; }
.row.answer:hover		{ background-color: #F4F4F4; }
.logoword				{ color:#008cba; }
.cta-intro				{ padding-top:15px;}
/* .button					{ padding: 1rem 1.5rem 1.0625rem 1.5rem; } */
.button.small			{ padding: 5px 10px 5px 10px; }
.button.small-o			{ padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; }
.button.tiny-o			{ padding: 0.855rem 1.7rem 0.9175rem 1.7rem; font-size: 0.7125rem; }
.button.tiny			{ padding: 5px; }
.button.vote-select 	{ width:15%; font-weight: bold; margin-left: 10px;}
.button.transparent		{ background: none !important; }
.button.positive		{ background-color: rgba(67, 172, 106, 0.55);  }
.button.positive:hover	{ background-color: rgba(67, 172, 106, 1.00); }
.button.neutral			{ background-color: #f6c755;}
.button.neutral:hover	{ background-color: #F3B214; }
.button.danger			{ background-color: #ffd4ac; color:#701c09; }
.button.danger:hover	{ background-color: #ffa987; color:#701c09; }
.button.commentAnswer		{ background-color: #c3d8ff; color:#133040; }
.button.commentAnswer:hover	{ background-color: #4bbefa; color:#133040; }
.button.negative		{ background-color: rgba(240, 65, 36, 0.55); }
.button.negative:hover	{ background-color: rgba(240, 65, 36, 1.00); }
.button.blue-border:hover	{ background-color: rgba(59, 148, 212, 0.15) !important; transition: all .3s ease-in-out; }
.button.white-border 	{ border: 1px solid #FFF; }
.button.white-border.transparent:hover	{ background-color: #FFF !important; color: #4bbefa; transition: all .3s ease-in-out; border: 1px solid #FFF; }
.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; }
.button.hollow { border: 1px solid #2199e8;color: #2199e8; }
.button.hollow.secondary { border: 1px solid #777; color: #777;}

.ad_box { padding-left: 15px; padding-right: 15px; }
.ad_separator { padding: 0 10px 10px; border-top: 1px dotted #D4D4D4; border-bottom: 1px dotted #D4D4D4; }
.hand { cursor: pointer; }

.lower {text-transform: lowercase;}
.upper {text-transform: uppercase;}
.capital {text-transform: capitalize;}

.feature-grid			{ text-align:center; padding-top: 75px; padding-bottom:25px;}
.feature-grid p			{ line-height: 26px; font-size: 14px;}
.img-selection			{ padding-top: 25px; }
.grid-icon				{ /* color: #4bbefa;*/ color:#AAA; font-size: 40px; }
.for-free				{ color:#777; font-size: 28px; font-weight: normal; }
.for-free i				{ color:#4bbefa; }
.no-border				{ border: 0px !important; }
.no-padding				{ padding: 0 !important; }
.no-margin				{ margin: 0 !important; }
.no-padding-right		{ padding-right: 0 !important; }
.no-padding-left		{ padding-left: 0 !important; }

/* --------------------------------------------- Color-Settings ------------------------------------ */

.shadow			{ text-shadow: 1px 1px #000; }
.white-shadow	{ text-shadow: 1px 1px #FFF; }
.sv-blue 		{ color: #4bbefa; border-color: #4bbefa; }
.dark-blue		{ color: #133040; border-color: #133040; }
.white			{ color: #FFF; }
.black			{ color: #000 !important; }
.gray			{ color: #424a4d; }
.purple			{ color: #FFF; background-color: #C71585; }
.black			{ color: #000; }
.orange			{ color: #F89201 !important;  }
.medium-blue	{ color: #3B94D4 !important; border-color: #133040 !important; }
.blue-border	{ color: #3B94D4 !important; border: 1px solid #3B94D4 !important;  }

.bg-white	{ background: none !important; background-color:#fff !important; }
.bg-gray	{ background: none !important; background-color:#f4f4f4 !important; }
.bg-blue	{
	background: #4BB1FA no-repeat center center;
    background-image: linear-gradient(to bottom right, #4BB1FA, rgb(26, 87, 132));
	background-size: cover;
}

/* --------------------------------------------- Label Settings ----------------------------------- */

.label.dark-blue { background-color: #1E4D70; color: #fff; }


/* --------------------------------------------- Button Settings ----------------------------------- */

.button.light-blue		{ background-color: #4bbefa; color: #fff; }
.button.light-blue:hover{ color: #fff; }
.button.dark-blue		{ background-color: #3385C0; color: #fff; }
.button.dark-blue:hover { color: #fff; }
.button.active			{ border: 1px solid #fff; }

/* --------------------------------------------- Font-Sizes ------------------------------------ */

.text-9	{ font-size: 9px; }
.text-10	{ font-size: 10px; }
.text-11	{ font-size: 11px; }
.text-12	{ font-size: 12px;  }
.text-13	{ font-size: 13px;  }
.text-14	{ font-size: 14px;  }
.text-16	{ font-size: 16px;  }
.text-18	{ font-size: 18px;  }
.text-20	{ font-size: 20px;  }
.text-22	{ font-size: 22px;  }
.text-24	{ font-size: 24px;  }
.text-26	{ font-size: 26px;  }
.text-28	{ font-size: 28px;  }
.text-30	{ font-size: 30px;  }
.text-32	{ font-size: 32px;  }
.text-34	{ font-size: 34px;  }
.text-36	{ font-size: 36px;  }
.text-40	{ font-size: 40px;  }
.text-42	{ font-size: 42px;  }
.text-46	{ font-size: 46px;  }
.text-48	{ font-size: 48px;  }
.text-52	{ font-size: 52px;  }

.lh16	{ line-height: 16px !important; }
.lh18	{ line-height: 18px !important; }
.lh20	{ line-height: 20px !important; }
.lh22	{ line-height: 22px !important; }
.lh24	{ line-height: 24px !important; }
.lh26	{ line-height: 26px !important; }
.lh28	{ line-height: 28px !important; }
.lh30	{ line-height: 30px !important; }
.lh32	{ line-height: 32px !important; }
.lh34	{ line-height: 34px !important; }
.lh36	{ line-height: 36px !important; }
.lh38	{ line-height: 38px !important; }
.lh40 	{ line-height: 40px !important; }
.lh42 	{ line-height: 42px !important; }
.lh44 	{ line-height: 44px !important; }
.lh46 	{ line-height: 46px !important; }
.lh48 	{ line-height: 48px !important; }
.lh50 	{ line-height: 50px !important; }
.lh52 	{ line-height: 52px !important; }
.lh54 	{ line-height: 54px !important; }
.lh56 	{ line-height: 56px !important; }
.lh58 	{ line-height: 58px !important; }
.lh60 	{ line-height: 60px !important; }

.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }

.mb0	{ margin-bottom: 0px !important; }
.mb5	{ margin-bottom: 5px !important; }
.mb10	{ margin-bottom: 10px !important; }
.mb15	{ margin-bottom: 15px !important; }
.mb20	{ margin-bottom: 20px !important; }
.mb25	{ margin-bottom: 25px !important; }
.mb30	{ margin-bottom: 30px !important; }
.mb45	{ margin-bottom: 45px !important; }
.mb60	{ margin-bottom: 60px !important; }
.mb75	{ margin-bottom: 75px !important; }
.mb90	{ margin-bottom: 90px !important; }

.mt0	{ margin-top: 0px !important; }
.mt5	{ margin-top: 5px !important; }
.mt10	{ margin-top: 10px !important; }
.mt15	{ margin-top: 15px !important; }
.mt20	{ margin-top: 20px !important; }
.mt30	{ margin-top: 30px !important; }
.mt40	{ margin-top: 40px !important; }
.mt45	{ margin-top: 2.25vh !important; }
.mt60	{ margin-top: 60px !important; }
.mt75	{ margin-top: 75px !important; }
.mt90	{ margin-top: 90px !important; }

.pb0	{ padding-bottom: 0px !important; }
.pb5	{ padding-bottom: 5px !important; }
.pb10	{ padding-bottom: 10px !important; }
.pb15	{ padding-bottom: 15px !important; }
.pb30	{ padding-bottom: 30px !important; }
.pb45	{ padding-bottom: 45px !important; }
.pb60	{ padding-bottom: 60px !important; }
.pb75	{ padding-bottom: 75px !important; }

.pt0	{ padding-top: 0px !important; }
.pt10	{ padding-top: 10px !important; }
.pt15	{ padding-top: 15px !important; }
.pt30	{ padding-top: 30px !important; }
.pt45	{ padding-top: 45px !important; }
.pt60	{ padding-top: 60px !important; }
.pt75	{ padding-top: 75px !important; }


/* ----------------------------------------- TopNavBar ---------------------------------------------- */
.menu	{ background-color:#FFF; padding: 1rem 3rem; height: auto; color:#333; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); border-bottom: 1px solid #F4F4F4;}
.menu .inline-list 			{ text-align: center; }
.menu .inline-list .button	{ font-size: 16px; color: #FFF; padding: 5px 15px 5px 15px; }
.menu .inline-list li 		{ float: none; display: inline-block; }
.menu .inline-list a 		{ color: #333; padding-bottom: 0.5rem; }
.menu .inline-list a:hover 	{ color: #4bbefa; transition: all .3s ease-in-out;  }
.menu .inline-list .active a 	{ font-weight: bold; }
.menu .account 				{ position: absolute; top: 3%; right: 3%; }
.menu .account a, .menu .account i { color: #fff; }

@media only screen and (min-width: 40.063em) {
    .menu 				{ height: 4rem; }
    .menu .inline-list 	{ float: left; margin: 0.25rem 0 0 1.5rem; }
	.name 				{ float: left; }
}

.menu .account-action 		{ float: right; margin: -.50rem 0 0 0; }
.menu .account-action li 		{ margin-left: .2rem; }
.menu .account-action a 		{ padding: 0.75rem 1rem; }
.menu .account-action a.signup { font-weight: bold; background-color: #3d4146; border-radius: 3px; }
.name 			{ text-align: center; font-size: 1.5rem; line-height: 1; margin: 0 0 1rem 0; color: #fff; }
.name i 			{ color: #87d37c; margin-right: 0.5rem; }

/* ----------------------------------------- SubNavBar ---------------------------------------------- */
.subnav-wrap {   }
.submenu	{ background-color:#F4F4F4; padding: 1.25rem 3rem; height: auto; color:#333; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);}
.profile-submenu { box-shadow: none; }
.submenu .inline-list 			{ text-align: center; }
.submenu .inline-list .button	{ font-size: 16px; color: #FFF; padding: 5px 15px 5px 15px; }
.submenu .inline-list li 		{ float: none; display: inline-block; }
.submenu .inline-list a 		{ color: #333; padding-bottom: 0.5rem; }
.submenu .inline-list a:hover 	{ color: #4bbefa; transition: all .3s ease-in-out; border-bottom: 2px solid #4bbefa; }
.submenu .inline-list .active a { border-bottom: 2px solid #4bbefa; }

@media only screen and (min-width: 40.063em) {
    .submenu 				{ height: 4rem; }
    .submenu .inline-list 	{ margin: 0 0 0 1.5rem; }
}

/* ----------------------------------------------- Kategorien ---------------------------------- */

.sidebar {
    background: #FAFAFA;
    padding: 32px 20px;
}
.side-nav li a:not(.button) {
    color: #008CBA;
    display: block;
    margin: 0;
    padding: 1px 0.875rem;
	font-size:12px;
}
.side-nav .heading a:not(.button) {
    color: #008CBA;
     padding: 0;
	 padding-top: 1px;
	 padding-bottom: 0px;
	 font-size: 14px;
}
.side-nav .heading a:not(.button):hover, .side-nav .heading a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #1cc7ff;
		transition: all .3s ease-in-out;
}
.top3 .image img { width: 50%; }

.categorie .stat {
  display: block;
  overflow: hidden;
  box-shadow: 2px 2px 4px 0 #ccc;
  padding: 1em;
  position: relative;
  background-color: #FFF;
  border: 1px solid #ccc;
}

.categorie .stat .visual {
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  left: -15px;
  bottom: 0;
  margin-bottom: 15px;
  font-size: 120px;
  line-height: 35px;
  color: #D6D6D6;
  opacity: 0.15;
  position: absolute;
}

.categorie .stat .details {
  text-align: left;
  color: #909090;
  position: relative;
}

.categorie .stat .details .catname {
  font-size: 16px;
  font-weight: 600;
  color: #4c4c4c;
  width: 100%;
}
.categorie .storelist .store {
	border-left: 2px solid #4BB1FA;
	padding: 1em;
	background-color: #F4F4F4;
}
.categorie .storelist .store a {
	color: #424a4d;
}
.categorie .storelist .store:hover {
	background-color: #D4D4D4;
}

/* -------------------------------------- Impressum ---------------------------------------------------*/

.impressum-img {
  /* margin: 1em auto; */
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 120px;
  text-align: center;
  }

.sub-letter { padding-left: 25px; }

/* ----------------------------------------- Product View	-------------------------------------------- */

.product-list .product {
	border: 0px solid #CCC;
	padding: 1em;
	box-shadow: 1px 1px 3px 0 #ccc;
}
.product-list .single-product {
	border: 1px solid #CCC;
	padding: 1em;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}

img.product-image {
	display: flex;
	margin-inline: auto;
}

img.product-image::before {
	height: 100%;
	content: '';
	flex: 1 0 100%;
	background: url('/grafiken/dummy-no-image.png') center no-repeat transparent;
	background-size: contain;
}

/* ----------------------------------------- CouponList + Coupons -------------------------------------------- */

.coupon-list .coupon {
	border: 0px solid #CCC;
	padding: 1em;
	box-shadow: 1px 1px 3px 0 #ccc;
}
.coupon-list .single-coupon {
	border: 1px solid #CCC;
	padding: 1em;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
.coupon-list .single-coupon .coupon-type .label {
	width: 100%;
}
.coupon-list .coupon .coupon-type .label {
	width: 100%;
}
.coupon-list .coupon .button {
	margin: 0;
}
.coupon-list .single-coupon .button {
	margin: 0;
}
.coupon-merchant {
	padding: 1em;
}
.coupon-merchant p {
 padding: 0;
 margin-bottom: 5px;
 font-size: 14px;
 line-height: 22px;
}
.coupon-logo {
	border-top:3px solid #4BB1FA;
}
.coupon-merchant .data-head {
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}
.coupon-merchant .coupon-info {
	padding: 0.75em;
	background-color: #F9F9F9;
	text-shadow: 1px 1px #FFF;
}

.rule {
	background-color: #FFFFFF;
    color: #5C5C5C;
    bottom: 1px;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 8px;
    position: relative;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
    margin-bottom: 5px;
    border-radius: 3px;
    border: 1px solid #CFCFD0;
    white-space: normal;
}
.rule .redarrow {
    color: #C21707;
}
.coupon-page-info p {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 22px;
}
/* ---------------------------------------- Suche --------------------------------------------------------- */

.search-selectors {
	border-bottom: 1px solid #CCC;
}
.search-selectors .inline-list {
	margin:0;
}
.search-selectors .inline-list .active {
	border-bottom:2px solid #4BB1FA;
}

.search-selectors .inline-list > li {
   margin: 0;
   padding-left: 15px;
   padding-right: 15px;
   margin-right: 10px;
}
.search-selectors .inline-list > li:hover {
	border-bottom:2px solid #FFBB00;
}

.search-selectors select {
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: rgba(0, 0, 0, 0.75);
    font-family: inherit;
    font-size: 11px;
    line-height: normal;
    padding: 0px 5px;
    border-radius: 0;
    height: 25px;
}


/* --------------------------------------- Profile- Page ----------------------------------------------------- */
.profile {
	background-color: #F5F5F5;
	background: #fbfbfb url("https://img.shopvote.de/profile-bg-blue.jpg") no-repeat scroll 0 0 / 100% auto !important;
}
.profile-products {
	background-color: #F5F5F5;
	background: #FFFFFF url("https://img.shopvote.de/profile-bg-blue.jpg") no-repeat scroll 0 0 / 100% auto !important;
}
.profile .rating-stars	{ color: #ffcc00; font-size: 34px; }
.profile .src-head	{ border-bottom: 1px solid #CCC; margin-left: 20px; margin-right: 20px;}
.profile .smp { }
.profile-content {
	background-color: #FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	margin-top: 40px;
}
.profile-content .profile-seal { max-width:90%; }
.profile-content .seal-frame {
	background-color: #FFF;
    border: 5px solid #FFF;
    border-radius: 190px;
    width: 190px;
    height: 190px;
    margin: auto;
    padding-top: 8px;
	padding-left: 1px;
    margin-top: -65px;
	text-align: center;
}
.profile-content .criteria-panel {
	border: 1px solid #BBB9B9;
	border-radius: 5px;
	margin: 30px auto;
	max-width: 85%;
}
.profile-content .criteria-info {
	margin: 30px auto;
	max-width: 85%;
}
.logo-box {
	/* line-height: 180px; */
    min-height: 180px;
    margin: auto;
    margin-top: 40px;
    border: 1px solid #BBB9B9;
   /*  width: 240px; */
    border-radius: 5px;
    position: relative;
}
.logo-box img {

  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 95%;
  max-height: 95% !important;
  height:auto;

   /*  line-height: 20px; */
}
.reputation-row { padding-left: 30px; padding-right: 15px; font-size: 11px; }
.rpname { border-left: 2px solid #4bbefa; padding-left:5px; }
.profile-content .criteria-panel p { margin: 0;}
.profile-content .descr { padding-right: 20px;}
.profile-content .descr-complete { display:none; }
.profile-content .descr-more { cursor:pointer;}
span[class*='descr-more-'] {cursor:pointer; }
.profile-content .business-data p { line-height: 24px; font-size: 12px; margin-bottom: 0; }
.profile-content .business-stats div { line-height: 0px; font-size: 20px; margin-bottom: 0; margin-top: 30px; color: #777;}
.profile-content .social-places a { font-size: 24px;
    color: #777;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.profile-content .social-places a:hover { color:#4BB1FA; transition: all .2s ease-in-out; }
.profile-content .web-places { }
.profile-content .web-places a { display: block; padding-left: 5px; padding-right: 5px; margin-left: 20px; margin-right: 20px; }
.profile-content .submenu { padding-left: 0; padding-right: 0; }
.profile-content .submenu .inline-list { margin: auto; float: none;}
.profile-content .submenu .inline-list li { margin-left: 10px; margin-right: 10px;}
/* .criteria-panel .criteria-word { line-height: 23px; padding: 2px 5px !important;} */
.criteria-panel .criteria-word {
  line-height: 23px;
  padding: 2px 5px;
  float: left;
  width: calc(100% - 129px);
}
/* .criteria-panel .criteria-stars { text-align: center; margin-top: 6px;} */
.criteria-panel .criteria-stars {
  margin-top: 6px;
  width: 79px;
  float: left;
}
.criteria-col { padding-left:5px; padding-right:5px;}
/* .criteria-panel .criteria-value { line-height: 23px; font-size: 13px; text-align: center; padding: 2px 5px !important;} */

.criteria-panel .criteria-value {
  line-height: 23px;
  font-size: 13px;
  text-align: center;
  padding: 2px 5px;
  width: 50px;
  text-align: right;
  float: right;
}

.shariff-wrapper { margin-top:15px; }
@media only screen and (min-width: 768px) {
	.shariff .orientation-horizontal li { min-width: 75px;  max-width: 5pc; }
}

.review-content {
	background-color: #FFF;
	/* box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); */
	padding: 20px 20px;
	border: 1px solid #DEDEDE;
}
.review-content h4, .review-content h5 { padding-left: 15px; }
.review-content h5 {
	font-size: 12px;
	font-weight: 700!important;
	color: #AAA!important;
	text-transform: uppercase;
}
.review-content .symbols { padding-left: 15px; }
.review-content .flex-video { max-width: 90%; margin: auto; margin-bottom: 15px; }

.review-stars.positive {
	border-bottom: 2px solid #43AC6A;
}
.review-stars.negative{
	border-bottom: 2px solid #f04124;
}
.review-stars.neutral {
	border-bottom: 2px solid #FFE95C;
}
.review-stars.import {
	border-bottom: 2px solid #4bb1fa;
}

.review-content .review-stars { margin-bottom: 0px; padding-bottom: 5px;}
.review-content .review-text { margin-bottom: 10px;}
.review-content .review-buttons { margin-bottom: 0px;}
.review-buttons .button { margin-bottom: 0px; }
.review-content.review { padding-right: 35px; }

.review-avatar {
	display:block;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	height: 80px;
	width: 80px;
	margin: 10px auto;
}

.review-avatar-xl {
	display: block;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    height: 160px;
    width: 160px;
    margin: 10px auto;
    margin-top: 2px;
}

.review-author {
	display:block;
	text-align: center;
	font-weight: 600;
	margin-bottom:0;
	font-size:12px;
}
.review-date {
	display:block;
	text-align: center;
	font-size: 13px;
	margin-bottom:0;
}

.review-content .review-header {
	font-size: 18px;
	height: 30px;
	padding: 0;
}

.review-content .review-header .stars-value .value {
	font-weight: 600;
	margin-left: 1em;
}

.review-content .review-header .stars-value .stars {
	color: #ffcc00;
}

.review-body {
	padding: 10px 0;
}

.review-footer {
	padding: 10px 0;
	text-align: center;
}

.review-footer .button {
	margin-bottom: 0;
}

.review .antwort p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom:10px;
}
.review .answer-head {
	color: #000;
	padding-left: 5px;
	padding-top: 3px;
    padding-bottom: 3px;
	border-bottom: 1px dotted;
}
.review .answer-head i{
	padding-right: 3px;
}
.review .detail-button {
	cursor: pointer;
}

.reveal-column { padding: 20px 50px; min-height: 240px; }
.review-artikel, .review-fazit { color: #333; font-size: 14px; }


/* ---------------------------------------------  Merchant-Page ------------------------------------------------ */

.main-header 	{
	text-align: center;
	background: #4BB1FA no-repeat center center;
	background-image: linear-gradient(to bottom right, #4BB1FA, rgb(26, 87, 132));
	background-size: cover; padding: 4rem; height:520px; padding-bottom:0px; padding-top: 50px;
}
.main-header .action-buttons a { margin-left: 10px; margin-right: 10px; border: 1px solid #FFF; background-color: transparent;}
.main-header .action-buttons a:hover { border: 1px solid #FFF; background-color: #FFF; color: #008CBA; }
.vorteile-header 	{ background-color: #4bbefa; background-size: cover; height:420px; color: #fff; }
.vorteile-header h1 { font-size:70px; color: #fff; font-weight:500; text-transform: uppercase; margin-top: 35px; }
.vorteile-header p	{ color:#fff; font-size: 30px; }

.main-header h1 , .main-header p	{ color: #fff; font-weight: 300; }
.wrapper 				{
  box-sizing: border-box;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  width: 90%;
  padding: 50px 0 50px;
}
.wrapper.profile { padding-top:0; }
.bg-img-left-bottom {
    background: #ffffff url("/images/googleshopping-mobile.png") no-repeat scroll 10% 75px / 30% auto !important;
}
.wrapper.wide			{ width: 1104px; }
.wrapper.xlwide			{ width: 90%; }
.wrapper.small			{ width: 60%; }
.wrapper.tiny			{ width: 50%; }
.wrapper.tiny hr		{ margin-bottom: 100px; margin-top: 0px; }
.header-intro			{ text-align:left; }
.header-image			{ position: absolute; }
.header-partner			{
	background: url("/images/header-google-partner.png") no-repeat !important;
	position: absolute;
    top: -50px;
    z-index: 2;
    left: 62%;
	height: 577px;
	width: 374px;
}
.phil a:hover {background-color: #4BB1FA; color: #FFF; transition: all .2s ease-in-out;  }
.header-partner p { color: #FFF;
text-shadow: 1px 1px #7D7c7c; font-weight: bold;  padding-top: 35px;}

.standard-header {
    text-align: center;
    background: #4BB1FA no-repeat center center;
    background-image: radial-gradient(circle farthest-side at 900px 250px, #4bb1fa, rgb(26, 87, 132));
    background-size: cover;
    padding: 4rem;
    height: 200px;
    padding-bottom: 0px;
    padding-top: 30px;
}

.standard-header .wrapper { padding: 0; }

.feature				{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid rgba(244,244,244, 1);

}
.feature h2, h3			{ font-weight: 300; color: #424a4d;}
.feature h2				{ padding-bottom: 25px; }
.feature h5				{ font-size: 1.525rem; }
.feature table			{ margin: auto; border: none; }
.feature.doit			{
	background: #4BB1FA no-repeat center center;
	background-image: linear-gradient(to bottom right, #4BB1FA, rgb(26, 87, 132));
	background-size: cover;
	margin-top: 55px;

}
.doit .action-buttons a, .wrapper-full .action-buttons a  { margin-left: 10px; margin-right: 10px; border: 1px solid #FFF;  background-color: transparent;}
.features-table			{ width: 100%; }
.features-table	td		{ background-color: #FFF; border-bottom: 1px solid #CCC;}
.features-table	tr		{ border-bottom: 1px solid #CCC;}
.features-table i		{ color: #3B94D4 !important; }
.features-table .fi-star{ color: #F89201 !important; }
.features-table .has-tip{ font-weight: normal; }
.features-table .premium { background-color: rgba(51, 133, 192, 0.35);}
.features-table .itrk 	{ background-color: rgba(152, 191, 220, 0.15);}
.features-accordion		{ margin-left: 2px; margin-right: 2px;}
.features-accordion	a	{ font-family: inherit !important; padding: 0px !important; text-align: left; font-weight: bold; font-size: 14px !important;}
.features-accordion	.content { padding-left: 0px !important; padding-right: 0px !important; }
.features-accordion li  { margin-top:2px; margin-bottom: 2px; }
.fah 					{ border-collapse: collapse; width: 100%; }
.fah .premium 			{ background-color: rgba(51, 133, 192, 0.35); }
.fah .itrk 				{ background-color: rgba(152, 191, 220, 0.15); }
.premium i 				{ color: #FFF !important; }
.itrk i 				{ color: #3B94D4 !important; }
.table-stars			{ padding-left: 10px; }
.feature-top			{ margin-top: 50px;	}
.img-overflow			{ max-width: none; margin-top: -50px;}
.no-margin				{ margin: 0;}
.img-left				{ max-width: 95%; margin-bottom: -50px;}
.img-right				{ max-width: none; margin-top: -50px;}
.feature.best-arguments	{ padding-bottom: 25px; }
.best-arguments			{ padding-top:15px; padding-bottom: 40px; }
.best-arguments h3		{ font-size: 1.2em; font-weight: 300; text-align: center;}
.best-arguments h4		{ font-size: 1.6em; font-weight: 300;}
.best-arguments p		{ font-weight: normal; text-align:justify;}
.more-button			{ margin-top: 25px; }
.button.more			{ border: 1px solid #999; background-color: #fff; color: #666; font-weight:400; }
.review-quote			{
	background-position: center top;
    background-repeat: no-repeat;
	min-height: 250px;
}
.review-quote-top			{ background-image: url('/images/bg-review-top.png');  height: 35px; background-repeat: no-repeat; background-position: top center; }
.review-quote-bottom		{ background-image: url('/images/bg-review-bottom.png'); height: 45px; background-repeat: no-repeat; background-position: bottom center; }
.review-quote p 		{
	max-width: 453px;
    margin: auto;
    padding: 10px 20px;
    line-height: 32px;
}
.author-quote {
  margin-left: 105px;
  margin-bottom: 80px;
  margin-top: 15px;
}
.author-quote .photo {
  background-color: #fff;
  float: left;
  margin-right: 10px;
  padding-top:15px;
}
.author-logo {
  display: block;
  width: 140px;
  height: 100px;
  /* margin: 1em auto; */
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.author-quote p {
  position: relative;
  top: 5px;
  text-transform: uppercase;
}
.author-quote p:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.author-quote p:nth-child(3) {
  font-size: 14px;
  color: #777;
}

.inhalt 				{  }
.inhalt h2				{ color:#666;}
.adv-list p				{ line-height: 26px; font-weight: 600; font-size: 14px;}
.adv-list .lnr			{ font-size: 40px; }
.adv-list-top			{ border-bottom: 1px solid #333; }
.higher-row				{ margin-top: 25px; margin-bottom: 25px; }



.button-group {  position: relative; display: inline-block; margin: 1rem 0; margin-top: 80px; }
.button-group:before {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #999;
    display: block;
    font-size: 1rem;
    padding: 0.25em;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 46%;
    top: 0.35rem; }
.button-group button + button { margin-left: 5px; }

.info-buttons { margin-top: 80px !important; }
.info-buttons a { border: 1px solid #FFF; }

.quote {
  background: #ccc;
  padding: 15px 20px 5px 15px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.quote:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #ccc transparent transparent transparent;
  position: relative;
  top: 37px;
  left: 20px;
}
.testimonial-wrap { padding-top: 25px; padding-bottom: 25px; }
.testimonial-head { padding-bottom: 25px; }
.student {
  margin-left: 25px;
  margin-bottom: 80px;
}
.student .photo {
  background-color: #fff;
  border-radius: 100px;
  /* width: 100px; */
  /* height: 100px; */
  float: left;
  margin-right: 10px;
  padding-top:15px;
}
.circle {
  display: block;
  width: 100px;
  height: 100px;
  /* margin: 1em auto; */
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.student p {
  position: relative;
  top: 5px;
  text-transform: uppercase;
}
.student p:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.student p:nth-child(3) {
  font-size: 14px;
  color: #777;
}
.partner-logo { margin-bottom:0px; }
.partner-logo img { height: 80px; padding-left: 20px; padding-right: 20px; }
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
	-webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 90;
}

/* -------------------------------- Hero Header - Index ----------------------------------------------*/

.hero-header {
    text-align: left;
    background: #4BB1FA no-repeat center center;
    /* background-image: radial-gradient(circle farthest-side at 900px 250px, #4bb1fa, rgb(26, 87, 132)); */
	background-image: radial-gradient(circle farthest-corner at 80% 230px, #4bb1fa, rgb(26, 87, 132));
    background-size: cover;
    padding: 4rem;
    min-height: 600px;
    padding-bottom: 0px;
    padding-top: 30px;
}
   .hero-header .intro {
    padding: 3rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
.hero-header .wrapper { padding: 50px 0 70px; }
  .hero-header h1 { text-shadow: 1px 1px #000; }
  .hero-header h1, h2 { line-height: 1.5em;  letter-spacing: -0.025em; font-weight: 300;  }
  .hero-header h2 { padding-top:15px; }
  .hero-header h3 	{ line-height: 1.25em;  letter-spacing: -0.025em; margin-bottom: 15px; }
  .hero-header p { }
  .hero-header-right {
    min-height: 563px;
    display: block;
    margin: 0 auto;
	background-position: 0px 0px; }

	.hero-header-right .action-buttons a { margin-left: 10px; margin-right: 10px; border: 1px solid #FFF; background-color: transparent;}
	.hero-header-right .action-buttons a:hover { border: 1px solid #FFF; background-color: #FFF; color: #008CBA; }
  .hero-header .tech-img {
    background: url("http://static.pexels.com/wp-content/uploads/2015/02/apple-hand-iphone-6-4322-525x350.jpg") no-repeat center center;
    background-size: cover;
    height: 9rem;
    width: 9rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto; }
  .hero-search .searchfield {
		height: 55px;
		font-size: 18px;
		width: 75%;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 60px;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
		display: inline;
	}
	.hero-search .searchbutton {
		background-color: #1E4D70;
		border-color: #007095;
		color: #FFF;
		padding: 1px 4px;
		margin-left: -5px;
		width: 100px;
		vertical-align: top;
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
		height: 55px;
		margin-top: 50px;
		font-family: FontAwesome;
		font-size: 28px;
	  }
	#left-triangle {
     width: 0;
    height: 0;
    border-top: 80px solid #206292;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    position: absolute;
    bottom: -80px;
}

.review-merchant-stars	{ color: #FECF30; font-size: 32px; }
.review-merchant-logo { display: initial !important; }
.home-review-teaser { list-style: none; }

.wrapper.why {padding-top: 25px; margin-bottom: 0px; padding-bottom: 0px;}
.why { margin-bottom: 35px; }
.why h2 { font-size: 54px; color: #777;}
.why h3 { font-size: 32px; color: #777;}
.why hr { margin: 35px; }
.why .more { margin-top: 45px; }

.argument i { font-size:64px;}
.argument img { padding-bottom: 25px;}
.argument h2 { font-size:26px; }
.argument p { font-size: 18px; padding-left: 10px; padding-right: 10px;}
.orbit-container .orbit-timer { display: none !important;}
.slider-image .shoplogo img { margin: auto; padding-top: 5px; }
.allcat.white:hover { color: white; text-shadow: 0 0 10px rgba(255,255,255,1); transition: ease-in-out,width .35s ease-in-out; }

/* ------------------------------------------------------------------------------------------------------*/


.more-header		{ margin-top: 25px; margin-bottom: 5px; }
.more-features 		{ height: 240px; margin-bottom:35px !important; margin-top:35px !important;}
.more-features img	{ height: inherit; }
.more-features-text	{ padding-left: 10%; padding-right: 10%; line-height:24px; font-size:14px;}
.somestores			{ background-color: #FFF; padding: 10px; width: 80% !important; margin: auto !important;}
.somestores	li		{ list-style: outside none none; line-height: 130px;}
.somestores hr 		{ margin: 3.25rem 0 0.1875rem; }
img.desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
img.desaturate:hover { filter:none; -webkit-filter: none; }

.footer 			{ background-color: #E2E2E2; border-top: 1px solid #FFF; }
.footer h3			{ color: #333; font-size: 16px; font-weight: bold; }
.footer p			{ font-size: 11px; color:#333; }
.footer ul 			{ margin-left:0px; }
.footer li, .footer a	{ color: #333; list-style: outside none none; line-height: 22px; font-weight: 300; font-size: 12px; text-shadow: 1px 1px #F4f4f4;}
.footer a:hover		{ color: #333; text-decoration:underline;}
.feature.socialnews	{ background: none; background-color: #E2E2E2; min-height: 30px; border-bottom: 1px solid #B7B7B7; }
.socialnews .wrapper	{ padding: 0; }
.socialicons		{ color: #333; font-size: 40px; padding-top: 25px; }
.socialicons i 		{ padding-left: 25px; }
.news-footer		{ padding-top: 25px; }
.sv-year			{ color: #7B7B7B; text-shadow: 1px 1px #F4F4F4; position: absolute; text-align: center; bottom: 10px; width: 100%;}

.follow-us 			{ background-color: #f4f4f4; }
.follow-us .wrapper	{ padding-bottom: 0px; }

.icon-button {  border-radius: 3.6rem; width: 3.6rem; height: 3.6rem; margin: 0 5px; position: relative; display: inline-block; text-align: center; font-size: 2rem; background: white; }
  .icon-button span { display: block; border-radius: 0; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transition: all 0.3s; }
  .icon-button:hover span { display: block; border-radius: 3.6rem; width: 3.6rem; height: 3.6rem; margin: -1.8rem; }
  .icon-button i { background: none; height: 3.6rem; width: 3.6rem; position: absolute;left: 0;top: 0; z-index: 10;line-height: 3.6rem;transition: all 0.3s; }
.icon-button.twitter span 	{ background-color: #4099ff; }
.icon-button.facebook span 	{ background-color: #3B5998; }
.icon-button.gplus span 		{ background-color: #db5a3c; }
.icon-button .fi-social-twitter 	{ color: #4099ff; }
.icon-button .fi-social-facebook { color: #3b5998; }
.icon-button .fi-social-google-plus { color: #db5a3c; }
.icon-button:hover .fi-social-twitter, .icon-button:hover .fi-social-facebook, .icon-button:hover .fi-social-google-plus {color: white;font-size: 2.6rem;line-height: 3.9rem; }

/* ---------- Business ------------ */

.wrapper.business { padding: 0; }
.business-header { background: none; margin-top: 50px; }
.business-hero { color: #333; }
.business-hero-left { padding-top: 35px; }
.business-hero-left h1 { color: #333; }
.infotab > a { background-color: #FFF !important; font-family: inherit;  font-family: 'Open Sans', sans-serif !important; outline: 0;}
.circle.infotab { margin:auto; background-color: #FCBE29; height: 125px; width: 125px; color: #fff; font-size: 60px; padding-top: 35px;}
.tabtext { margin-top: 25px; font-weight: bold; font-size: 18px;}

/* ------------VerbraucherInfo------------*/

.crossover { background-image: url('/images/bg-crossover.png');
    height: 350px;
    background-repeat: no-repeat;
    background-position: top center;
	margin-top: 65px;
}

.divide-gray {
	background-color: #F4F4F4;
	padding: 2.25em 1.6875em;
}
.flip {
	transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	display: inline-block;
}
.wrapper-full { width: 100%; }
.process-cogs { position: absolute;
    bottom: -65px;
    right: 50%;
    font-size: 90px;
	color: rgba(68, 69, 70, 0.11);
}

.dotted {
  padding: 2.25em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
  }

.rotate-left {
	width: 103%;
    margin-left: -10px;
    margin-top: 160px;
    -webkit-transform: rotate(-2deg) translateY(-73px);
    -ms-transform: rotate(-2deg) translateY(-73px);
    transform: rotate(-2deg) translateY(-73px);
}
.rotate-right {
	width: 103%;
    margin-left: -10px;
    margin-top: 160px;
    -webkit-transform: rotate(2deg) translateY(-73px);
    -ms-transform: rotate(2deg) translateY(-73px);
    transform: rotate(2deg) translateY(-73px);
}

/* ------------- User-Registration ----------------- */

.register-args {
	list-style-position: inside;
    list-style-type: square;
}
.register-args li {
	line-height: 40px;
}

/* --------------- Siegel / Informationen ------------------- */

.seal-panel {background-color: #fff; border-radius:10px; border:1px solid #ccc; padding:20px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);}
.seal-review {border-bottom: 2px solid #43AC6A;}
.seal-wrap-color {background-color: #f1f1f1;}
.background-blue-seal {background-color: #009cde;}
.bg-blue-seal				{background: none !important; background-color:#009cde !important; color: #fff; background-image: radial-gradient (circle farthest-side, #009cde, #0c31e2 100%);}
.seal-text {text-align: center; padding-right: 10px; padding-left: 10px;}


/* ---------- Unternehmen eintragen ----------- */

.business-form { margin-top: 35px; }
.business-form .row { margin-top: 15px; margin-bottom: 15px;}
.business-form input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border: 0px;
	border-bottom: 1px solid #CCC;
	box-shadow: none;
}
.business-form input:focus {
	border-bottom: 2px solid #FFBB00;
}
.business-form .has-tip { border: 0px; }
.business-form .infotel	{ line-height: 16px; text-align: right; }
/* ------- Masonry ----------- */

.masonry { margin: 2.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em; }
.item { display: inline-block; background: #fff; padding: 1em; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc;}
.item.positive { border-left: 3px solid #43AC6A; }
.item.negative { border-left: 3px solid #f04124; }
.item.neutral { border-left: 3px solid #FFE95C; }
.item hr { margin-top: 10px; margin-bottom: 10px;}
.review-head	{ background-color: #EEE; margin: 0 auto !important; background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
   }
.review-head .userphoto { background-color: #fff; border-radius: 0px; float: left;  margin-right: 10px;  padding-top: 15px;}
.review-head .circle { background-position: center center; background-repeat: no-repeat;  background-size: inherit;  border-radius: 0; display: block; height: 40px; width: 40px; box-shadow: none !important;}
.review-head .stars { font-size: 22px; line-height: 40px; color: #ffcc00;}
.stars-value { }
.review-head .value { font-size:18px; line-height: 40px;}
.review-text	{  }
.review-answers	{ padding-top: 10px; }
.review-answers ul { margin-left: 0px; }
.review-answers li { font-size: 12px; padding: 0px; }
.review-answers .accordion .accordion-navigation > a, .accordion dd > a {
    background: #efefef none repeat scroll 0 0;
    color: #222222;
    display: block;
    padding: 1rem;
	font-family: inherit !important;
	padding-top: 5px; padding-bottom: 5px;
}
.review-footer	{ color: #999; }
.review-footer span	{ padding-left: 3px; padding-right: 3px; }

@media only screen and (min-width: 400px) {
    .masonry { -moz-column-count: 1; -webkit-column-count: 1;  column-count: 1; }
}
@media only screen and (min-width: 700px) {
    .masonry { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}
@media only screen and (min-width: 900px) {
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media only screen and (min-width: 1100px) {
    .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
}
@media only screen and (min-width: 1280px) {
    .wrapper { width: 1260px; }
}

/* ------- Einzelbericht -------- */

.review-panel { margin-left: 20px;
    margin-right: 20px;
    padding: 25px;
    border-radius: 5px !important;}

/* ------- Shoppage ENDE------ */


/* Styles for Step By Step */
/* Cirlce Styles */
.circlenumber {	background-color: #3385C0; border-radius: 50%; border: 1px solid #3385C0; position: relative;}
.circlenumber.white { background-color: #FFF; border: 1px solid #FFF; }
.circlenumber.grey { background-color: #F4F4F4; border: 1px solid #F4F4F4; }
.circlenumber.white h3, .circlenumber.grey h3 { color: #777;}
.circlenumber h3 { line-height: 1px; color: #fff; position: relative; text-align: center; font-weight: normal; }
.path-item 	{ height:80px;}
.path-item  p{ line-height: 24px; font-size: 21px; font-weight: 300; font-family: inherit; padding-left: 15px; padding-top: 7px;}
.step-by-step-vertical { padding-top: 35px;}

/* Circle Style One Mobile */
@media only screen and (min-width: 0) and (max-width: 40em) {
  .step-by-step-vertical .circlenumber { width: 45px; height: 45px; margin: 30px auto 10px auto; }
  .step-by-step-vertical .circlenumber h3 { padding-top: 17px; font-size: 20px; }
  .path-item 	{ height:100px;}
  .path-item  p	{ line-height: 24px; font-size: 16px; font-family: inherit; padding-left: 15px; padding-top: 7px; text-align: center;}
  .text-14 { font-size: 1em !important; }
  .review-avatar {
		display: inline;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		height: 30px;
		width: 30px;
		margin: auto;
	}
	.review-content .review-stars {
		margin-bottom: 0px;
		padding-bottom: 5px;
		font-size: 14px !important;
	}
	.review-author {
		display: inline;
		text-align: left;
		font-weight: 600;
		margin-bottom: 0;
		font-size: 14px;
		padding-left: 5px;
	}

}

/* Circle Style One Medium and Large */

@media only screen and (min-width: 40em) {
  .step-by-step-vertical .path-item { padding-left: 55px; position: relative; }
  .step-by-step-vertical .path-item .circlenumber { width: 45px; height: 45px;  position: absolute; margin-top: 6px;left: 0; }
  .step-by-step-vertical .path-item .circlenumber h3 { padding-top: 17px; font-size: 24px; }
}

/* Circle Style Two Mobile */

@media only screen and (min-width: 40em) {
  .step-by-step-horizontal .circlenumber { width: 80px; height: 80px;  left: -12px;  margin: 30px auto 15px auto; }
  .step-by-step-horizontal .circlenumber h3 { padding-top: 35px; font-size: 20px; }
}

/* Circle Style Two Medium and Large */

@media only screen and (min-width: 0) and (max-width: 40em) {
  .step-by-step-horizontal .path-item { padding-left: 55px; position: relative;}
  .step-by-step-horizontal .path-item .circlenumber { width: 40px; height: 40px; position: absolute;  margin-top: 6px;  left: 0; }
  .step-by-step-horizontal .path-item .circlenumber h3 { padding-top: 15px; font-size: 16px; }
}


@media screen and (max-width: 1024px) {
    .main-header 		{ height: auto; }
	.main-header .wrapper.wide { padding-bottom:0; }
	.img-overflow		{ max-width: 80%;}
	.img-right			{ margin:0; max-width: none; }
	.wrapper.wide 		{ max-width: 80%; }
	.wrapper.profile	{ width: 80%; }
	.wrapper.reviews	{ width: 80%; }
	.feature-top		{ margin-top: 25px;	}
	.review-head .stars { font-size: 12px; line-height: 40px; color: #ffcc00;}
	.review-head .value { font-size:12px; line-height: 40px;}
}

@media screen and (max-width: 768px) {
	html					{ word-wrap: break-word; }
	h1					{ font-size: 1.6rem; }
	h2					{ font-size: 1.2rem; }
	.main-header 		{ padding: 40px 5px 0px 5px; }
	.wrapper.wide 		{ max-width: 98%; }
	.detail-toggle, .review-stats-stars	{display: none;}
	.topnav-main		{ margin-bottom: 0px; font-size: 12px !important;}

	.menu {
		padding: 1rem 1rem;
		padding-bottom: 0;
	}

	.text-9	{ font-size: 9px; }
	.text-10	{ font-size: 10px; }
	.text-11	{ font-size: 11px; }
	.text-12	{ font-size: 12px;  }
	.text-13	{ font-size: 13px;  }
	.text-14	{ font-size: 14px;  }
	.text-16	{ font-size: 16px;  }
	.text-18	{ font-size: 18px;  }
	.text-20	{ font-size: 20px;  }
	.text-22	{ font-size: 1.1em;  }
	.text-24	{ font-size: 1.1em;  }
	.text-26	{ font-size: 1.1em;  }
	.text-28	{ font-size: 1.2em;  }
	.text-30	{ font-size: 1.2em;  }
	.text-32	{ font-size: 1.2em;  }
	.text-34	{ font-size: 1.3em;  }
	.text-36	{ font-size: 1.3em;  }
	.text-40	{ font-size: 1.3em;  }
	.text-42	{ font-size: 1.4em;  }
	.text-46	{ font-size: 1.4em;  }
	.text-48	{ font-size: 1.4em;  }
	.text-52	{ font-size: 52px;  }

	.standard-header {
		padding: 1rem;
		height: 120px;
		padding-bottom: 0px;
		padding-top: 30px;
	}

	.hero-header .wrapper {
		padding: 0px 0 10px;
	}

	.hero-header {
		text-align: left;
		background: #4BB1FA no-repeat center center;
		background-image: radial-gradient(circle farthest-corner at 80% 230px, #4bb1fa, rgb(26, 87, 132));
		background-size: cover;
		padding: 0rem;
		min-height: 1vh;
		/*padding-bottom: 0px;
		padding-top: 30px; */
	}

	.hero-search .searchfield {
		height: 35px;
		font-size: 12px;
		width: 79%;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 30px;
		-moz-border-radius: 5px 0 0 5px;
		-webkit-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
		display: inline;
	}

	.hero-search .searchbutton {
		padding: 1px 4px;
		margin-left: -5px;
		width: 50px;
		vertical-align: top;
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
		height: 35px;
		margin-top: 10px;
		font-size: 12px;
	}

	.hero-header-right {
		min-height: 200px;
		display: block;
		margin: 0 auto;
		background-position: 0px 0px;
	}
	.action-buttons { margin-top: 25px !important; }


}

@media screen and (max-width: 380px) {
	.criteria-panel .criteria-word {
		line-height: 23px;
		padding: 2px 5px;
		float: left;
		width: 100%;
	}

}

@media screen and (min-width: 380px) and (max-width: 1235px) {
	.h1220d {
		display:none !important;
	}

}

@media only screen and (min-width: 800px) and (max-width: 820px) {
	.profile-content .criteria-panel {
		border: 0px;
		margin: 30px auto;
	}
	.hide-on-fb {
		display:none;
	}
	.profile-content .seal-frame {
		background-color: #FFF;
		border: 5px solid #FFF;
		border-radius: 190px;
		width: 190px;
		height: 190px;
		margin: auto;
		padding-top: 8px;
		padding-left: 1px;
		margin-top: -65px;
		text-align: center;
	}
	.resp-vote-pic {
		margin:auto;
		margin-top: 40px;
		margin-bottom: 56px;
	}
	.logo-box {
		margin-top: 20px;
		margin-left: 18px;
		min-height: 160px;
	}
	.logo-box img{
		max-width:95%;
	}
	.profile-content {
		margin-top: 10px;
	}
	.sfbt {
		letter-spacing: -1px;
		border-bottom: 1px dotted #CCC;
		padding-bottom: 10px;
	}
}

.landing-header {
    text-align: center;
    background: #4BB1FA no-repeat center center;
    background-image: radial-gradient(circle farthest-side at 900px 250px, #4bb1fa, rgb(26, 87, 132));
    background-size: cover;
    padding: 4rem;
    padding-bottom: 0px;
    padding-top: 15px;
}
.coupon-action-list li { margin-bottom: 20px;}
.videoconsent {text-align: center; font-size: 14px; font-weight: lighter; padding: 40px; padding-top: 20px; line-height: 28px; }

/* ------------------------ Landing-Pages --------------------------- */
	.wrapper.complete		{ width: 100%;}
	.seal-panel 				{background-color: #fff; border-radius:10px; border:1px solid #ccc; padding:20px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);}
	.seal-review 			{border-bottom: 2px solid #43AC6A;}
	.seal-wrap-color 		{background-color: #f1f1f1;}
	.background-blue-seal 	{background-color: #009cde;}
	.bg-blue-1				{background: none !important; background-color:#4bb1fa !important; }
	.bg-blue-2				{background: none !important; background-color:rgb(26, 87, 132) !important; }
	.bg-blue-seal			{background: none !important; background-color:#009cde !important; color: #fff; background-image: radial-gradient (circle farthest-side, #009cde, #0c31e2 100%);}
	.bg-grey-cou			{background: none !important; background-color:#f4f4f4 !important; color: #fff; background-image: radial-gradient (circle farthest-side, #009cde, #0c31e2 100%);}
	.bg-color-error			{background: none !important; background-color:#009cde !important; color: #fff; background-image: radial-gradient (circle farthest-side, #009cde, #0c31e2 100%);}
	.bg-error-foter			{background: none !important; background-color:#fff !important; color: #fff; background-image: radial-gradient (circle farthest-side, #009cde, #0c31e2 100%);}
	.rating-text 			{text-align: justify; padding-right: 10px; padding-left: 10px;}
	.botton-white 			{margin-left:10px; margin-right:10px; border:1px solid #fff; background-color:transparent;}
	.style-bigtriangle		{border-top:60px solid #F4F4F4; border-left:950px solid transparent; border-right:950px solid transparent;}

	/*----------------Triangles-----------------*/
	.ss-style-triangle::after {
		left: 50%;
		width: 100px;
		height: 100px;
		-webkit-transform: translateX(-50%) rotate(45deg);
		transform: translateX (-50%) rotate(45deg);
	}

	/*--------------Stars-------------------*/
	.star-large			{ font-size: 100px; color: #ffcc00; padding:5px; }
	.star-medium		{ font-size: 50px; color: #ffcc00; padding:5px;}
	.star-small			{ font-size: 25px; color: #ffcc00; padding:5px;}
	.star-tiny			{ font-size: 16px; color: #ffcc00;}
	.star-tiny-grey	{ font-size: 16px; color: #e0e0e0;}

	/*----------------Wrapper-------------------*/
	.bg-wrapper-grey	{background-color:#f1f1f1; height:45px;}
	.bg-wrapper-white	{background-color:#fff; height:120px;}

	.prscaletext {padding-left: 5px; display: inline-block; vertical-align: text-top; line-height: 21px; margin: auto;}
	.prscale.progress { height: 1.25rem; }

	/*----------------footer--------------------*/
	.landing-footer {
		text-align: center;
		background: #4BB1FA no-repeat center center;
		background-image: radial-gradient(circle farthest-side at 900px 250px, #4bb1fa, rgb(26, 87, 132));
		background-size: cover;
		padding: 4rem;
		padding-bottom: 0px;
		padding-top: 15px;
	}