body{
    background: linear-gradient(to bottom, #ffffff 0%,#6ad5a1 100%);
    margin: 0px;
    font-family: Arial,Verdana,sans-serif;
    color: #262626;
    font-size: 14px;
    overflow-x: hidden;
}

.wrapper{
    width:1200px;
    margin:auto;
    transition:all 0.5s;
}

#top{
    background-color: #6ad5a1;
    color: #fff;
    padding: 10px 0 10px 0;
}

#top a[href]{
    text-decoration: none;
    color: #fff;
}

#backtotopbutton {
    position: fixed;
    bottom: 100px;
    right: -200px;
    border: 1px solid white;
    padding: 20px;
    font-size: 300%;
    background-color: #6ad5a1;
    border-radius: 5px;
    opacity: 0;
    color: white;
    cursor: pointer;
    transition: all 0.5s;
    text-align: center;
    line-height: 20px;
}
#backtotopbutton.visible {
    opacity: 0.7;
    right: 20px;
    line-height: 10px;
}
#backtotopbutton small {
    font-size: 30%;
}

#search{
    float: right;
}

#search input[type=text]{
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 7px 0 0 7px;
    height: 14px;
    width: 160px;
}

#search button{
    background-color: #6ad5a1;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    height: 20px;
}

#logo{
    padding: 30px 0 20px 0;
}

#menschen {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 800px;
    position:relative;
}

#menschen .hauptbereich {
    position: absolute;
    display: inline-block;
    z-index: 50;
    transition: all 0.2s;
}

#menschen .hauptbereich>a[href]:link, #menschen .hauptbereich>a[href]:visited {
    text-decoration: none;
    padding: 15px;
    border-radius: 5px;
    font-size: 150%;
    white-space: nowrap;
    z-index: 51;
    opacity:0;
    transition: all 0.2s;
}
#menschen .hauptbereich:hover>a[href]:link
, #menschen .hauptbereich:hover>a[href]:visited
, #menschen .hauptbereich.highlight>a[href]:link
, #menschen .hauptbereich.highlight>a[href]:visited
  {
    background-color: rgba(128,128,128,0.5);
    color: #262626;
    opacity:1;
    transition: all 0.2s;
}

#menschen .hauptbereich .subbereich {
    border: 2px solid black;
    position: relative;
    display: none;
    width: auto;
    padding: 0px;
    z-index: 149;
    top: -50px;
    transition: all 0.5s;
}

#menschen .hauptbereich:hover .subbereich {
    position: relative;
    display: block;
    left: 50px;
    background-color:rgba(164,164,164,0.5);
    z-index: 150;
    transition: all 0.5s;
}

#menschen .hauptbereich:hover .subbereich a {
    z-index: 151;
}

#menschen .hauptbereich .subbereich li {
    list-style-type:none;
    z-index: 100;
}

#menschen .hauptbereich .subbereich li a[href]:link,#menschen .hauptbereich .subbereich li a[href]:visited {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #262626;
    font-size: 120%;
    white-space: nowrap;
    z-index: 101;
}

#menschen #mensch_mann {
    left: 19.5%;
    top: 12%;
    width: 30%;
    height: 80%;
    display: block;
    padding: 0px;
    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#menschen #mensch_mann_kopf {
    top: 5%;
    height: 11%;
}

#menschen #mensch_mann_hals {
    top: 14%;
    height: 11%;
}

#menschen #mensch_mann_herzkreislauf {
    top: 23%;
    height: 11%;
}

#menschen #mensch_mann_magendarm {
    top: 33%;
    height: 11%;
}

#menschen #mensch_mann_nierenblase {
    top: 43%;
    height: 11%;
}

#menschen #mensch_mann_muskelngelenke {
    top: 63%;
    height: 11%;
}

#menschen #mensch_frau {
    left: 53%;
    top: 14%;
    width: 30%;
    height: 80%;
    display: block;
    padding: 0px;
    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#menschen #mensch_frau_kopf {
    top: 5%;
    height: 11%;
}

#menschen #mensch_frau_hals {
    top: 14%;
    height: 11%;
}

#menschen #mensch_frau_herzkreislauf {
    top: 23%;
    height: 11%;
}

#menschen #mensch_frau_magendarm {
    top: 33%;
    height: 11%;
}

#menschen #mensch_frau_nierenblase {
    top: 43%;
    height: 11%;
}

#menschen #mensch_frau_muskelngelenke {
    top: 63%;
    height: 11%;
}

#menschen #mensch_jugendlicher {
    left: 0%;
    top: 30%;
    width: 15%;
    height: 80%;
    display: block;
    padding: 0px;
    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#menschen #mensch_jugendlicher_kopf {
    top: 5%;
    height: 11%;
}

#menschen #mensch_jugendlicher_hals {
    top: 13%;
    height: 11%;
}

#menschen #mensch_jugendlicher_herzkreislauf {
    top: 21%;
    height: 11%;
}

#menschen #mensch_jugendlicher_magendarm {
    top: 28%;
    height: 11%;
}

#menschen #mensch_jugendlicher_nierenblase {
    top: 35%;
    height: 11%;
}

#menschen #mensch_jugendlicher_muskelngelenke {
    top: 47%;
    height: 11%;
}

#menschen #mensch_kind {
    left: 85%;
    top: 35%;
    width: 15%;
    height: 80%;
    display: block;
    padding: 0px;
    position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#menschen #mensch_kind_kopf {
    top: 8%;
    height: 11%;
}

#menschen #mensch_kind_hals {
    top: 14%;
    height: 11%;
}

#menschen #mensch_kind_herzkreislauf {
    top: 20%;
    height: 11%;
}

#menschen #mensch_kind_magendarm {
    top: 29%;
    height: 11%;
}

#menschen #mensch_kind_nierenblase {
    top: 37%;
    height: 11%;
}

#menschen #mensch_kind_muskelngelenke {
    top: 44%;
    height: 11%;
}



#logo_apotheke{
    width: 300px;
    height: auto;
}  

#logo_bunpharma{
    padding: 30px 10px 70px 20px;
    width: 100px;
    height: auto;
}  

#logo_basg{
    padding: 30px 0 20px 20px;
    width: 120px;
    height: auto;
}

#nav{
    background-color: #fff;
    list-style: none;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #6ad5a1;
    border-radius: 7px 7px 0 0;
}

#nav ul{
    padding: 0;
}

#nav ul li{
    display: inline-block;
    margin: 0 15px 0 15px;
}

#nav ul li:last-child{
    float: right;
    font-size: 130%;
}

#nav ul li a[href]:link, #nav ul li a[href]:visited, #nav ul li a[href]:hover{
    text-decoration: none;
    color: #6ad5a1;
    font-size: 130%;
}

#pic{
    height: 300px;
	position: relative;
}
#pic .rotator_image {
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
    height: 300px;
	width: 100%;
	position: absolute;
	opacity: 0;
	transition: all 0.5s;
}

#pic .rotator_image.active {
	opacity: 1;
	transition: all 0.5s;
}

#main{
    padding: 30px 0 30px 0;
    background-color: #fff;
	min-height: 400px;
}

#main .subnav{
    padding: 0;
    margin: 0;
}

#main .subnav li{
    display: table-cell;
    margin: 20px;
    padding: 0 30px 0 30px;
    width: 800px;
}

#main .subnav li:first-child{
    width: 280px;
    border-right: 2px solid #6ad5a1;
}
#shop_left {
	display: inline-block;
	float:left;
	width: 30%;
	height: 100%;
}
#content {
	display: inline-block;
	width: 700px;
	height: 100%;
	float: right;
	margin-right: 50px;
}

#main h1{
    /*color: #6ad5a1;*/
    color: #000066;
    font-weight: normal;
    font-size: 180%
}

#main h2{
    font-weight: normal;
    font-size: 150%;
}

#main h3{
    color: #6ad5a1;
    font-weight: normal;
    font-size: 120%;
}

#main hr{
    border: 0; 
    height: 1px; 
    background: #6ad5a1;
}

#main img{
    border: none;
}

#main a[href]:link, #main a[href]:visited, #main a[href]:hover{
    text-decoration: underline;
    color: #6ad5a1;
}

#main #nav_groups a[href]:link, #main #nav_groups a[href]:visited{
    text-decoration: none;
    color: #000066 ;
    font-size: 150%;
    line-height: 150%;
}

#main #nav_groups a[href]:hover{
    text-decoration: underline;
    color: #6ad5a1;
}

#main #nav_groups ul {
    padding-left: 15px;
}

#main #nav_groups ul li ul {
    padding-left: 15px;
}

#main #nav_groups li {
    list-style-type: none;
}

.clearer {
	clear: both;
}

.article_container .article {
    x--background-color: #DDDDDD;
    x--background-image: -ms-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    x--background-image: -moz-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    x--background-image: -o-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    x--background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #e2e2e2), color-stop(1, #bfbfbf));
    x--background-image: -webkit-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    x--background-image: linear-gradient(to bottom, #e2e2e2 0%, #bfbfbf 100%);
    border: 3px solid #dadada;
    border-radius: 5px;
    padding: 20px;
    margin: 5px;
    min-height: 270px;
    color: #000066;
}

.article_list .article {
    overflow: hidden;
}
.article_detail.article {
    margin:auto;
}

.article_list .article .image{
    min-height: 100px;
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 5px;
    height: 300px;
    width: 300px;
    float: left;
}
.article_list .article .image img {
    display: none;
}
.article_list .article .image .artikelbild {
    height: 300px;
    width: 290px;
    background-position: center;
    background-repeat: no-repeat    ;
    background-size: contain;
}

.article_container .article  .title  a{
    text-decoration: none !important;
    color: black;
	font-size: 130% !important;
    display: block;
    text-align:left;
    line-height: 120% !important;
}

.article_container .article  .title  a:link, .article_container .article  .title  a:visited {
    color: #000066 !important;
}   

.article_container .article .price{
    font-size: 250%;
    float:left;
    line-height: 27px;
    font-family: "Yantramanav", sans-serif;
    font-size: 35px;
    font-weight: 100;
    margin-right: 10px;
}

.article_container .article .description {
    min-height: 50px;
    margin-bottom: 10px;
}

.article_container .article .amount{
    display:none;
    clear:both;
}

.article_container .article .shopping_cart {
  float: right;
  margin-left: auto;
}

.article_container .article .into_shopping_cart{
    border-radius: 20px;
    background-color: #888888 !important;
    color: white;
    border: 0px;
    padding: 5px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.articlecollection {
    margin-bottom: 20px;
}

.articlecollectionitem {
    margin-top: 5px;
    clear: both;
    min-height: 60px;
    padding: 10px;
    background-color: white;
    border-radius: 20px;
}

.article_container .article  .articlecollection .articlecollectionitem  .image {
    float: left;
    height: 50px;
    width: 50px;
    display: block;
    margin-right: 10px;
    text-align: center;
}

.article_container .article  .articlecollection .articlecollectionitem a {
    color: black;
    text-decoration: none;
    display: block;
    font-size: 140%;
}

#shop_content a {
    color: black;
    text-decoration: none;
    /* font-size: 16px; */
    line-height: 16px;
    /* padding: 10px; */
}

#shop_content a:hover {
    text-decoration: underline;
}


#shop_content .button_container
{
    clear:both;
    overflow:hidden;
    margin-bottom:10px;
    padding: 5px 0;
    margin-top:10px;
}

#shop_content a.button
{
    background-color:#BBBBBB;
    margin-top:3px;
    cursor:pointer;
    background-repeat:no-repeat;
    font-size:14px !important;
    line-height: 20px;
    padding:10px;
    height:20px;
    width:auto;
    color:#fff;
    border-radius: 5px;
    text-decoration: none;
}
#shop_content a.button:link,#shop_content a.button:visited {
	color: #222222;
	text-decoration: none;
}

#shop_content a.button.right
{
    float:right;
    background-image:url("/images/v_1/weiter.gif");
    background-position:right center;
    padding-right:23px;
}

#shop_content a.button.right.f_none
{
    float:none;
}

#shop_content a.button.left
{
    float:left;
    background-image:url("/images/v_1/zurueck.gif");
    background-position:left center;
    padding-left:23px;
}

#shop_content .content.shopping_cart
{
}

#shop_content .content.shopping_cart .sc_table th
{
    font-weight:bold;
    border-bottom:2px solid #000000;
}

#shop_content .content.shopping_cart .sc_table td
{
    vertical-align:middle;
}

#shop_content .content.shopping_cart .sc_table td .image
{
    float: left;
    padding: 1px;
    margin: 10px 0;
}
#shop_content .content.shopping_cart .sc_table td .image img
{
}

#shop_content .content.shopping_cart .sc_table td.amount
{
    width:95px;
}

#shop_content .content.shopping_cart .sc_table td input.number_field
{
    width: 30px;
    float: left;
}

#shop_content .content.shopping_cart .sc_table td button.change_amount
{
    display:block;
    float:right;
}
#shop_content .content.shopping_cart .sc_table tr.article td
{
    padding: 5px 0;
}
#shop_content .content.shopping_cart .sc_table tr.subtotal td, #shop_content .content.shopping_cart .sc_table tr.total td
{
    font-weight:bold;
    border-top:2px solid #000000;
    padding:10px 3px;
}

#shop_content .content.shopping_cart .sc_table tr.shipping_costs td
{
    border-top:1px solid #000000;
    padding:10px 3px;
}

#shop_content .content.shopping_cart .sc_table tr.shipping_costs.big td
{
    padding:10px 3px 10px 3px;
}

#shop_content .content.shopping_cart .sc_table tr.voucher td
{
    padding:10px 3px;
}

#shop_content .content.shopping_cart .sc_table tr.voucher td.voucher_code
{
    padding-right:1px;
}

#shop_content .content.shopping_cart .sc_table tr.voucher input[name="voucher_code"]
{
    text-align:right;
}

/*
#shop_content a.button.right
{
    float:right;
    background-image:url("/images/v_1/weiter.gif");
    background-position:right 1px;
    padding-right:23px;
}

#shop_content a.button.right.f_none
{
    float:none;
}

#shop_content a.button.left
{
    float:left;
    background-image:url("/images/v_1/zurueck.gif");
    background-position:left 1px;
    padding-left:23px;
}*/

#shop_content table.registration th
{
    text-align:left;
    border-bottom:2px solid #7e7e7e;
}

#shop_content table.registration tr.first td
{
    padding-top:12px;
}

#shop_content table.registration tr.last td
{
    padding-bottom:20px;
}

#shop_content label
{
    line-height:12px;
}

#shop_content label input[type="radio"], #shop_content label input[type="checkbox"]
{
    margin:0px;
    padding:0px;
    display:inline;
    margin-bottom:3px;
    vertical-align:middle;
}

#shop_content label input[type="checkbox"]
{
    margin-right:5px;
}

#shop_content button,#shop_content input {
	border-radius: 5px;
	border: none;
	background-color: #EEEEEE;
	padding: 3px;
	min-width: 30px;
}

#shop_content .content.address_data
{
    margin-top: -7px;
}
#shop_content .content.address_data .address_container
{
    overflow:hidden;
}

#shop_content .content.address_data .address_container .address
{
    float:left;
    width:310px;
    margin-bottom:20px;
}

#shop_content .content.address_data .address_container .options
{
    float:left;
}

#shop_content .content.address_data .address_container .options .different_address select[name="address"]
{
    margin-left:22px;
    margin-bottom:10px;
}

#shop_content .address_container.other_address
{
    margin-top:5px;
}

#shop_content .address_editor table td input
{
    text-align:left;
}

#shop_content .address_editor table td:first-child
{
    padding-left:0px;
}

#shop_content .page_check_data_address
{
    width:307px;
    float:left;
    margin-top:20px;
}

#shop_content .page_check_data_address.address_right
{
    float:right;
}
#shop_content .page_check_data_address.address_left
{
}

#shop_content form.payment_paypal
{
    text-align:center;
}

#shop_content form.payment_paypal input[type="submit"]
{
    background-image:url("/images/v_1/payment_paypal.png");
    border:none;
    background-color:transparent;
    width:131px;
    height:45px;
    text-indent:-3000px;
}

#shop_content a.button.eps
{
    background-image:url("/images/v_1/payment_eps.png");
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:130px;
    height:170px;
    border-radius:5px;
    text-indent:-3000px;
}

#shop_content #checkout div {
    border: 2px solid red;
}


/*Progress Bar */

#shop_progress_bar
{
    background-color:#D0D0D0;
    background-image: -ms-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    background-image: -moz-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    background-image: -o-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #e2e2e2), color-stop(1, #bfbfbf));
    background-image: -webkit-linear-gradient(top bottom, #e2e2e2 0%, #bfbfbf 100%);
    background-image: linear-gradient(to bottom, #e2e2e2 0%, #bfbfbf 100%);
    border-radius: 5px;
    padding: 0px;
    list-style:none;
    margin:0px auto;
    max-width: 570px;
    text-align: center;
    clear: both;
}

#shop_progress_bar li
{
    margin: 8px 0;
    padding: 0 10px;
    border-left: 1px solid #000000;
    display: inline-block;
}

#shop_progress_bar li a
{
    color:#828282;
    text-decoration:none;
}
#shop_progress_bar li a[href]{
    color:#000000;
    text-decoration:underline;
}
#shop_progress_bar li:first-child
{
    border-left:0px;
}

#shop_progress_bar li.active a
{
    text-decoration: none;
    color: #000000;
}






/* inpage shopping cart */

#inpage-shopping-cart{
    background-color: #fff;
    border: none;
    opacity: 0.95;
    position: fixed;
    height: 100%;
    width: 0px;
    right: 0;
    transition: all 0.5s;
    z-index: 100;
    font-size: 120%;
}

#inpage-shopping-cart.visible{
    width: 450px;
    border-left: 2px solid #6ad5a1;
}

#inpage-shopping-cart-fadeout{
    border: 2px solid #6ad5a1;
    background-color: #fff;
    width: 210px;
    margin: 15px auto 15px 15px;
    height: 40px;
    text-align: center;
    font-size: 100%; 
    line-height: 200%;
    color: #6ad5a1;
    cursor: pointer;
    display: block;
    transition: all 0.5s;
}

#inpage-shopping-cart-fadeout:hover{
    color: #6ad5a1;
    transition: all 0.5s;
}

#inpage-shopping-cart-list{
    position: block;
    overflow-x: auto;
    height: calc(100% - 210px);
}

#inpage-shopping-cart-list-template{
    display: none;
}

.inpage-shopping-cart-list-item{
    margin: 15px 15px 0 15px;
    color: #333;
    border-bottom: 1px solid #333;
    clear: both;
    min-height: 70px;
}

.inpage-shopping-cart-list-item .inpage-shopping-cart-list-item-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    float: left;
    margin: 0 15px 15px 0;
}

.inpage-shopping-cart-list-item .inpage-shopping-cart-list-item-amount{
    font-weight: bold;
    white-space: nowrap;
}

.inpage-shopping-cart-list-item .inpage-shopping-cart-list-item-name{
    text-decoration: none;
    color: #333;
}

.inpage-shopping-cart-list-item .inpage-shopping-cart-list-item-sum{
    font-weight: bold;
    white-space: nowrap;
    display: block;
    text-align: right;
}

.inpage-shopping-cart-list-sum{
    margin: 15px;
    text-align: right;
    color: #333;
    font-weight: bold;
}

#inpage-shopping-cart-cart{
    border: 2px solid #6ad5a1;
    background-color: #fff;
    height: 40px;
    width: 210px;
    margin: 15px 15px 15px auto;
    text-align: center;
    font-size: 100%;
}

#inpage-shopping-cart-cart a:link, #inpage-shopping-cart-cart a:visited{
    color: #6ad5a1;
    text-decoration: none;
    line-height: 200%;
    display: block;
    transition: all 0.5s;
}

#inpage-shopping-cart-cart a:hover{
    color: #6ad5a1;
    transition: all 0.5s;
}

#inpage-shopping-cart-checkout{
    border: 2px solid #6ad5a1;
    background-color: #fff;
    height: 40px;
    width: 210px;
    margin: 15px 15px 15px auto;
    text-align: center;
    font-size: 100%;
}

#inpage-shopping-cart-checkout a:link, #inpage-shopping-cart-checkout a:visited{
    color: #6ad5a1;
    text-decoration: none;
    line-height: 200%;
    display: block;
    transition: all 0.5s;
}

#inpage-shopping-cart-checkout a:hover{
    color: #6ad5a1;
    transition: all 0.5s;
}


/* msie-hinweis */

#msie-unsupported {
    background-color: #ffdddd;
    padding: 30px;
    text-align: center;
    font-weight: bold;
    color: #ff0000;
}
@supports (display: grid) {
  #msie-unsupported {
    display: none;
  }
}

/* Quick Check Out */

#quickcheckout-empty{
    display: none;
}

#quickcheckout input.confirmed{
    background-image: url(/images/confirmed.png);
    background-size: 25px;
    background-position: right;
    background-repeat: no-repeat;    
}

#quickcheckout input.notconfirmed{
    background-image: url(/images/notconfirmed.png);
    background-size: 15px;
    background-position: right;
    background-repeat: no-repeat; 
    border: 2px solid #f00;
}

.quickcheckout-cart-list-item{
    margin: 15px 0 0 0;
    color: #333;
    border-bottom: 1px solid #333;
    clear: both;
    min-height: 70px;
}

#quickcheckout-cart-list-template{
    display: none;
}

.quickcheckout-cart-list-item .quickcheckout-cart-list-item-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    float: left;
    margin: 0 15px 15px 0;
}

.quickcheckout-cart-list-item .quickcheckout-cart-list-item-name{
    text-decoration: none;
    color: #333;
}
.quickcheckout-cart-list-item .quickcheckout-cart-list-item-amount{
   display: block;
   margin-top: 10px;
   font-size: 85%;
}

.quickcheckout-cart-list-item .quickcheckout-cart-list-item-amount input{
    width: 40px;
    border: 1px solid #333;
}

.quickcheckout-cart-list-item .quickcheckout-cart-list-item-remove{
   display: block;
   font-size: 85%;
   cursor: pointer;
}

.quickcheckout-cart-list-item .quickcheckout-cart-list-item-sum{
    font-weight: bold;
    white-space: nowrap;
    display: block;
    text-align: right;
}

.quickcheckout-cart-list-sum{
    margin: 15px 0 0 0;
    text-align: right;
    color: #333;
    font-weight: bold;
}

.quickcheckout-email-label input{
    width: 200px;
    border: 1px solid #333;    
}

#quickcheckout-email-errors{
    color: #ff0000;
}

#quickcheckout-email-errors span{
    display: none;
}

#quickcheckout-email-password{
    display: none; 
}

#quickcheckout-email label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

#quickcheckout-email-input-emailaddress{
    border: 2px solid #6ad5a1;
    width: 300px;
    height: 40px;
    font-size: 120%;
}

#quickcheckout-email-input-password{
    border-top: 2px solid #6ad5a1;
    border-bottom: 2px solid #6ad5a1;
    border-right: none;
    border-left: 2px solid #6ad5a1;
    width: 300px;
    height: 40px;
    font-size: 120%;
    display: inline-block;
}

#quickcheckout-email-logout{
    display: none;
}

#quickcheckout-email-logoutbutton{
    font-size: 120%;
    color: #6ad5a1;
    cursor: pointer;
    box-sizing: content-box;
}

#quickcheckout-email-loginbutton{
    background-color: #fff;
    border: 2px solid #6ad5a1;
    display: inline-block;
    margin-top: 0px;
    width: 120px;
    height: 42px;
    font-size: 120%;
    color: #6ad5a1;
    cursor: pointer;
    box-sizing: content-box;
}

#quickcheckout-email-loginbutton.inprogress{
    background-color: #ccc;
    border: 2px solid #333;  
    width: 120px;
    display: inline-block;
    margin-top: 0px;
    height: 42px;
    font-size: 120%;
    cursor: progress;
    background-image: url(/images/progress.gif);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: content-box;
}

#quickcheckout-email-loginbutton #quickcheckout-email-loginbutton-progress{
    display: none;
}

#quickcheckout-email-loginbutton.inprogress #quickcheckout-email-loginbutton-progress{
    display: inline-block;
}

#quickcheckout-email-loginbutton.inprogress #quickcheckout-email-loginbutton-text{
    display: none;
}


#quickcheckout-register-input-as-guest{
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px !important;
    margin-right: 10px !important;
    border: 2px solid #6ad5a1 !important;
    display: inline-block !important;
    background-color: #fff !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    text-align: left !important;
    float: left !important;
    background-image: none !important;
}

#quickcheckout-register-input-as-guest:checked{
    background-color: #6ad5a1 !important;
    background-image: none !important;
}

.quickcheckout-register-label-as-guest {
    width: unset !important;
    line-height: 18px !important;
}


#quickcheckout-register{
    display: none;
}

#quickcheckout-register label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

#quickcheckout-register-password input{
    border: 2px solid #6ad5a1;
    width: 300px;
    height: 40px;
    font-size: 120%; 
}

#quickcheckout-register-errors{
    color: #f00;
}

#quickcheckout-register-errors-passwordsdontmatch{
    display: none;
}

#quickcheckout-register-errors-passwordweak{
    display: none;
}

#quickcheckout-customerdata{
    display: none;
}

#quickcheckout-customerdata label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

#quickcheckout-customerdata input{
    border: 2px solid #6ad5a1;
    width: 300px;
    height: 40px;
    font-size: 120%;
}

.quickcheckout-customerdata-label-othershippingaddress{
    width: 400px !important;
    text-align: left !important;
    margin-top: 35px !important;
}

#quickcheckout-customerdata input#quickcheckout-customerdata-input-othershippingaddress{
    width: 40px;
    height: 40px;
    margin-top: -10px;
    margin-right: 10px;
    border: 2px solid #6ad5a1;
    display: inline-block;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    float: left;
    background-image: none;
}

#quickcheckout-customerdata input#quickcheckout-customerdata-input-othershippingaddress:checked{
    background-color: #6ad5a1;
    background-image: none;
}

#quickcheckout-customerdata select{
    border: 2px solid #6ad5a1;
    width: 306px;
    height: 40px;
    font-size: 120%;
}

#quickcheckout-customerdata-section-firma{
    display: none;
}

#quickcheckout-customerdata-errors{
    color: #f00;
    line-height: 50px;
}

#quickcheckout-customerdata-errors-telefonnummer{
    color: #f00;
    display: none;
    line-height: 50px;
}

#quickcheckout-customerdata-errors-strasse{
    color: #f00;
    display: none;
    line-height: 50px;
}

#quickcheckout-customerdata-errors-plz{
    color: #f00;
    display: none;
    line-height: 50px;
}

#quickcheckout-customerdata-noshippingtobillingaddress{
    color: #f00;
    display: none;
    line-height: 50px;
}

#quickcheckout-customerdata-errors-nichtausgefuellt{
    display: none;
}

#quickcheckout-shippingaddress{
    display: none;  
}

#quickcheckout-shippingaddress label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

#quickcheckout-shippingaddress input{
    border: 2px solid #6ad5a1;
    width: 300px;
    height: 40px;
    font-size: 120%;
}

#quickcheckout-shippingaddress select{
    border: 2px solid #6ad5a1;
    width: 306px;
    height: 40px;
    font-size: 120%;
}

#quickcheckout-shippingaddress-section-firma{
    display: none;
}

#quickcheckout-shippingaddress-errors{
    color: #f00;
}

#quickcheckout-shippingaddress-errors-nichtausgefuellt{
    display: none;
}

#quickcheckout-delivery{
    display: none;    
}

#quickcheckout-delivery label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

#quickcheckout-delivery select{
    border: 2px solid #6ad5a1;
    width: 306px;
    height: 40px;
    font-size: 120%;
}

.quickcheckout-delivery-sum{
    margin: 15px 0 0 0;
    text-align: right;
    color: #333;
    font-weight: bold;
    padding-top: 5px;
    border-top: 1px solid #333
}

#quickcheckout-payment{
    display: none;    
}

#quickcheckout-payment label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

#quickcheckout-payment select{
    border: 2px solid #6ad5a1;
    width: 306px;
    height: 40px;
    font-size: 120%;
}

#quickcheckout-law{
    display: none;    
}

#quickcheckout-law input#quickcheckout-law-input-agb, #quickcheckout-law input#quickcheckout-law-input-widerruf{
    width: 40px;
    height: 40px;
    margin-top: -10px;
    margin-right: 10px;
    margin-bottom: 20px;
    border: 2px solid #6ad5a1;
    display: block;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    float: left;
    clear: both;
    background-image: none;
}

.quickcheckout-law-label-agb{
    line-height: 125px;
    margin-bottom: 20px;
}

.quickcheckout-law-label-widerruf{
    line-height: 85px !important;
}

#quickcheckout-law input#quickcheckout-law-input-agb:checked, #quickcheckout-law input#quickcheckout-law-input-widerruf:checked{
    background-color: #6ad5a1;
    background-image: none;
}

#quickcheckout-summary{
    display: none;       
}

.quickcheckout-summary-cartsum{
    text-align: right;
    margin: 5px 0 5px 0;
    padding-top: 5px;
    border-top: 1px solid #333;
}

.quickcheckout-summary-shippingcost, .quickcheckout-summary-ust{
    text-align: right;
    margin: 5px 0 5px 0;
}

.quickcheckout-summary-gesamtbetrag{
    text-align: right;
    font-weight: bold;
    margin: 5px 0 5px 0;
    border-top: 1px solid #333;
    padding-top: 5px;
}

#quickcheckout-summary button{
    background-color: #fff;
    border: 2px solid #6ad5a1;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 350px;
    height: 42px;
    font-size: 120%;
    color: #6ad5a1;
    cursor: pointer;
    box-sizing: content-box;
    float: right;
}

/* Kennwort vergessen */

.real_content label{
    display: inline-block;
    width: 200px;
    margin: 0 15px 15px 0;
    text-align: right;
}

.real_content input{
    border: 2px solid #6ad5a1;
    width: 300px;
    height: 40px;
    font-size: 120%;
    background-size: 25px;
    background-position: right;
    background-repeat: no-repeat; 
}

.real_content input.confirmed{
    background-image: url(/images/confirmed.png);
}
.real_content input.notconfirmed{
    background-image: url(/images/notconfirmed.png);
}

#btn_change_password{
    border: 2px solid #6ad5a1;
    background-color: #fff;
    width: 180px;
    margin-left: 220px;
    height: 40px;
    text-align: center;
    font-size: 100%;
    line-height: 200%;
    color: #6ad5a1;
    cursor: pointer;
    display: block;
}

#input_request_change_email, #input_code{
    border-top: 2px solid #6ad5a1;
    border-left: 2px solid #6ad5a1;
    border-bottom: 2px solid #6ad5a1;
    border-right: none;
    width: 300px;
    height: 40px;
    font-size: 120%;
    background-size: 25px;
    background-position: right;
    background-repeat: no-repeat; 
}

#btn_request_change_password, #btn_code_pruefen{
    background-color: #fff;
    border: 2px solid #6ad5a1;
    display: inline-block;
    margin-top: 10px;
    width: 220px;
    height: 42px;
    font-size: 120%;
    color: #6ad5a1;
    cursor: pointer;
    box-sizing: content-box;
}

#resetpassword-errors{
    color: #ff0000;
    margin: 20px 0 20px 0;
}

#resetpassword-errors span{
    display: none;
}








#footer{
    border-top: 2px solid #6ad5a1;
}

#footer ul{
    padding: 0;
    margin: 5px;
}

#footer ul li{
    display: table-cell;
    margin: 0;
    width: 400px;
}

#footer ul li a[href]:link, #footer ul li a[href]:visited, #footer ul li a[href]:hover{
    text-decoration: none;
    color: #262626;
}

#ae{
    float: right;
    margin-top: 60px;
    text-decoration: none;
    color: #868686;
    font-size: 70%;
}

#cookiemessage{
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
    display: none;
    border-top: 2px solid #6ad5a1;
}

#cookiemessage .content{
    box-sizing: border-box;
    margin: 0px auto;
    background-color: #fff;
    padding: 10px;
    text-align: center;
}

#cookiemessage p{
    display: inline;
    padding: 10px 15px;
    vertical-align: middle;
    width: 100%;
    color: #262626;
}

#cookiemessage button{
    padding: 5px 30px;
    font-weight: bold;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: white;
    background-color: #6ad5a1;
}

#cookiemessage a{
    text-decoration: none;
    color: #262626;
}

#cookiemessage a:hover{
    text-decoration: underline;
    color: #262626;
}

#cookieMoreInfoText{
    padding: 10px;
    color: #262626;
    text-align: justify;
}




@media only screen and (max-width:1240px){
    .wrapper{width: 950px}
    #nav ul li{ margin: 0 10px 0 10px; }
    #main #nav_groups a[href]:link, #main #nav_groups a[href]:visited{ font-size: 120%; line-height: 120%; }
    #content { width: 650px; margin-right: 0px;}
    #logo{padding: 20px 0 10px 0;}
    #logo_apotheke{width: 120px;}
    #logo_bunpharma{width: 60px; padding: 0 0 20px 20px;}
    #logo_basg{width: 60px; padding: 0 0 0 20px;}
    #nav ul li a[href]:link, #nav ul li a[href]:visited, #nav ul li a[href]:hover{font-size: 120%}
    #pic, #pic .item{height: 250px;}
    #pic .rotator_image {height: 250px;}
    #main ul li:first-child{width: 220px;}
}
    
@media only screen and (max-width:1000px){
    .wrapper{width: 750px}
    #nav ul li{ margin: 0 5px 0 5px; font-size: 80%; }
    .article_list .article .image { display: block;float: unset;height:unset;width: unset;}
    #main #nav_groups a[href]:link, #main #nav_groups a[href]:visited{ font-size: 110%; line-height: 110%; }
    #content { width: 450px; margin-right: 0px;}
    #logo{padding: 10px 0 50px 0;}
    #logo_apotheke{width: 180px;}
    #logo_bunpharma{width: 90px; padding: 0 0 35px 20px;}
    #logo_basg{width: 85px; padding: 0 0 0 20px;}
    #nav ul li a[href]:link, #nav ul li a[href]:visited, #nav ul li a[href]:hover{font-size: 110%}
    #pic, #pic .item{height: 200px;}
    #pic .rotator_image {height: 200px;}
    #main ul li:first-child{width: 150px;}
    #footer{font-size: 85%;}
}

@media only screen and (max-width:800px){
    .wrapper{width: 100%}
    #nav ul li{ font-size: 100%;}
    .article_list .article .image { border: none; float: unset;height:unset;width: unset;}
    #main #nav_groups a[href]:link, #main #nav_groups a[href]:visited{ padding: 10px; display: block; font-size: 120%; line-height: 120%;}
    #content { width: 100%; float: unset;}
    #content h1 { text-align: center;}
    #shop_left { width: 100% ; }
    #top {padding: 10px;}
    #logo{padding: 5px 0 0 0;}
    #logo_apotheke{width: 150px;}
    #logo_bunpharma{width: 75px; padding: 0 0 25px 20px;}
    #logo_basg{width: 75px; padding: 0 0 0 20px;}
    #nav ul li{display: block; margin: 15px;}
    #nav ul li:last-child{float: none;}
    #nav ul li a[href]:link, #nav ul li a[href]:visited, #nav ul li a[href]:hover{font-size: 100%}
    #pic {display: none;}
    #pic, #pic .item{height: 150px;}
    #main ul li{display: block; margin: 0px; padding: 0; width: unset;}
    #footer ul li{display: block; margin:20px; font-size: 100%;}
    #ae{padding: 0 20px 20px 0;}
    #inpage-shopping-cart.visible { width: 90%;}
    #backtotopbutton.visible { bottom: 30px; }
}