body {
}
@media screen and (max-width: 767px) {
#background-video  {display: none !important;}
#bg-video-wrapper{
width: 100vw;
height: 100vh;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
background:url(https://apotheke-ternitz.at/wp-content/uploads/2023/07/bg-pattern-temp.jpg) center center no-repeat;
}
}
@media screen and (min-width: 768px) {
#bg-video-wrapper,#background-video {
width: 100vw;
height: 100vh;
object-fit: cover;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
}
} :root {
--headerHeight: 199px;
}
@media screen and (max-width: 1024px) {
:root {
--headerHeight: 90px;
}
}
:root body.page-blue {
--page-color: var(--accent-blue);
}
:root body.page-green {
--page-color: var(--accent-green);
}
:root body.page-taupe {
--page-color: var(--accent-taupe);
}
:root body.page-white {
--page-color: var(--base-2);
}
:root body.page-yellow {
--page-color: var(--accent-ocker);
}
@media screen and (max-width: 1023px) {
:root {
--gp-slideout-width: 90vw;
}
} h1,h2,h3,h4 {
word-break: normal;
overflow-wrap: normal;
}
.fz-85 {font-size: 80%;}
#main p a {
text-decoration: underline;
}
.inside-article strong,
.site-footer strong {
font-family: 'archiabold';
}
.no-margin {margin: 0 !important;}
.no-padding {padding: 0 !important;}
.nowrap { white-space: nowrap; }
@media screen and (max-width: 1023px) {
.xs-no-padding {padding: 0 !important;}
}
[data-transform-origin="left-bottom"] {
transform-origin: left bottom;
}
[data-translate="0-minus-100"] {
transform: translate(0%, -100%);
}
#content .gb-container__ a {text-decoration: underline;}
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a {text-decoration: none;} @media screen and (min-width: 768px) and (max-width: 1023px) {
.site-footer .tablet-w-50 {width: 100% !important;}
.site-footer .md-full > .gb-grid-wrapper > .gb-grid-column { width: 50% !important;}
.one-container .site-content {padding-left: 50px; padding-right: 50px;}
#generate-slideout-menu #menu-main {margin-top: 50px;}
} .ratio-4-3 {
aspect-ratio: 4 / 3;
height: auto;
}
.ratio-1-1 {
aspect-ratio: 1 / 1;
height: auto;
}
.ratio-2-3 {
aspect-ratio: 2 / 3;
height: auto;
}
.ratio-5-8 {
aspect-ratio: 5 / 8;
height: auto;
}
.ratio-4-3 {
aspect-ratio: 4 / 3;
height: auto;
} .gb-button.gb-button-text:not(.discount):not(.gb-button-discount-btn):not(.gb-tabs__button) {
border: 1px solid var(--accent-green);
color: #000;
}
.gb-button.gb-button-text:not(.discount):not(.gb-button-discount-btn):not(.gb-tabs__button):hover {
background: var(--accent-green);
color: #000;
} @media screen and (max-width: 1023px) {
body.contained-content .entry-content > .gb-container > .gb-container {
padding: 30px;
}
} @media screen and (min-width: 1024px) {
:root {
--gp-slideout-width: 700px;
}
#generate-slideout-menu {
padding-left: 80px;
background-color: #fff;
}
#generate-slideout-menu > .inside-navigation {
}
.slideout-navigation button.slideout-exit {
font-size: 30px;
}
.slideout-logo-wrapper {
margin: 40px 0 50px 0;
}
} @media screen and (min-width: 1024px) {
.site-header {
z-index: 9999;
margin: 0 auto;
position: relative;
max-width: 500px;
}	
#site-navigation.stuckElement {pointer-events: none;}
#site-navigation.stuckElement .gb-button,
#site-navigation.stuckElement button{pointer-events: auto;}
}
@media screen and (max-width: 1023px) {
#site-navigation {
z-index: 99999;
position: relative;
}
} .site-logo {
width: 260px;
height: auto;
}
@media screen and (max-width: 1023px) {
.site-logo {
width: 156px;
height: auto;
}
.site-logo > a {
display: flex;
height: 90px;
}
}
.site-logo .logo-amp {
transition: fill 1.35s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.site-logo.amp-fill-white .logo-amp {
fill: #fff;
}
.site-logo.amp-fill-green .logo-amp {
fill: var(--accent-green);
}
.site-logo.amp-fill-yellow .logo-amp {
fill: var(--accent-ocker);
}
.site-logo.amp-fill-blue .logo-amp {
fill: var(--accent-blue);
}
.site-logo.amp-fill-taupe .logo-amp {
fill: var(--contrast-2);
}
@media screen and (max-width: 767px) {
.has-menu-bar-items button.menu-toggle {
padding-left: 5px;
}
} @media screen and (min-width: 1024px) {
.btn-bell:hover {
animation-duration: .7s;
animation-iteration-count: 2;
animation-name: swing;
}
} #menu-main li.menu-item-notdienst > a {
display: flex;
align-items: center;
column-gap: 15px;
}
#menu-main li.menu-item-notdienst > a:after  {
content:"";
width: 40px;
height: 40px;
background: url(https://apotheke-ternitz.at/wp-content/uploads/bell.png) 0 0 no-repeat;
background-size: contain;
}
#menu-main li.menu-item-notdienst > a:hover:after {
animation-duration: .7s;
animation-iteration-count: 2;
animation-name: swing;
}
@media screen and (max-width: 767px) {
#menu-main li.menu-item-notdienst > a:after  {
width: 33px;
height: 33px;
}
} .c-hero,
.c-hero .hero-child-full-height {
min-height: calc(100vh - var(--headerHeight));
}
.c-hero:before {
content:"";
top: calc(var(--headerHeight) * -1);
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 0;
}
.c-hero.hero-white:before {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
}
.c-hero.hero-taupe:before {
background-color: rgba(173,160,147,0.7);
backdrop-filter: invert(0.8);
}
.c-hero_bg-green {
position: relative;
z-index: 500;
}
.c-hero_bg-green:before {
content:"";
top: calc(var(--headerHeight) * -1);
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: -1;
background-color: var(--accent-green);
background-color: rgba(138,160,120,0.75);
background-blend-mode: multiply;
mix-blend-mode: multiply;
}
@media screen and (max-width: 1023px) {
.c-hero_bg-green_:before {
top: var(--headerHeight);
}	
}
@media screen and (min-width: 1024px) {
.c-hero_bg-green {
min-height: calc(100vh - var(--headerHeight));
}
} .team-member .team-member__image > figure,
.team-member .team-member__text {
transition: all .25s ease;
}
.team-member:hover .team-member__image > figure {
opacity: 0;
}
.team-member:hover .team-member__text {
bottom: 30px;
}
.team-member__text {
position: absolute;
left: 0;
bottom: 0;
}
.team-member .team-member__text p {margin-bottom: 0.5em;}
.wrapper-teamfoto > figure {
transition: all .25s ease;
}
.wrapper-teamfoto:hover > figure {
opacity: 0;
}
.is-pregnant {
position: absolute;
right: -40px;
top: 20px;
background: var(--accent-green);
border-radius: 50%;
color: black;
width: 100px;
height: 100px;
font-family: "archiabold";
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.25;
transform: rotate(-10deg);
}
.team-wrapper {
background-color: rgba(173,160,147,0.7);
backdrop-filter: invert(0.8);
}
@media screen and (max-width: 767px) {
.is-pregnant {
top: auto;
bottom: 10px;
right: 5px;
}
}   .slide-double-center-center:before {
left: 66%;
}
.slide-double-center-center > .gb-container {
position: relative;
} .topic-btn__wrapper {
border-radius: 50%;
overflow: hidden;
}
.topic-btn__wrapper > .gb-button,
.topic-btn__wrapper > .gb-button .gb-icon {
transition: all .45s ease-out;
}
.topic-btn__wrapper:hover > .gb-button {
transition: all .20s ease-out;
background-color: rgba(0,0,0,0.2);
}
.topic-btn__wrapper:hover > .gb-button .gb-icon {
transition: all .20s ease-in;
font-size: 115%;
} .FeedLayout__wrapper {background: none !important;}
.FeedHeader__follow-button .DesignedButton__link > button,
.DesignedButton__button.FollowButton {background: var(--accent-green) !important;color:#000 !important;} .pup-slider {
margin: 25px 0;
}
.pup-slider.pup-slider_nomargin {
margin: 0;
}
.pup-slider.pup-slider_nopadding {
padding: 0;
}
.pup-slider .slick-list__ {
padding: 25px 25px;
}
.pup-slider.pup-slider_nopadding .slick-list {
padding: 0;
}
.pup-slider .slick-track {
display: flex;
}
.pup-slider .slick-track > .slick-slide {
position: relative;
height: auto;
margin: 0 15px;
padding: 0;
transition: all .2s ease;
}
.pup-slider .slick-dots li button:before {
font-size: 15px;
color: var(--contrast-2);
}
.pup-slider .slick-dots li.slick-active button:before {
color: var(--accent);
} .slick-prev:before {
content: "\003c";
font-size: 30px;
}
.slick-next:before {
content: "\003e";
font-size: 30px;
}
.pup-slider_text {
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.pup-slider .slick-track > .slick-slide.slick-current {
position: relative;
height: auto;
margin: 0 5px;
padding: 0;
}
.pup-slider .slick-track > .slick-slide:not(.slick-current) {
position: relative;
height: auto;
margin: 0 5px;
padding: 0;
}
.pup-slider .pup-slider_text {text-align: center;}
} .pup-slider .discount {
position: absolute;
right: 20px;
top: 20px;
line-height: 1.2;
font-size: 1.4em;
padding-left: 20px;
padding-right: 20px;
font-size: 25px !important; 
color: #fff;
background: var(--accent);
transform: translateY(0) translateX(0);
transition-delay: .s;
transition: all .5s ease;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}	
@media screen and (max-width: 1023px) {
.pup-slider {
margin: 30px;
}
.pup-slider .slick-track > .slick-slide.slick-current .discount {
transform: translateY(20px) translateX(-20px);
}
}
@media screen and (min-width: 1024px) {
.pup-slider .slick-track > .slick-slide.slick-current+.slick-slide .discount {
transform: translateY(0);
}	
}
@media screen and (max-width: 767px) {
.pup-slider .discount {
padding-left: 10px;
padding-right: 10px;
font-size: 20px !important; 
right: 0;
top: 0;
}
} .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
opacity: .25;
}
.slick-next { right: -20px; z-index: 99; }
.slick-prev { left: -20px; z-index: 99; }
@media screen and (min-width: 768px) {
.pup-slider .slick-list {
padding: 25px 0;
}
.pup-slider {
margin: 20px 50px;
}
} .produktwelt-slider .slick-prev,
.produktwelt-slider .slick-next {
display: flex; 
align-items: flex-end;
justify-content: flex-start;
}
.produktwelt-slider .slick-prev { left: -30px; }
.produktwelt-slider .slick-prev:before { font-size: 45px; }
.produktwelt-slider .slick-next { right: -30px; font-size: 50px; }
.produktwelt-slider .slick-next:before { font-size: 45px; } .forminator-ui.forminator-custom-form[data-design=material] .forminator-floating--input.forminator-has_phone.iti--allow-dropdown { padding-left: 0 !important; }  .blog-category-nav .wp-block-categories-list {
margin: 0;
padding: 25px 0 0 0;
list-style: none;
}
.blog-category-nav .wp-block-categories-list li {
border-top: 1px solid var(--accent-blue);
}
.blog-category-nav .wp-block-categories-list li:last-child {
border-bottom: 1px solid var(--accent-blue);
}
.blog-category-nav .wp-block-categories-list li > a {
padding: 15px 0;
display: block;
font-family: 'archiabold';
font-size: 18px;
letter-spacing: .5px;
line-height: 1;
white-space: nowrap;
text-decoration: none !important;
} .post-term-item.term-page-yellow,
.post-term-item.term-page-blue,
.post-term-item.term-page-green,
.post-term-item.term-page-taupe,
.post-term-item.term-page-white {display: none !important;}  .wrapper-blog-detail_more-posts {
overflow-y: scroll;
}
.wrapper-blog-detail_more-posts::-webkit-scrollbar {width: 5px;}
.wrapper-blog-detail_more-posts::-webkit-scrollbar-track {background: #ADA093;}
.wrapper-blog-detail_more-posts::-webkit-scrollbar-thumb {background: #000;}
.wrapper-blog-detail_more-posts::-webkit-scrollbar-thumb:hover {background: #8AA079;} body.single.single-post #page {
max-width: 1364px;
display: flex;
flex-direction: row;
}
body.single.single-post #page #content {
display: flex;
align-items: flex-start;
padding: 0 0 50px 0;
column-gap: 16px;
}
body.single.single-post #page #content #primary {/*/*/background: #fff; 
}
body.single.single-post #page #content #primary #main {
margin: 0;
}
body.single.single-post #main article.post {
padding: 30px;
background: #fff;
}/**/@media screen and (min-width: 1024px) {
body.single.single-post #page {
margin-top: 70px;
}
body.single.single-post #main article.post {
padding: 80px 100px 80px 100px;
}
}
.bd_has-featured-image:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: var(--page-color);
background-blend-mode: multiply;
mix-blend-mode: multiply;
} @media screen and (max-width: 768px) {
.c-table-wrapper {
width: 350px;
}
}
body.page-green .is-style-regular table thead tr th {
background: #8aa07990;
}
body.page-green .is-style-regular table thead tr th:first-child {
min-width: 160px;
}
.is-style-regular table tbody tr td {
vertical-align: top;
}  .blog-list__item .post.category-page-yellow .post-term-item {color: #E1CB95;}
.blog-list__item .post.category-page-green .post-term-item {color: #8AA079;}
.blog-list__item .post.category-page-blue .post-term-item {color: #7A90C9;}
.blog-list__item .post.category-page-white .post-term-item {color: #ffffff;}
.blog-list__item .post.category-page-taupe .post-term-item {color: #ADA093;}
.blog_tipp {
padding: 15px;
margin: 30px -15px 30px -15px;
border-width: 2px;
border-style: solid;
border-color: var(--page-color);
}
.blog_tipp > p {
margin: 0;
}
@media screen and (min-width: 1024px) {
body.single.single-post #content  #right-sidebar {
position: sticky;
top: 16px;
}
} .site-footer a:hover {color: #fff;}
.site-footer .h3 {margin-bottom: 20px;}
.adressblock {
}
.adressblock p {
}
.adressblock > .gb-container {
border-bottom: 1px solid #fff;
padding: 9px 0;
}
.adressblock > .gb-container strong {
margin-right: 5px;
}
.adressblock > .gb-container:first-child {
border-top: 1px solid #fff;
}
@media screen and (min-width: 1024px) {
.adressblock > .gb-container {
padding: 12px 0;
}
}  @-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 35deg);
transform: rotate3d(0, 0, 1, 35deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -25deg);
transform: rotate3d(0, 0, 1, -25deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 35deg);
transform: rotate3d(0, 0, 1, 35deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -25deg);
transform: rotate3d(0, 0, 1, -25deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
} p+h2, p+header h2, p+h3, p+h4, p+h5, ul+h2, ul+header h2, ul+h3, ul+h4, ul+h5, ol+h2, ol+header h2, ol+h3, ol+h4, table+h2, table+header h2, table+h3, table+h4, blockquote+h2, blockquote+header h2, blockquote+h3, blockquote+h4, form+h2, form+header h2, form+h3, form+h4 {
margin-top: 1.5em;
}
body.single-post ul.wp-block-list > li {
margin-bottom: .75rem;
}