/***************************************************
hot 141111 for hebamme-biel-bienne.ch
***************************************************/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

html { height: 100%; }

body {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #000;
  background-color: #fff;
  text-rendering: optimizeLegibility; }

p {
	font-size: 1em;
	font-weight: normal; }

a {
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  a:link {
    color: #888; }
  a:hover {
    color: #c50f3c; }
  a:visited {
    color: #888; }
  a:active {
    top: 1px; }

a.email { word-break: break-all; }

.white {
  color: white; }
  
  .grey {
  color: #555; }

#subnav ul li {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  text-align: right;
  font-size: .6875em;
  line-height: 1.5;
  letter-spacing: 1px; }
  #subnav ul li:first-child {
    margin-left: 0;
    text-align: left; }
  #subnav ul li:last-child {
    margin-right: 0; }
  #subnav ul li a:link, #subnav ul li a:visited, #subnav ul li a.active:link, #subnav ul li a.active:visited {
    color: #555; }
  #subnav ul li a:hover {
    color: #c50f3c; }
  #subnav ul li a:active, a.current, #subnav ul li a:hover.current {
  color: #aaa; }

#minicart {
  font-family: 'Lato', Calibri, Arial, sans-serif; }
  #minicart .items {
    margin: 0 .625em; }

#menuToggle {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  font-size: .6875em;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  background-color: #f2f2f2;
  z-index: 100; }

#mobileNav {
  display: none; }
  #mobileNav ul {
    list-style-type: none; }
  #mobileNav li {
	margin: .3125em 0;
}

header[role="banner"] {
  position: relative; }
    header[role="banner"] h1 a {
      text-indent: -9999px;
      display: block;
      width: 300%;
      padding: 0;
      background-size: 100%; }

/* Impressum */
#impressum { 
   	margin: 0;
   	padding: 1px 5px 0 0;
   	border: 0;
   	text-align: right;
	font-weight: bold;
	font-size: 10px;
}

.row li a {
  font-size: 1em;
  letter-spacing: 1px;
  font-weight: normal; }
  .row li a:link, .row li a:visited {
    color: #000; }
  .row li a:hover {
    color: #c50f3c; }
  .row li a:active, .row li a.active, .row li a.current {
    color: #aaa; }

.row li a h1 {
  font-size: 2em;
  font-weight: bold; 
  color: #101010;
}

.row li a p {
  font-size: 1em;
  font-weight: normal;
  line-height: 120%;
}
.row li a p:link, .row li a p:visited, .row li a p:hover, .row li a p:active {
  color: #000; }

.row li .impressum a {
  font-size: 0.5em;
  font-weight: normal;
  line-height: 120%;
}

.homepage-banner {
  background-position: center center;
  background-size: cover; }

.article_words {
  width: 100%;
  color: #fff;
  background-color: #dce345;
  padding: 0 0.5% 100em 0.5%;
  margin-bottom: .625em; }
.article_words p {
  font-size: 1.2em;
  margin: 0; }
.article_words p.p_sml {
	font-size: 0.95em;
	line-height: 120%;
}
.article header, .section header, .product_thumb header, .wide header, .portrait header, #details header, .stockist header, #sidebar header, #sidebar section {
  margin-bottom: .625em; }
.article p+header, .section p+header, .product_thumb p+header, .wide p+header, .portrait p+header, #details p+header, .stockist p+header, #sidebar p+header {
  margin-top: 1.25em; }
  .article header h3, .section header h3, .product_thumb header h3, .wide header h3, .portrait header h3, #details header h3, .stockist header h3, #sidebar header h3, .post h3 {
    margin: 0; color: #000; }
  .article header h4, .section header h4, .product_thumb header h4, .wide header h4, .portrait header h4, #details header h4, .stockist header h4, #sidebar header h4, .post h4 {
    margin: .625em 0 0;
    color: #000; }
  .article header h5, .section header h5, .product_thumb header h5, .wide header h5, .portrait header h5, #details header h5, .stockist header h5 {
    font-weight: normal;
    margin: 0;
	color: #000;
	font-size: .8125em;}
	.article > p { margin-top: .625em!important; }
	.article > header { margin-top: .3125em; }
/*	.article h3:first-of-type { margin-top: .3125em; }
*/.article .section_para, .section .section_para, .product_thumb .section_para, .wide .section_para, .portrait .section_para, #details .section_para, .stockist .section_para, .post .section_para {
  margin-top: .425em; }
.article p, .section p, .product_thumb p, .wide p, .portrait p, #details p, .stockist p, #sidebar p, .post p, .post ul, .article ul {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  color: #000; }
.article p, .article footer, .section p, .section footer, .product_thumb p, .product_thumb footer, .wide p, .wide footer, .portrait p, .portrait footer, #details p, #details footer, .stockist p, .stockist footer, #sidebar p, .post p {
  font-size: .8125em;
  line-height: 1.5;
  margin: 0; }
.post ul, .article ul {
  font-size: .8125em;
  line-height: 1.5;
  margin-left: 2.5em;}
.article footer, .section footer, .product_thumb footer, .wide footer, .portrait footer, #details footer, .stockist footer, .post footer {
  margin-top: 1.25em; }
.article.stockist footer, .section.stockist footer, .product_thumb.stockist footer, .wide.stockist footer, .portrait.stockist footer, #details.stockist footer, .stockist.stockist footer, .post footer {
  margin: 0;
  font-family: 'Lato', Calibri, Arial, sans-serif; }
.article p + p, .section p + p, .product_thumb p + p, .wide p + p, .portrait p + p, #details p + p, .stockist p + p, #sidebar p + p, .post p + p {
  margin-top: .625em; }

.button {
  -webkit-appearance: none;
  border: 1px solid #fed1d3;
  background-color: #fff;
  color: #000;
  padding: .769230769em 1.538461538em;
  -webkit-border-radius: 0.30769em;
  -moz-border-radius: 0.30769em;
  border-radius: 0.30769em;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  font-size: .8125em;
  letter-spacing: 1px;
  line-height: 1.5;
  font-weight: bold;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .button:hover, .button.active, .button.submit {
    background-color: #ffeff0;
    border-color: #c61b21; }

.button.disabled {
    color: #878787;
    background-color: #FCFCFC;
    border-color: lightgrey; }	
}

label {
  font-size: .8125em;
  font-family: 'Lato', Calibri, Arial, sans-serif; }

input {
  font-family: 'Lato', Calibri, Arial, sans-serif;
  font-size: .8125em;
  line-height: 1.5;
  border: 1px solid lightgrey;
}
input:focus {
  border: 1px solid #c61b21;
  outline: none;
}

.pagination { text-align: center; margin-top: 2.5em!important; font-size: ..8125em; }
.pagination ul li { display: inline; margin: 0 .625em; }
.pagination .disabled a:link, .pagination .disabled a:visited { color: #555; }

.chevron {
  position: relative; }
  .chevron:hover {
    padding-top: .625em; }
  .chevron:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 51%;
    background: #f2f2f2;
    -webkit-transform: skew(0deg, 25deg);
    -moz-transform: skew(0deg, 25deg);
    -ms-transform: skew(0deg, 25deg);
    -o-transform: skew(0deg, 25deg);
    transform: skew(0deg, 25deg);
    z-index: -1; }
  .chevron:after {
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    background: #f2f2f2;
    -webkit-transform: skew(0deg, -25deg);
    -moz-transform: skew(0deg, -25deg);
    -ms-transform: skew(0deg, -25deg);
    -o-transform: skew(0deg, -25deg);
    transform: skew(0deg, -25deg);
    z-index: -1; }


.address-notification { margin-bottom:.75em!important; background: #FFEFF0; border: 1px solid #fed1d3; color: #000; text-align: center; padding: 5px; }