/*.shop-btn {
	background: transparent;
    border: 3px solid #52778d;
    color: #52778d;
    margin: 75px auto 0;
    font-size: 21px;
    max-width:175px;
    display:block;
    text-align:center;
    padding:5px;
}

.shop-btn:hover {
	background:#52778d;
	color:#fff;
	text-decoration:none;
}*/

#popup {
	position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
}

#popup .popup-bg {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	opacity:0.7;
	background:black;
}

#popup .popup-content {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -185px;
    margin-top: -16px;
    background: white;
    padding: 15px;
}

#popup .popup-content button {
	background: white;
    border: 1px solid #000;
    margin-left: 15px;
}

.collapse {
	display:block!important;
	height:auto!important;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 1.85;
}

.navbar-brand{
	padding:10px 15px;
}

.navbar-toggle{
	margin-top:15px;
}

.navbar-default .navbar-nav>li>a{
	color: #52778d;
	text-align: center;
}

.navbar-default .navbar-toggle{
	border-color: #c5e3ee;
	background-color: #c5e3ee;
	background: #c5e3ee;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color:transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: #c5e3ee;
	background: #c5e3ee;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.thumbnail-border {
	border:3px solid #52778d;
}

.thumbnail-rounded{
	border-radius: 50%;
}

section .img-responsive{
	margin: 0 auto;
}

h1{
	font-size:32px;
}

h1,h2{
	color:#52778d;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4;
	font-weight: 600;
}

.thin-heading{
	font-weight: 400;
}

.btn-arktis-blue{
	color: #fff;
	border-color:#52778d;
	background: #52778d;
}

.btn-arktis-orange {
	color:#fff;
	border-color:#ff6600;
	background:#ff6600;
}

.btn-arktis{
	display: inline-block;
  padding: 10px 12px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.42857143;
	letter-spacing: 1px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}

.btn-center {
	margin:75px auto 0;
	max-width:135px;
	text-align:center;
	display:block;
}

.m-0 {
	margin:0px auto;
}

a.btn-arktis:focus,
a.btn-arktis:hover{
	color: #fff;
	text-decoration: none;
}

.landing-page-bakterien{
	text-align: center;
}

.social-icons a{
	text-decoration: none;
}

.center-text{
	text-align: center;
}

.center-text-mobile{
	text-align: center;
}

.divider{
	margin-bottom:50px;
}

.divider-75-0{
	margin-bottom: 75px;
}

.divider-100{
	margin-bottom:100px;
}

.panel{
	box-shadow: none;
  background:none;
  background-color:transparent;
}

.panel-default{
	border-color:transparent;
}

.panel-default>.panel-heading{
	background-color:transparent;
	border-color:transparent;
}

.panel-heading{
	padding:10px 0px;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top:1px solid transparent;
}

.panel-body{
	padding-left:60px;
}

.panel-title{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	line-height: 32px;
	color: #52778d;
}

#accordion .glyphicon-minus-sign,
#accordion .glyphicon-plus-sign,
#accordion .glyphicon-triangle-right{
	font-size: 30px;
  	color: #52778d;
  	padding-right: 10px;
  	top:8px;
	/*font-size: 40px;
  color: #52778d;
  padding-right: 10px;
  top:10px;*/
}

.section-splitter{
  width: 100%;
  text-align: center;
  font-size: 60px;
  color: #52778d;
}

svg {
  display: block;
  width: 100%;
  height: 60px;
  background: transparent;
  fill:#cee4f1;
}

#toc {
	margin-top:60px;
}

#toc h3 {
	color:#3e5b6d;
}

#toc ul {
	padding: 0;
    list-style: none;
    text-decoration: underline;
    font-size: 13px;
    color: red;
}

#toc ul li {
    margin-bottom: 10px;
}

#toc ul li a {
    color: #52778d;
}

#probiotika-dietary-supplement,
#header-section{
  background-image: url(../img/bg-blue.jpg);
	background-size: cover;
	background-repeat no-repeat;
}

#probiotika-dietary-supplement svg,
#header-section svg{
  fill:#fff;
}

.navbar-default{
	background-color: transparent;
	border-color: transparent;
}

#advantages{
  background: #fff;
}

#how-does-grow-help{
  background-image: url(../img/bellybutton-mob.jpg);
  background-size:cover;
  background-repeat:no-repeat;
}

#how-does-grow-help-2{
  background: #fff;
}

#your-questions{
  background-image: url(../img/bg-blue.jpg);
  background-size:cover;
}

#where-to-buy{
  background-image: url(../img/bg-blue.jpg);
  /*background-position: 0px 130px;*/
  background-repeat: no-repeat;
}

svg.white-transparent{
  background: transparent;
  fill: #fff;
}

#verdauung{
  background-color: white;
  /*background-image: url(../img/abdomen.jpg);
  background-size: 800px;
  background-repeat: no-repeat;
  background-position: right;
  margin-bottom: -90px;*/
  background-image:url(../img/verdauung-bg-mob.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}

#facts{

}

.arktis-bear{
	padding: 0px 0px 20px 80px;
  background: url(../img/arktis-bear.jpg) no-repeat center left;
}

.table-arktis{
	color:#52778d;
	text-align: center;
	font-size:18px;
	line-height: 1.8;
	background-color: #d3e8f3;
	border:1px solid #fff;
}

.table-arktis>thead>tr>th{
	color:#fff;
	text-align: center;
	font-size:20px;
	line-height: 2.25;
	background-color:#52778d;
}

.table-arktis>thead>tr>td,
.table-arktis>thead>tr>th{
	border-bottom-width: 1px;
}

.table-arktis>tbody>tr>td, .table-arktis>tbody>tr>th, .table-arktis>tfoot>tr>td, .table-arktis>tfoot>tr>th, .table-arktis>thead>tr>td, .table-arktis>thead>tr>th{
	border:1px solid #fff;
}

.legal-list{
  list-style: none;
	padding-left:0px;
}

hr{
	margin-bottom:50px;
	border-top:1px dotted black;
}

.references{
	font-size:11px;
}

#footer{
	padding: 10px 0px;
  background: #cee4f1;
}

#footer h5{
	margin-top: 40px;
	margin-bottom: 15px;
}

#footer p,
#footer a{
	font-size:13px;
}

.media-object{
	padding-top:6px;
}

#copyright{
	padding: 10px 0px;
	background: #52788d;
}

#copyright p{
	color: #fff;
	font-size:12px;
	margin-bottom: 0px;
}

/*cookie box starts here */

#cn-notice-text {color:#111;}

#cookie-notice{display:none;position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;line-height:20px;left:0;text-align:center}
#cookie-notice .button.bootstrap,#cookie-notice .button.wp-default{font-family:sans-serif;display:inline-block;font-style:normal;cursor:pointer;border-style:solid;border-width:1px;font-size:12px;text-decoration:none;outline:0}
.cookie-notice-container{padding:10px;text-align:center}
.cn-top{top:0}
.cn-bottom{bottom:0}
#cookie-notice .button{margin-left:10px}
#cookie-notice .button.wp-default{line-height:18px;padding:2px 12px;background:linear-gradient(to bottom,#FEFEFE,#F4F4F4) #F3F3F3;border-color:#BBB;color:#333;text-shadow:0 1px 0 #FFF;-moz-box-sizing:border-box;border-radius:3px;white-space:nowrap}
#cookie-notice .button.wp-default:focus,#cookie-notice .button.wp-default:hover{background:linear-gradient(to bottom,#FFF,#F3F3F3) #F3F3F3;border-color:#999;color:#222}
#cookie-notice .button.bootstrap{margin-right:.3em;margin-bottom:0;line-height:20px;text-align:center;vertical-align:middle;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 2px rgba(0,0,0,.05);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);padding:2px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#cookie-notice .button.bootstrap:focus,#cookie-notice .button.bootstrap:hover{color:#fff;background-color:#04c;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}


.text-disabled {
  color:#aaa!important;
}

#cookie-select a {
    background: black;
    color: #fff;
    padding: 15px;
    margin-top:15px;
    display:inline-block;
}

#cookie-select label {
	font-weight:400;
}

#cookie-select {
	margin:30px 0;
}

#cookie-notice {
    max-width: 640px;
    min-width: auto;
    left: 50%;
    margin-left: -320px;
    top: 50%;
    bottom: auto;
    padding: 15px;
    margin-top:-300px;
    width:100%;
}

#cookie-select hr {
  border:1px solid #dadada;
  margin:15px 0;
}

#all-cookies {
  text-align:left;
}

#cn-notice-text {
  display:block;
}

#cookie-notice-bg {
  background:black;
  opacity:0.5;
  top:0;
  left:0;
  bottom:0;
  right:0;
  position:fixed;
  z-index: 99999;
}

#cookie-select input[type="checkbox"] {
	margin-right:7px;
}
 
#cookie-notice h3 {
  line-height:1;
  margin-bottom:15px;
  margin-top:0px;
  font-size:20px;
}

#cn-notice-text,
#cookie-notice p {
  font-size:11px;
  line-height:1.7;
  font-weight:400;
}

.cookie-notice-container {
  text-align:left;
}

.cookie-logo {
  margin:0 auto 30px;
  display:none;
}

#cookie-notice #cn-cookie-more {
  background:#6d6d6d;
  border-color:#6d6d6d;
  color:#fff;
  text-shadow:none;
  padding:10px 10px;
  margin:10px 0 0 0;
  font-weight:bold;
  text-transform: uppercase;
}

#cookie-notice #cn-cookie-more:hover {
  background:#363636;
}

#cookie-notice #cn-accept-cookie {
  background:#ff9800;
  border-color:#ff9800;
  color:#fff;
  text-shadow:none;
  padding:10px 10px;
  font-weight:bold;
  text-transform: uppercase;
}

#cookie-notice #cn-accept-cookie:hover {
  background:#E58900;
}

#cookie-notice .cn-more-info.button {
  display:block;
  max-width:130px;
  padding:0;
  margin:10px 0 0px 0;
  background:none;
  text-shadow:none;
  text-decoration:underline;
  border:0px;
}

#cookie-notice .cn-more-info.button:hover {
  background:transparent!important;
}

#ccc[light] .ccc-button-solid {
  background:red!important;
}

.page-id-12051 #cookie-notice,
.page-id-12051 #cookie-notice-bg,
.page-id-5004 #cookie-notice-bg,
.page-id-5004 #cookie-notice {
  display:none!important;
}


@media screen and (max-width: 767px) {
	#footer .container{
		width:320px;
	}

	.social-icons{
		padding-left:45px;
	}

	.legal-list{
		padding-left:45px;
	}

	.shop-btn {
		margin:0 auto;
	}


}

@media screen and (min-width: 320px) {

}

@media screen and (min-width: 768px) {
	.landing-page-bakterien{
		margin-top: 90px;
		text-align: left;
	}

	.fakten-page .navbar{
		margin-bottom:50px;
	}

	.navbar-brand{
		padding-top:15px;
	}

	.navbar-brand img{
		width:260px;
	}
}

@media screen and (min-width: 992px) {
	.divider-75-0{
		margin-bottom:0px;
	}

	#how-does-grow-help{
	  background-image: url(../img/bellybutton.jpg);
	  background-size:100%;
	  background-repeat:no-repeat;
	}

	#verdauung{
	  background-image:url(../img/verdauung-bg.jpg);
	  background-repeat:no-repeat;
	  background-position:top right;
	}

}

@media screen and (orientation:landscape) and (max-width:768px) {

  #cookie-notice {
    overflow-y:scroll;
    height:100%;
    bottom:15px;
    top:15px;
  }
}

@media screen and (max-width:768px) {
	#cookie-notice {
	    margin-top:0;
	    top:20%;
	    max-width:440px;
	    margin-left:-220px;
  	}
}

@media screen and (max-width:480px) {
	#cookie-notice {
	    left:0px;
	    margin-left:0px;
	    margin-top:0;
	    top:0;
	    bottom:0;
	    overflow-y:scroll;
	    height:100%;
  	}

    .cookie-logo {
    	max-width:150px;
    	display:block;
    }
}
