@charset "UTF-8";
/* CSS Document */

div#body_outer {
/*	min-width:852px;*/
	text-align:center;
}

div#body {
/*	width:852px;*/
	text-align:left;
	margin:0px auto;
	max-width:1200px;
}

div#body {
	background-image:url(../images/hr.png);
	background-repeat:repeat-x;
	background-position:center 174px;
}

div#main div#content {
	padding: 30px 0px 30px 0px;
	vertical-align:top;
/*	width:918px;*/
}

div#header_fixed {
/*	padding-top:27px;
	padding-right:27px;*/
}

div#header_fixed_content {
/*	background-color:#ffffff;*/
/*	padding-left:27px;*/
}

div#content > div.cols_2_cf,
div#content > div.cols_3,
div#content > div.contentitem {
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

div#content > div.contentitem > div.text
{
	text-align:left;

}

div.width {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div#header,
div#mainmenu {
	margin:0px auto;
}

div#header {
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	color:#000000;
	height:185px;
	width:852px;
	margin-bottom:15px;
}


div#logo a {
	display:inline-block;
	height: 135px;
	width:249px;
	/*background-image:url(../images/logo.svg);
	background-size:contain;
	background-repeat:no-repeat;
/*	background-position:right center;*/
	vertical-align:top;
}

div#logo a img {
	height: 300px;
	margin-top: -90px;
}

div#logo {
	position:absolute;
	bottom:18px;
	right:36px;
}


div#header div.menuText {
	display:none;
	position:absolute;
	cursor:pointer;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}

div#header div.slogan {
	position:absolute;
/*	left:130px;*/
	right:50px;
	line-height:22px;
	left:36px;
	right:auto;
	bottom:40px;
	height:116px;
}

div#header div.slogan table#slogan_table {
	color: #8A2D3B;
	line-height: 19px;
	margin-bottom: 10px;
}

div#header div.slogan table#slogan_table tbody tr td.caption {
	width: 250px;
}

div#header div.slogan table#slogan_table tbody tr td.time {
	text-align:right;
}

div#header div.slogan span#slogan_phone {
	color: #8A2D3B;
	font-size: 20px;
}

div#header div.slogan img {
	height:145px;
}

div#header div#oeffnungszeiten {
	position:absolute;
/*	left:130px;*/
	line-height:1;
	left:36px;
	bottom:15px;
	font-size:15.1px;
}

div#header div.logos {
	position:absolute;
	left:445px;
	bottom:15px;
}

div#footer div.logos a,
div#header div.logos a {
display:inline-block;
vertical-align:top;
	}

div#footer div.logos a.logo-7a,
div#header div.logos a.logo-7a {
	width:48px;
	height:55px;
	background-image:url(../files/images/header/7a.png);
	background-repeat:no-repeat;
	background-size:contain;
}

div#footer div.logos {
	display:none;
}

div#footer div.logos a:hover.logo-7a,
div#header div.logos a:hover.logo-7a
{
	background-image:url(../files/images/header/7a_active.png);
}

div#header div.slogan {
/*	background-image:url(../images/slogan.svg);
	background-size:auto;
	background-repeat:no-repeat;
	background-position: right bottom;*/
}

div#header div.slogan span {
	visibility: inline;
}

div.contentslider {
	margin-top: 15px;
}

div.contentslider div.swiper-container {
	width: 780px;
}

div#startlinks,
div#startslider {
	position:relative;
}

div#startlinks a.arrow-right,
div#startlinks a.arrow-left,
div#startslider a.arrow-right,
div#startslider a.arrow-left {
	display:inline-block;
	height:26px;
	width:26px;
	background-color: #d8d9d9;
	overflow:hidden;
	text-indent: -100px;
	position:absolute;
	top:50%;
	margin-top:-13px;
	z-index:1000;
	background-position:center;
	background-repeat:no-repeat;
}

div#startlinks a.arrow-right,
div#startlinks a.arrow-left
{
	margin-top:0px;
	top:70px;
}

div.sliderNav {
	padding:0px 0px 0px 0px;
}

div.pagination {
	max-height:12px;
	text-align:right;
	padding-top:10px;
}

div.pagination span.swiper-pagination-switch {
	display:inline-block;
	vertical-align:top;
	width:12px;
	height:12px;
	background-color:#99999c;
	margin-left:5px;
	margin-top:0px;
}

div.pagination span.swiper-pagination-switch.swiper-active-switch {
	background-color: #881f36;
}

#content img {
    max-width:100%;
/*	height:auto; */
}

img.floatright {
	float:right;
}

img.marginleft {
	margin-left:10px;
}

img.floatleft {
	float:left;
}

div.pagination span.swiper-pagination-switch:first-child {
	margin-left:0px;
}

/*div.pagination span.swiper-pagination-switch.swiper-active-switch {*/
div.pagination span.swiper-pagination-switch {
background-image:url(../images/pagination_bg.png);
background-repeat:repeat-y;
background-size:0% 100%;
}

div#startlinks a.arrow-right,
div#startslider a.arrow-right {
	right:-46px;
	background-image:url(../images/slider-arrow-right.png);
}

div#startlinks a.arrow-left,
div#startslider a.arrow-left {
	left:-46px;
	background-image:url(../images/slider-arrow-left.png);
}

/*div#startslider div.swiper-container {
	height: 400px;
}*/



div#footer {
	color: #ffffff;
	position:relative;
	line-height:1.3;
/*	padding-right:27px;
	padding-bottom:27px;*/
}

div#footer_outer {
	background-color: #881f36;
/*	padding-left:27px;*/
}

div#footertext {
	padding:15px 0px 15px 0px;
/*	line-height:1;*/
	text-align:center;
}

div#footertext img {
	vertical-align:baseline;
}

div#footer a {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}

div#footer a.normal {
	font-weight:normal;
}

div#mainmenu_outer {
/*	background-color:#ffffff;*/
}

div#mainmenu {
	padding:0px 36px;
	width:780px;
/*	background-color:#ffffff;*/
}

div#mainmenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

div#mainmenu li {
	margin:0px;
	padding:0px;
	background-position:0px 0px;
	background-image:none;
	font-size:15px;
}

div#mainmenu > ul > li {
	display:inline-block;
	vertical-align:top;
	line-height:36px;
	height:40px;
	font-size:15px;
	position:relative;
	background-repeat:repeat-x;
	margin:0px;
	text-align:center;
/*	padding:0px 10px;*/
}

div#mainmenu > ul > li:first-child {
	display:none;
}

div#mainmenu > ul > li:not(:nth-child(2)):not(:first-child)::before {
	content:"·";
	height:36px;
	line-height:36px;
	width:6px;
	top:0px;
	left:0px;
	margin:0px 0px 0px -3px;
	text-align:center;
	position:absolute;
}

div#mainmenu > ul > li:first-child {
	margin-left:0px;
}

div#mainmenu > ul > li > a,
div#mainmenu > ul > li > span,
div#mainmenu > ul > li > span > a {
	color:#201f1e;
	text-decoration:none;
	display:block;
	font-weight:400;
}

div#mainmenu > ul > li > span,
div#mainmenu > ul > li > span > a {

color: #881f36;
font-weight:600;

}

div#mainmenu.fontcalc > ul > li > a,
div#mainmenu.fontcalc > ul > li > span,
div#mainmenu.fontcalc > ul > li > span > a,
div#mainmenu a:hover {
	font-weight:600;
}

div#mainmenu a:hover {
	color: #881f36;
}

div#mainmenu > ul > li > span > a {
/*	font-weight:bold;*/
}

div#mainmenu > ul > li > ul {
	position:absolute;
	display:none;
	line-height:1.3;
	left:0px;
	top:40px;
	z-index:2000;
	background-color:#ffffff;
	border:1px solid #C0C0C0;
	padding:5px 0px;
	text-align:left;
}

div#mainmenu > ul > li.visible > ul {
	display:block;
}

div#mainmenu > ul > li:last-child > ul {
	left:auto;
	right:0px;
}


div#mainmenu > ul > li > ul > li
{
	line-height:30px;
	white-space:nowrap;
	padding:0px 15px 0px 15px;
	position:relative;
}

div#mainmenu > ul > li > ul > li > span,
div#mainmenu > ul > li > ul > li > span > a,
div#mainmenu > ul > li > ul > li > a {
	padding:0px 0px 0px 0px;
	display:block;
	color:#201f1e;
	font-weight:normal;
}

div#mainmenu > ul > li > ul > li > a:hover,
div#mainmenu > ul > li > ul > li > span,
div#mainmenu > ul > li > ul > li > span > a {
	color: #881f36;
	font-weight:600;
}

div#mainmenu > ul > li > ul > li > span {
	padding-left:0px;
	background-image:none;
}

div#mainmenu > ul > li > ul > li > ul {
	position:absolute;
	display:none;
	line-height:1.3;
	margin-left:-50px;
	margin-top:5px;
	left:100%;
	top:0%;
	z-index:2000;
	background-color:#ffffff;
	border:1px solid #000000;
	padding:8px 0px;
}

div#mainmenu > ul > li > ul > li.visible > ul {
	display:block;
}

div#mainmenu > ul > li > ul > li > ul > li
{
	line-height:30px;
	white-space:nowrap;
	padding:0px 15px 0px 15px;
	position:relative;
}

div#mainmenu > ul > li > ul > li  > ul > li > span,
div#mainmenu > ul > li > ul > li  > ul > li > span > a,
div#mainmenu > ul > li > ul > li  > ul > li > a {
	padding:0px 0px 0px 0px;
	display:block;
	color:#201f1e;
	font-weight:normal;
}

div#mainmenu > ul > li > ul > li  > ul > li > a:hover,
div#mainmenu > ul > li > ul > li  > ul > li > span > a {
	color: #881f36;
}

div#mainmenu > div#mobilemenu {
	display:none;
}


.swiper-slide {
	position:relative;
}

div#startslider .swiper-slide {
	width:780px;
	height:400px;
}

div#startlinks .swiper-slide > div {
	width:189px;
}

div#startlinks .swiper-container {
	margin-left:-8px;
}

div#startlinks .swiper-slide img {
	margin-top:5px;
	width:189px;
	height:127px;
}

div#startlinks .swiper-slide div.imgreplacement {
	height:125px;
	margin-top:5px;
	width:187px;
}


div#startslider .swiper-slide p {
	margin:0px;
}

div#startslider .swiper-slide h2 {
    font-weight: normal;
    position: absolute;
    text-align: right;
    right: 0px;
    bottom: 30px;
    margin: 0px;
    padding: 5px 10px 5px 20px;
    background-color: #881f36;
    color: #ffffff;
	font-size:19px;
}

div#startslider .swiper-slide h2 strong {
	color:#ffffff;
}

div#startlinks .swiper-slide h2 {
	font-size:14px;
	font-weight:600;
}


img.fullsize {
	display:block;
}

.swiper-slide img.fullsize {
	width: 998px;
	height:320px;
}

div#content div.contentitem div.text  img.fullsize {
	width:918px;
}

div#content div.cols_3 div.colitem img.fullsize {
	width:296px;
}

div#content div.cols_3 div.colitem {
	margin-top:15px;
}

div#content div.cols_3 div.colitem:nth-child(1),
div#content div.cols_3 div.colitem:nth-child(2),
div#content div.cols_3 div.colitem:nth-child(3) {
	margin-top:0px;
}

.colitem {
	text-align:left;
}

a.pdf {
	display:inline-block;
	padding-left:18px;
	background-image:url(../images/pdf_icon_small.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}


div.contactform form {margin-top:30px;}
div.contactform p.addressnumber {display:none;}
div.contactform form span {display:inline-block; width:120px;}
div.contactform form span.radiotext {width:50px;}
div.contactform form input[type=text],
div.contactform form textarea {width:243px;}
div.contactform form textarea.full {width:363px;}
div.contactform form textarea {height:130px;}
div.contactform form select {width:253px;}
div.contactform form input[type=submit],
div.contactform form input[type=radio] {width:auto; border:none;}
div.contactform form p {white-space:nowrap; margin-top:6px;}
div.contactform form p:first-child {margin-top:0px;}
div.contactform form p.error select,
div.contactform form p.error input[type=text],
div.contactform form p.error textarea {background-color:#881f36; background-image:none; color:#ffffff;}

div.contactform div.left {float:left;}
div.contactform div.right { margin-left:405px; text-align:left; }
div.contactform div.right p { text-align:left;}
div.contactform div.right p * { text-align:left;}

div.contactform div.button {
    margin-bottom: 17px;
    margin-top: -11px;
    text-align: right;
}

.margintop {
	margin-top:15px !important;
}


.highslide:hover img,
.highslide img {
	border:none;
}

.submenuAndPageWidth {
	max-width:359px;
}

div#zitat {
	position:relative;
	margin-bottom:30px;
}

.color_left,
.color_right {
	position:absolute;
	top:0px;
	bottom:0px;
	z-index:100;
}

.color_left {
	left:0px;
	right:50%;
	background-color: #881f36;

}
.color_right {
	right:0px;
	left:50%;
}

div#zitat_content {
	background-color: #881f36;
	color:#ffffff;
	position:relative;
	z-index:200;
	padding-top:15px;
	padding-bottom:15px;
	line-height:1;
	text-align:right;
}

div#zitat_content div {
	font-weight:600;
	text-align:left;
	display:inline-block;
	font-size:23px;
	margin-right:100px;
}

div#zitat_content div span {
	display:block;
	font-size:10px;
}

div.themecontent {
	width:780px;
	display:inline-block;
	margin-top:15px;
}

div.themecontent > div {
	float:left;
	width:390px;
}

div.themecontent ul {
	width:195px;
	float:left;
	vertical-align:top;
	margin-top:0px;
}

.highlight {
	color:#881f36;
}

div.apothekeTeam > div > p {
	margin-top:-20px;
}

div.apothekeTeam > div > p > span {
	display:inline-block;
	width:180px;
	margin-left:20px;
	margin-top:20px;
	vertical-align:top;
}

div.apothekeTeam > div > p > span:nth-child(4n+1) {
	margin-left:0px;
}

div.apothekeTeam > div > p > span span {
	display:block;
}

div.widgets > div {
	margin-top:-20px;
}

div.widgets  > div {
	display:inline-block;
	width:180px;
	margin-left:20px;
	margin-top:20px;
	vertical-align:top;
	text-align:center;
}

div.widgets  > div > div
{
	text-align:left;
	margin:0px auto;
}

div.widgets  > div:nth-child(4n+1) {
	margin-left:0px;
}

#sitebar {position:fixed; right:0px; overflow:hidden; width:37px; top:140px; z-index:2500; display:none;}
#sitebar a {display:inline-block; width:37px; text-decoration:none; position:relative; right:-3px;
text-indent:-300px; background-size:contain; background-position:right top; margin-top:12px;}
#sitebar a:first-child {margin-top:0px;}
#sitebar a:hover {right:0px;}
#sitebar a.newsletter { background-image:url(../files/images/sitebar/newsletter.png); height:139px;}
#sitebar a:hover.newsletter { background-image:url(../files/images/sitebar/newsletter_active.png);}
#sitebar a.facebook { background-image:url(../files/images/sitebar/facebook.png); height:34px;}
#sitebar a:hover.facebook { background-image:url(../files/images/sitebar/facebook_active.png);}

div.orderform form {
	background-image:url(../images/rezept.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center top;
	min-height:567px;
	position:relative;
	margin-top:60px;
    display: block;
}

div.orderform form span {
	display:none;
}

div.orderform form p {
	margin:0px;
}

div.orderform form textarea,
div.orderform form input[type=text] {
	background-image:none;
	background-color:transparent;
}

div.orderform form > div {
position:absolute;
}

div.orderform form  div.orderdata1 {
	left:17px;
	top:37px;
}

div.orderform form  div.orderdata1 p {
	margin-top:19px;
}

div.orderform form  div.orderdata1 p:nth-child(3),
div.orderform form  div.orderdata1 p:nth-child(5) {
	margin-top:20px;
}

div.orderform form  div.orderdata1 p:first-child {
	margin-top:0px;
}

div.orderform form  div.orderdata2 {
	left:59px;
	top:44px;
}


div.orderform form p.orderplz,
div.orderform form p.orderort,
div.orderform form p.orderkassennr,
div.orderform form p.orderversichertennr,
div.orderform form p.orderstatus,
div.orderform form p.orderarztnr,
div.orderform form p.ordervkdatum,
div.orderform form p.orderdatum {
	display:inline-block;
}

div.orderform form p.orderkrankenkasse input {
	width:393px;
}


div.orderform form  div.orderdata2>div:nth-child(2) {
	margin-top: 24px;
}

div.orderform form p.orderplz input {
	width:50px;
}

div.orderform form p.orderort input {
	width:181px;
}

div.orderform form  div.orderdata2>div:nth-child(3) {
	margin-top:18px;
}

div.orderform form  p.orderkassennr input {
	width:116px;
}

div.orderform form  p.orderversichertennr input {
	margin-left:4px;
	width:150px;
}

div.orderform form  p.orderstatus input {
	margin-left:4px;
	width:95px;
}



div.orderform form  div.orderdata2>div:nth-child(4) {
	margin-top:21px;
}

div.orderform form  p.orderarztnr  input {
	width:126px;
}

div.orderform form  p.ordervkdatum input {
	margin-left:4px;
	width:74px;
}

div.orderform form  p.orderdatum input {
	margin-left:4px;
	width:161px;
}


div.orderform form  div.ordermed {
	left:17px;
	top:295px;
}

div.orderform form  div.ordermed > div {
	margin-top:10px;
}

div.orderform form  div.ordermed > div:first-child {
	margin-top:0px;
}


div.orderform form  div.ordermed p {
display:inline-block;
vertical-align:top;
}

div.orderform form  div.ordermed textarea {
	height:33px;
	width:300px;
}

div.orderform form  div.ordermed > div p:first-child {
	width:42px;
	margin-top:20px;
}

div.orderform form  div.ordergebdatum {
	top:125px;
	left:340px;
}

div.orderform form  p.ordergeburtstag input {
width:100px;
}


div.orderform form  div.ordercontactdata {
	background-color:#ffffff;
	border:1px solid #000000;
	padding:8px;
	top:-49px;
	left:0px;
}

div.orderform form  div.ordercontactdata p {
	display:inline-block;
	margin-left:8px;
}

div.orderform form  div.ordercontactdata p:first-child {
	margin-left:0px;
}

div.orderform form  div.ordercontactdata p input {
	background-image:url(../images/selectbox_bg.png);
	border:1px solid #a2a1a4;
}

div.orderform form  div.button {
	background-color:#ffffff;
	padding:0px;
	bottom:0px;
	right:0px;
}
.ordertransport {
	padding: 0;
    margin-bottom: 0;
    display: block;
    width: 100%;
    line-height: 1.5;
    margin-top: 5px;
}
.ordertransport input{
    display: block;
    float: left;
}
.ordertransporttext{
    margin-left: 20px;
    display: block;
}
div.formtransport{
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.formstern{
    margin: 0;
    display: block;
    line-height: 1.5;
    margin-top: -18px;
}
div.image {
	float: left;
	margin-right: 62px;
	margin-top: 10px;
	text-align: center;
	width: 45%;
}
div.image.last {
	/*clear: right;
	float: none;*/
	margin-right: 0;
	margin-top: 10px;
}
table#opening tbody tr td {
	width: 185px;
	text-align: left;
}

@media (max-width: 992px) {
.formstern{
    margin-top: 10px;
}
}

@media (max-width: 758px) {
.ordertransport{
    margin-top: 5px;
    margin-bottom: 5px;
}
}

/**/
div.preorderlist > div span {
	display:none;
}

div.preorderlist > div p {
	display:inline-block;
}

div.preorderlist > div p,
div.preorderlist > span { margin-left:5px;}

div.preorderlist > span { font-weight:600;}

div.preorderlist > div h4+p,
div.preorderlist > span:first-child { margin-left:0px;}

div.preorderlist > div h4 {
	display:none;
}

div.preorderlist > div p.staerke input {width:300px;}
div.preorderlist > span.staerke {width:312px;}
div.preorderlist > div p.groesse input {width:170px;}
div.preorderlist > span.groesse {width:182px;}
div.preorderlist > div p.menge input {width:50px;}
div.preorderlist > span.menge {width:62px;}
div.preorderlist > div p.bezahlart select {width:140px;}
div.preorderlist > span.bezahlart {width:142px;}
div.preorderlist > div p.autidem {width:60px;}
div.preorderlist > span.autidem {width:60px;}

div#map-karte {height: 300px;width: 100%;}
#map-karte img { max-width: inherit;}




div.cols_2_karte div.colitem {
	vertical-align:top;
	display:inline-block;
	width:30%;
	margin-left:30px;
}
div.cols_2_karte div.colitem:nth-child(2n+1) {
	width:65%;
	margin-left:0px;
}
.buttonkr{
    font-family: "Noto Sans",sans-serif;
	font-size:14px;
    font-weight: bold;
    color: #881f36;
}
.buttonk{
    font-family: "Noto Sans",sans-serif;
	font-size:14px;
}
.cols_2_karte p{
    margin-top: 0;
}
.cols_2_karte h3:nth-child(2n+1){
    margin-top: 40px;
}

@media (max-width: 992px) {
div.cols_2_karte div.colitem {
	width:100%;
	margin-left:0;
}
div.cols_2_karte div.colitem:nth-child(2n+1) {
	width:100%;
	margin-left:0px;
}
.buttonkr{
	font-size:12px;
}
.buttonk{
	font-size:12px;
}
.cols_2_karte h3:nth-child(2n+1){
    margin-top: 20px;
}
}

/** Cookie-Banner Begin **/
div#cookie_notice {
	position:fixed;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.75);
	display:none;
	width:100%;
	min-height:40px;
	color:rgba(255, 255, 255, 1.0);
	padding-left:20px;
	line-height:25px;
	z-index:3000;
}

div#cookie_notice p#content {
	background-image:none;
	color:rgba(255, 255, 255, 1.0);
	margin-bottom: 15px;
	margin-top: 20px;
	padding-bottom: 0;
	padding-right:20px;
	text-align: left;
}

div#cookie_notice a#more_information,
div#cookie_notice a#notice_btn {
	display:inline-block;
}

div#cookie_notice a#more_information {
	color:rgba(136, 31, 54, 1.0);
	text-decoration:none;
	margin-left:5px;
}

div#cookie_notice a#notice_btn {
	background-color:rgba(136, 31, 54, 1.0);
	color: rgba(255, 255, 255, 1.0);
	float:right;
	width:135px;
	height:30px;
	border-radius:5px;
	text-align:center;
	text-decoration: none;
	line-height:30px;
	margin-top:-3px;
	margin-left:15px;
	margin-right:25px;
}

div#cookie_notice a#more_information:hover,
div#cookie_notice  a#more_information:focus {
	color:rgba(255, 255, 255, 1.0);
	cursor:pointer;
}

div#cookie_notice a#notice_btn:hover,
div#cookie_notice a#notice_btn:focus {
	background-color:rgba(255, 255, 255, 1.0);
	color:rgba(136, 31, 54, 1.0);
	cursor:pointer;
}


@media screen and(min-width:760px) and (max-width:1000px) {
	div#cookie_notice a#notice_btn,
	div #cookie_notice a#more_information {
		margin-right: 0;
	}
}

@media screen and (min-width:0px) and (max-width:380px) {
	div#cookie_notice a#notice_btn {
		margin-top: 5px;
	}

	@media screen and (min-width: 0px) and (max-width: 368px) {
		div#cookie_notice a#notice_btn {
			margin-bottom: 10px;
		}
	}
}

/** Cookie-Banner End **/
.responsive_bar {
	display:none;
}