:root {
  --apocolor: rgb(103,155,47);
  --apocoloropak: rgba(103,155,47,0.3);
  --apocoloropak1: rgba(103,155,47,0.1);
  --apoaccentcolor: rgb(210,0,0);
  --fontcolor: rgb(40, 55, 71);
}

/* ----------------------------- Fonts etc. ---------------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 6, 2014 */
@font-face {
    font-family: 'focolight';
    src: url('../Fonts/foco_std_lt-webfont.eot');
    src: url('../Fonts/foco_std_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_lt-webfont.woff') format('woff'),
         url('../Fonts/foco_std_lt-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_lt-webfont.svg#focolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'focoregular';
    src: url('../Fonts/foco_std_rg-webfont.eot');
    src: url('../Fonts/foco_std_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_rg-webfont.woff') format('woff'),
         url('../Fonts/foco_std_rg-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_rg-webfont.svg#focoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'focoblack';
    src: url('../Fonts/foco_std_blk-webfont.eot');
    src: url('../Fonts/foco_std_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_blk-webfont.woff') format('woff'),
         url('../Fonts/foco_std_blk-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_blk-webfont.svg#focoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'focobold';
    src: url('../Fonts/foco_std_bd-webfont.eot');
    src: url('../Fonts/foco_std_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/foco_std_bd-webfont.woff') format('woff'),
         url('../Fonts/foco_std_bd-webfont.ttf') format('truetype'),
         url('../Fonts/foco_std_bd-webfont.svg#focobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font: 22px "focolight", Helvetica, Arial, sans-serif;
	font-style:normal;
	-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
}

h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
	color:rgb(0,0,0);
	font-weight:normal;
	font-family:'focobold', Helvetca, Arial, sans-serif;
}
h1 {
	font-size:34px;
	color:var(apocolor);
}
h2, h2 a {
	font-size: 23px;
}
h3 {
	font-size: 16px 
}
h4, h4 a {
	font-size: 15px 
}
strong {
	font-weight:normal;
	font-family:'focobold', Helvetca, Arial, sans-serif;
}

a {
	color:var(--apocolor);
	text-decoration:none;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:rgb(222,13,43);
	text-decoration:none;
}
p {
    margin:0;
    padding:0;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Space before an after Elments */
.frame-space-before-40 {
	margin-top:40px;
}
.frame-space-after-40 {
	margin-bottom:40px;
}
.frame-space-before-80 {
	margin-top:80px;
}
.frame-space-after-80 {
	margin-bottom:80px;
}
.frame-space-before-120 {
	margin-top:120px;
}
.frame-space-after-120 {
	margin-bottom:120px;
}
.frame-space-before-160 {
	margin-top:160px;
}
.frame-space-after-160 {
	margin-bottom:160px;
}
.frame-space-before-200 {
	margin-top:200px;
}
.frame-space-after-200 {
	margin-bottom:200px;
}

@media only screen and (max-width: 999.9px) {
	.frame-space-before-40 {
	margin-top:30px;
	}
	.frame-space-after-40{
		margin-bottom:30px;
	}
	.frame-space-before-80 {
		margin-top:60px;
	}
	.frame-space-after-80  {
		margin-bottom:60px;
	}
	.frame-space-before-120 {
		margin-top:90px;
	}
	.frame-space-after-120  {
		margin-bottom:90px;
	}
	.frame-space-before-160 {
		margin-top:120px;
	}
	.frame-space-after-160 {
		margin-bottom:120px;
	}
	.frame-space-before-200 {
		margin-top:160px;
	}
	.frame-space-after-200 {
		margin-bottom:160px;
	}
}
@media only screen and (max-width: 767.9px) {
	.frame-space-before-40 {
	margin-top:20px;
	}
	.frame-space-after-40 {
		margin-bottom:20px;
	}
	.frame-space-before-80 {
		margin-top:40px;
	}
	.frame-space-after-80  {
		margin-bottom:40px;
	}
	.frame-space-before-120 {
		margin-top:60px;
	}
	.frame-space-after-120 {
		margin-bottom:60px;
	}
	.frame-space-before-160 {
		margin-top:80px;
	}
	.frame-space-after-160 {
		margin-bottom:80px;
	}
	.frame-space-before-200 {
		margin-top:100px;
	}
	.frame-space-after-200 {
		margin-bottom:100px;
	}
}


#navigationMobile .mobileLogo {
	background: var(--apocolor) url("../Icons/ahorn_apotheke_logo_weiss.svg") no-repeat scroll 20px 8px;
	background-size: 90px auto;
	width:100%;
	height:60px;
}

/* Offers */
.tx-ahornoffers::before {
	background-color: var(--apocoloropak1);
}
.tx-ahornoffers .offer-link{
	border: 1px solid var(--apocolor);
	color:var(--apocolor);
}

/* Schffsversorgung: Maritime Pharma Service */

.uid-210 .hjuslide-wrapper .hjuslider-text {
	background-color:rgb(0,97,146);
	align-items:center;
	marging-top:40px;
	hyphens:auto;
}

.uid-210 #Maritime_Pharma_Service {

	width:300px;
	height:auto;
	margin:17px 0;
	
}

@media only screen and (max-width: 1800px) {
	.uid-210 #Maritime_Pharma_Service {
		right:calc(15vw - 130px);
		width:260px;
	}
}
@media only screen and (max-width: 1600px) {
	.uid-210 #Maritime_Pharma_Service {
		right:calc(15vw - 110px);
		width:220px;
		bottom:30px;
	}
	.uid-210 .hjuslider-images figure {
		height:100%;
	}
	.uid-210 .hjuslider-images figure img {
		object-fit: cover;
		width:100%;
		height:100%;
	}
}
@media only screen and (max-width: 1380px) {
	.uid-210 .hjuslider-text h3 {
	  font-size: 40px;
	  line-height: 58px;
	}
	.uid-210 #Maritime_Pharma_Service {
		width:200px;
}
@media only screen and (max-width: 1160px) {
	.uid-210 .hjuslider-text h3 {
	  font-size: 40px;
	  line-height: 58px;
	}
	.uid-210 #Maritime_Pharma_Service {
		width:160px;
	}
}
@media only screen and (max-width: 1072px) {
	.uid-210 .hjuslider-text h3 {
	  font-size: 40px;
	  line-height: 58px;
	}
	.uid-210 #Maritime_Pharma_Service {
		position:absolute;
		right:20px;
		width:160px;
		bottom:20px;
		margin:0;
	}
}
@media only screen and (max-width: 960px) {
	.uid-210 .hjuslider-text h3 {
	  font-size: 30px;
	  line-height: 44px;
	}
	.uid-210 #Maritime_Pharma_Service {
		right:20px;
		width:120px;
		bottom:20px;
	}
}

@media only screen and (max-width: 900px) {
  	.uid-210 .hjuslider-text h3 {
	  width: 100%;
	  padding:20px 0;
	}
	.uid-210 .hjuslide-wrapper .hjuslider-text {
		padding:10px 30px;
	}
  	.uid-210 .hjuslider-images figure {
    	overflow: visible;
  	}
  	.uid-210 #Maritime_Pharma_Service {
		right:20px;
		width:120px;
		bottom:25px;
	}
}
@media only screen and (max-width: 750px) {
	.uid-210 .hjuslider-text div {
		width:100%;
	}
	.uid-210 .hjuslider-text h3 {
	  width: calc(100% - 150px);
	  padding:0;
	}
}
@media only screen and (max-width: 510px) {

	.uid-210 .hjuslider-text h3 {
	  width: calc(100% - 110px);

	}
}
@media only screen and (max-width: 490px) {
  	.uid-210 .hjuslider-text h3 {
	  width: calc(100% - 120px);
	  	font-size: 24px;
	  	line-height: 32px;
	}
	.uid-210 .hjuslide-wrapper .hjuslider-text {
		padding:10px 30px;
	}
  	.uid-210 .hjuslider-images figure {
    	overflow: visible;
  	}
  	.uid-210 #Maritime_Pharma_Service {
		width:100px;

	}
}
@media only screen and (max-width: 430px) {
	.uid-210 .hjuslide {
		overflow:visible;
	}
	.uid-210 .hjuslide-wrapper .hjuslider-text {
		padding:10px 20px;
	}
  	.uid-210 .hjuslider-text h3 {
	  width:100%;
	  	font-size: 24px;
	  	line-height: 32px;
	}
  	.uid-210 #Maritime_Pharma_Service {
		position:absolute;
		left:20px;
		width:140px;
		bottom:-150px;
		z-index:999;
	}
	.uid-210 #Maritime_Pharma_Service .mps0 {
		fill:rgb(0,97,146) !important;
	}
}