/*
 Theme Name:     Divi Child
 Theme URI:      https://www.pixelnet-media.com
 Description:    Divi Child Theme
 Author:         pixelnet-media
 Author URI:     https://www.pixelnet-media.com
 Template:       Divi
 Version:        3.1.7
*/

/* fixed nav */
html { margin-top: 0 !important; }
* html body { margin-top: 0 !important; }
:root{
  --header-h: 120px;
  --wpadminbar-h: 0px;
}
@media (max-width: 980px){ :root{ --header-h: 110px; } }
@media (max-width: 767px){ :root{ --header-h: 90px; } }
	body.admin-bar{ --wpadminbar-h: 32px; }
@media (max-width: 782px){
	body.admin-bar{ --wpadminbar-h: 46px; }
}
.headersection{
	position: fixed !important;
	top: var(--wpadminbar-h);
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999;
 	background: #fff;
}
#et-main-area::before{
  	content: "";
  	display: block;
  	height: calc(var(--header-h) + var(--wpadminbar-h));
}
	body.et-fb #et-main-area::before{
    height: 0 !important;
}
/* 3 boxes home */
.overlap-boxes{
    position: relative;
    z-index: 50;
    margin-top: -220px;
}
.after-overlap{
    padding-top: 240px;
}
@media (max-width: 980px){
  .overlap-boxes{
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
  .overlap-first{
    margin-top: -120px !important;
  }
  .after-overlap{
    padding-top: 30px !important;
  }
}
@media (max-width: 767px){
  .overlap-boxes{
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
  .overlap-first{
    margin-top: -120px !important;
  }
  .after-overlap{
    padding-top: 20px !important;
  }
}
@media (max-width: 980px){
  .overlap-boxes:last-child{ margin-bottom: 0 !important; }
}
.my-image img {
    min-height: 400px;
    max-height: 570px;
    object-fit: cover;
}
@media all and (max-width: 980px) {
	.my-image img {
		min-height: 300px;
		max-height: 570px;
	}
}
@media (max-width: 1280px) {
   #et_mobile_nav_menu {
      display: block !important;
   } 
   #top-menu {
      display: none;
   }
}
@media (max-width: 1280px) {
    .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }
    .et_mobile_menu {
        list-style-type:none !important;
        top:100%;
		text-align: left;
    }
	.et-l--header ul {padding: 5%;}
}	
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding: 65px 0 0 0;
}
.spacer15 {
    margin-top: 15px;
}
.spacer20 {
    margin-top: 20px;
}
.spacer30 {
    margin-top: 30px;
}
.spacer50 {
    margin-top: 70px;
}
a {
	transition: color 300ms ease 0ms;   
}
a:hover {
	color: #008B71 !important;
	transition: color 300ms ease 0ms;
}
.bold {
	font-family:'lato 900',Helvetica,Arial,Lucida,sans-serif;
}
h1 {
    padding-bottom: 25px;
}
.angebotslink {
	vertical-align: middle;
	margin-left: 8px;
}
.angebotslink img {
    transition: 0.3s;
}
img angebotslink:hover {
    margin-left: 18px;
    transition: 0.3s;
}
.homebox a {
	color: #008b71 !important;
	transition: color 300ms ease 0ms;
}
.homebox a:hover {
	color: #fff !important;
	transition: color 300ms ease 0ms;
}
.apobox a {
	color: #008b71 !important;
	transition: color 300ms ease 0ms;
}
.apobox a:hover {
	color: #a4ce39 !important;
	transition: color 300ms ease 0ms;
}
@media all and (max-width: 1280px) {
	.apologo {
		display: none;
	}
}
table {
  border-collapse: collapse;
  border: 0px !important;
  margin: 0px !important;
}
td {
  padding: 4px 24px 4px 0; /* gleichmäßiger Abstand */
  text-align: left;
}
tr td {
  border-top: 0px !important;
  padding: 0px !important;
}
.tdfirst {
    width: 60px;
}
img.opentime {
    position: absolute !important;
    top: -105px;
}
@media all and (max-width: 767px) {
    img.opentime {
        position: absolute !important;
        top: -65px;
        width: 40px;
        height: 40px;
    }
}
.step {
    width: 65px;
    height: 65px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;   /* Kreis */
    background: #ffffff;     /* weißer Kreis */
    box-sizing: border-box;
}
@media all and (max-width: 767px) {
    .step {
        width: 55px;
        height: 55px;
    }
}
.per {color: #A4CE39 !important;}
.per2 {font-family: 'lato regular',Helvetica,Arial,Lucida,sans-serif;}
/* accordion sortiment */
.th_accordion .et_pb_toggle{
	border: 0;
	background: #f5faf8;
	border-radius: 20px;
	overflow: hidden;
	padding: 0;
	transition: 0.3s;
	margin-bottom: 22px !important;
}
.th_accordion .et_pb_toggle:last-child{
	margin-bottom: 0 !important;
}
.th_accordion h2.et_pb_toggle_title{
	position: relative;
	padding: 25px 75px 25px 25px !important;
	background-color: #ecf6f3;
	transition: 0.3s;
	z-index: 2;
	border-radius: 20px;
}
.th_accordion h2.et_pb_toggle_title:hover,
.th_accordion h2.et_pb_toggle_title:focus{
	color: #333435 !important;
}
.th_accordion .et_pb_toggle_title:before{
	content: "" !important;
	position: absolute !important;
	right: 25px !important;
	left: auto !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	width: 35px !important;
	height: 35px !important;
	z-index: 3 !important;
	display: block !important;
	opacity: 1 !important;
	pointer-events: none !important;
	font-size: 0 !important;
	line-height: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	background-color: transparent !important;
	transition: 0.3s;
}
.th_accordion .et_pb_toggle:not(.et_pb_toggle_open) .et_pb_toggle_title:before{
	background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/link.webp") !important;
}
.th_accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{
	background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/open.webp") !important;
}
.th_accordion .et_pb_toggle_content{
	padding: 30px;
	padding-top: 35px;
	background: transparent;
	margin-top: 0 !important;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.th_accordion ul{
	padding-left: 40px;
	padding-bottom: 10px;
}
.th_accordion ul li{ line-height: 1.5em; }
.th_accordion ul li span{ color: #333435; }

@media (max-width: 767px){
	.th_accordion h2.et_pb_toggle_title{
		padding: 25px 65px 25px 25px !important;
	}
	.th_accordion .et_pb_toggle_title:before{
		width: 35px !important;
		height: 35px !important;
		right: 15px !important;
    }
	.th_accordion ul{ padding-left: inherit; }
}































/* =========================
   accordion service (DESKTOP)
   ========================= */
.th_accordion2{
  --svc-col: 75px;
  --svc-gap: 30px;
  --svc-logo-box: 70px;
  --svc-logo-pad: 0px;
  position: relative;
}

/* 3-Spalten-Layout pro Toggle */
.th_accordion2 .et_pb_toggle{
  position: relative;
  display: grid;
  grid-template-columns: 1fr var(--svc-col) var(--svc-col);
  grid-template-rows: auto auto;
  column-gap: var(--svc-gap);
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 22px !important;
  overflow: visible;
}
.th_accordion2 .et_pb_toggle:last-child{ margin-bottom: 0 !important; }

/* Title */
.th_accordion2 h2.et_pb_toggle_title{
  grid-column: 1;
  grid-row: 1;
  position: relative;
  padding: 25px 75px 25px 25px !important;
  background-color: #ecf6f3;
  border-radius: 20px;
  transition: 0.3s;
  z-index: 2;
}

/* Open/Close Icon im Titel */
.th_accordion2 .et_pb_toggle_title:before{
  content: "" !important;
  position: absolute !important;
  right: 25px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;

  width: 35px !important;
  height: 35px !important;
  z-index: 3 !important;

  display: block !important;
  opacity: 1 !important;
  pointer-events: none !important;
  font-size: 0 !important;
  line-height: 0 !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: transparent !important;
  transition: 0.3s;
}
.th_accordion2 .et_pb_toggle:not(.et_pb_toggle_open) .et_pb_toggle_title:before{
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/link.webp") !important;
}
.th_accordion2 .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title:before{
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/open.webp") !important;
}

/* Content */
.th_accordion2 .et_pb_toggle_content{
  grid-column: 1;
  grid-row: 2;
  padding: 30px;
  padding-top: 35px;
  background: #f5faf8;
  margin-top: 0 !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Status-Badges */
.th_accordion2 .et_pb_toggle::before,
.th_accordion2 .et_pb_toggle::after{
  content: "";
  grid-row: 1;
  align-self: stretch;
  justify-self: stretch;

  border-radius: 20px;
  background-color: #f5faf8;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
}

/* Apo 1 */
.th_accordion2 .et_pb_toggle::before{
  grid-column: 2;
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/ok.webp");
}

/* Apo 2 */
.th_accordion2 .et_pb_toggle::after{
  grid-column: 3;
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/ok.webp");
}

/* nicht verfügbar */
.th_accordion2 .et_pb_toggle.no_a1::before{
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/x.webp") !important;
}
.th_accordion2 .et_pb_toggle.no_a2::after{
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/x.webp") !important;
}

/* =========================
   Header-Logos: exakt zentriert über Spalte 2 und 3
   ========================= */
.th_accordion2::before,
.th_accordion2::after{
  content: "";
  position: absolute;
  top: calc(-1 * (var(--svc-logo-box) + 20px));
  width: var(--svc-logo-box);
  height: var(--svc-logo-box);
  border-radius: 20px;
  box-sizing: border-box;
  padding: var(--svc-logo-pad);

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-origin: content-box;
  background-clip: content-box;
}

/* Mittelpunkt Spalte 2 = 100% - (2*col + gap) + col/2 */
.th_accordion2::before{
  left: calc(100% - (2 * var(--svc-col) + var(--svc-gap)) + (var(--svc-col) / 2) - (var(--svc-logo-box) / 2));
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/logo-adler-apotheke.webp");
}

/* Mittelpunkt Spalte 3 = 100% - (col) + col/2 */
.th_accordion2::after{
  left: calc(100% - (var(--svc-col)) + (var(--svc-col) / 2) - (var(--svc-logo-box) / 2));
  background-image: url("https://www.apotheken-pritzwalk.de/wp-content/uploads/logo-linden-apotheke.webp");
}

/* Listen */
.th_accordion2 ul{
  padding-left: 40px;
  padding-bottom: 10px;
}
.th_accordion2 ul li{ line-height: 1.5em; }
.th_accordion2 ul li span{ color: #333435; }












































.footer a {
	color: #fff !important;
	transition: color 300ms ease 0ms;
}
.footer a:hover {
	color: #A4CE39 !important;
	transition: color 300ms ease 0ms;
}
.footer h4, .footer h5 {
	padding-bottom: 0px;
	color: #fff;
}
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
.lwp-hide-mobile-menu.et_pb_menu--style-centered .et_pb_menu__menu > nav > ul, .lwp-hide-mobile-menu.et_pb_menu--style-centered .et_pb_menu__wrap {
	justify-content: center;
 	width: 100%;
}
.lwp-hide-mobile-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
	margin-top: 0px;
}
.lwp-hide-mobile-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
	padding-top: 12px;
	padding-bottom: 0px;
	transition: color 300ms ease 0ms;
}
.lwp-hide-mobile-menu.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a:hover {
	transition: color 300ms ease 0ms;
}