@import url(“https://fonts.googleapis.com/css2?family=Exo+2:wght@300;700;900&display=swap”);
.shoptimizer-archive{
background: linear-gradient(142deg, #f4d03f 0%, #f39c12 100%);
}
.header {
font-family: “Exo 2”, sans-serif;
margin: 0 auto;
padding: 1rem;
display: flex;
align-items: center;
justify-content: center;
height: calc(40vh);
}
.title-wrapper {
display: grid;
align-items: center;
justify-content: center;
transform: skew(0, -10deg);
}
h1 {
margin: 1rem 0 0 0;
}
.top-title {
order: 1;
text-align: center;
display: block;
color: #2b2d42;
font-size: clamp(1rem, 4vw, 1.5rem);
}
.sweet-title {
order: 2;
color: #2b2d42;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(3rem, 10vw, 6rem);
line-height: 0.75em;
text-align: center;
text-shadow: 3px 1px 1px #f39c12, 2px 2px 1px #f4d03f, 4px 2px 1px #f39c12, 3px 3px 1px #f4d03f, 5px 3px 1px #f39c12, 4px 4px 1px #f4d03f, 6px 4px 1px #f39c12, 5px 5px 1px #f4d03f, 7px 5px 1px #f39c12, 6px 6px 1px #f4d03f, 8px 6px 1px #f39c12, 7px 7px 1px #f4d03f, 9px 7px 1px #f39c12;
font-family: “Exo 2”, sans-serif;
}
h2 {
font-weight: 900;
text-transform: uppercase;
font-family: “Exo 2”, sans-serif;
}
.sweet-title span {
display: block;
position: relative;
margin-top:1rem;
}
.sweet-title span:before {
content: attr(data-text);
position: absolute;
text-shadow: 2px 2px 1px #f39c12, -1px -1px 1px #f4d03f;
z-index: 1;
}
@media (max-width: 767px) {
.header {
height:calc(20vh);
}
.sweet-title {
font-size:clamp(2rem, 10vw, 6rem) !important;
}
}
Jeden Tag ein neues Angebot.
Das bringt uns ins Schwitzen. 😅
Jeden Tag gibt es ab 10:00 jeweils ein Produkt, welches bis 10:00 am Folgetag um 10% reduziert ist. Greifen Sie schnell zu und sichern Sie sich ihren 10% Rabatt. Nur online gültig. Morgen ab 10:00 kommt ein neues Angebot.
Weitere heiße Angebote
In unserem Shop finden Sie viele reduzierte Produkte zu besten Preisen aus unterschiedlichsten Produktkategorien wie bspw. Erste Hilfe Koffer, Einweghandschuhe, Praxisbedarf oder Infektionsdiagnostik.
10 gute Gründe für Porod Medizintechnik
Freuen tolle Angebote. Schauen Sie einfach jeden Tag ab 10:00 bei uns vorbei und lassen sich von unserem aktuellen Angebot überzeugen. In unserem Shop finden Sie viele reduzierte Produkte aus unterschiedlichsten Kategorien für ihre Arztpraxis, ihren Betrieb oder einfach fürs Büro.
- Günstige Preise
- Kostenlose fachkundige Beratung
- Große Auswahl
- Qualitative Markenprodukte
- Einfacher und sicherer Kaufprozess
- Schnelle Lieferung
- Viele zufriedene Kunden
- Viele Bezahlmöglichkeiten
- Feurige Angebote
- Einfache Nachbestellungen
Unsere Produktkategorien
In unserem Online-Shop finden Sie eine große Auswahl an medizintechnischen Produkte für unterschiedlichste Themen- und Anwendungsbereiche. Gerne beraten wir Sie individuell um so eine kostengünstige und ideale Lösung zu finden.
Email: info@porod-med.com
.rll-youtube-player {
border-radius:10px;
}
.todays-discounted-product {
margin:0 auto;
border-radius: 5px;
overflow:hidden;
border-radius:32px;
background:#fff;
}
.todays-discounted-product picture {
display:block;
}
.todays-discounted-product_image {
position:relative;
overflow:hidden;
display:block;
border-bottom:1px solid #f8f7f4;
}
.todays-discounted-product_price {
font-size:1.5rem;
font-weight:bold;
}
.todays-discounted-product_text h4 a {
color:#2b2d42;
}
.todays-discounted-product_text h4 {
line-height:1.3;
margin-bottom:0;
}
.todays-discounted-product_text {
padding:2rem;
color:#2b2d42;
}
.added_to_cart.wc-forward {
display:none;
}
.add_to_cart_button {
width:100%;
text-align:center;
}
.todays-discounted-product_badge {
background: #0DD473;
color: #fff;
border-radius: 50px;
padding: 3px 12px;
display: inline-block;
font-size: 0.8rem;
margin-bottom: 5px;
}
.front {
z-index:0;
}
.with-shadow {
box-shadow: 10px 20px 83px -21px rgba(0,0,0,0.20);
-webkit-box-shadow: 10px 20px 83px -21px rgba(0,0,0,0.20);
-moz-box-shadow: 10px 20px 83px -21px rgba(0,0,0,0.20);
}
.blurred {
z-index:-1;
}
.outer {
transform: scale(0.90);
}
.inner {
transform: scale(0.95);
}
.blurred img,
.blurred h4,
.blurred p,
.blurred a,
.blurred .todays-discounted-product_badge {
filter: blur(7px);
opacity:0.8;
}
#countdown {
text-align:center;
}
#countdown span {
border-radius:32px;
padding:6px 15px;
margin:0.3rem;
min-width:90px;
border:none;
background:#fff;
}
.round {
overflow:hidden;
border-radius:32px;
}
#date-info {
text-align:center;
margin-top:0;
}
.product-image {
border-radius:32px;
}
.pv-section .product-list-horizontal .product-single {
width:18%;
background-color:#fff;
border-radius:32px;
}
.pv-section .product-list-horizontal .product-single .product-details {
padding:1rem;
width:100%;
}
@media (max-width: 767px) {
.pv-section .product-list-horizontal .product-single {
min-width: 70%;
}
.todays-discounted-product {
width:85%;
}
.column-reverse{flex-direction: column-reverse;}
}
.previous-next {
text-align:center;
}
document.addEventListener(‘DOMContentLoaded’, function() {
const countdownContainer = document.getElementById(‘countdown’);
const dateInfoContainer = document.getElementById(‘date-info’);
if (!countdownContainer || !dateInfoContainer) return;
// Calculate today and tomorrow’s dates
const today = new Date();
const tomorrow = new Date(today);
tomorrow.setDate(tomorrow.getDate() + 1);
// Display dates
dateInfoContainer.innerHTML = `
Von: ${today.toLocaleDateString()} 10:00 Uhr
bis: ${tomorrow.toLocaleDateString()} 10:00 Uhr`;
const endTime = new Date();
endTime.setHours(34, 0, 0, 0); // Set to 10 AM next day (24 + 10)
const updateCountdown = () => {
const now = new Date();
const distance = endTime – now;
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Update your countdown container here
countdownContainer.innerHTML = “
” + hours + ” Std. ” + minutes + ” Min. ” + seconds + ” Sek.“;
if (distance < 0) {
clearInterval(interval);
countdownContainer.innerHTML = "Abgelaufen";
}
};
updateCountdown();
const interval = setInterval(updateCountdown, 1000);
});
document.addEventListener(‘DOMContentLoaded’, function() {
var horizontalScrollContainers = document.querySelectorAll(‘.horizontal-scroll’);
var scrollDistance = 250;
horizontalScrollContainers.forEach(function(container) {
var scrollLeftIcon = container.querySelector(‘.scroll-left’);
var scrollRightIcon = container.querySelector(‘.scroll-right’);
var productList = container.nextElementSibling;
scrollLeftIcon.addEventListener(‘click’, function() {
if (productList) {
productList.scrollBy({
left: -scrollDistance,
behavior: ‘smooth’
});
}
});
scrollRightIcon.addEventListener(‘click’, function() {
if (productList) {
productList.scrollBy({
left: scrollDistance,
behavior: ‘smooth’
});
}
});
});
});
const sliders = document.querySelectorAll(‘.product-list-horizontal, .product-list-horizontal-cover’);
let isDown = false;
let startX;
let scrollLeft;
sliders.forEach(slider => {
slider.addEventListener(‘mousedown’, (e) => {
isDown = true;
slider.classList.add(‘active’);
startX = e.pageX – slider.offsetLeft;
scrollLeft = slider.scrollLeft;
});
slider.addEventListener(‘mouseleave’, () => {
isDown = false;
slider.classList.remove(‘active’);
});
slider.addEventListener(‘mouseup’, () => {
isDown = false;
slider.classList.remove(‘active’);
});
slider.addEventListener(‘mousemove’, (e) => {
if (!isDown) return;
e.preventDefault();
slider.style.scrollBehavior = ‘auto’; // Disable smooth scrolling
const x = e.pageX – slider.offsetLeft;
const walk = (x – startX) * 1; //scroll-fast
slider.scrollLeft = scrollLeft – walk;
});
});
// Function to check if the cookie exists and has the correct value
function checkCookie() {
var cookieValue = document.cookie
.split(‘; ‘)
.find(row => row.startsWith(‘cookieyes-consent=’))
.split(‘=’)[1];
if (cookieValue && cookieValue.includes(‘functional:yes’)) {
// Allow loading the code
loadOneSignalSDK();
console.log(‘Code is allowed to load.’);
} else {
// Do not load the code
console.log(‘Code cannot be loaded because consent is not given for functional purposes.’);
}
}
// Function to load OneSignal SDK
function loadOneSignalSDK() {
var script = document.createElement(‘script’);
script.src = “https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js”;
script.defer = true;
document.head.appendChild(script);
window.OneSignalDeferred = window.OneSignalDeferred || [];
OneSignalDeferred.push(function(OneSignal) {
OneSignal.init({
appId: “3e2337d1-1301-4ab5-8dc0-f063bf78855a”,
});
});
}
// Call the function when the page loads
window.onload = checkCookie;
.fire-container {
position: fixed;
bottom: -41px;
left: 0;
width: 100%;
height: 200px;
display: flex;
justify-content: space-around;
align-items: flex-end;
pointer-events: none;
}
.flame {
position: absolute;
bottom: 0;
width: 100px;
background: radial-gradient(circle, rgba(255, 200, 0, 1) 0%, rgba(255, 69, 0, 0.8) 60%, rgba(255, 0, 0, 0) 100%);
border-radius: 50% 50% 0 0;
animation: flicker 1s infinite ease-in-out;
filter: drop-shadow(0 0 15px #d43322);
opacity: 0.8;
}
@keyframes flicker {
0%, 100% {
transform: scale(1) translateY(0);
opacity: 0.8;
}
50% {
transform: scale(1.2) translateY(-10px);
opacity: 1;
}
}
@keyframes flame-shape {
0%, 100% {
border-radius: 50% 50% 0 0;
}
50% {
border-radius: 30% 70% 10% 60%;
}
}
document.addEventListener(‘DOMContentLoaded’, () => {
const fireContainer = document.querySelector(‘.fire-container’);
// Function to create a flame element
function createFlame(left) {
const flame = document.createElement(‘div’);
flame.classList.add(‘flame’);
flame.style.height = `${Math.random() * 100 + 50}px`; // Random height between 50px and 150px
flame.style.left = `${left}px`;
flame.style.animationDuration = `${Math.random() * 1.5 + 0.5}s`; // Random duration between 0.5s and 2s
flame.style.animationName = `flicker, flame-shape`;
flame.style.background = getRandomFlameColor();
return flame;
}
// Function to get a random flame color
function getRandomFlameColor() {
const colors = [
‘radial-gradient(circle, rgba(255, 165, 0, 1) 0%, rgba(255, 69, 0, 0.8) 60%, rgba(255, 0, 0, 0) 100%)’,
‘radial-gradient(circle, rgba(255, 200, 0, 1) 0%, rgba(255, 69, 0, 0.8) 60%, rgba(255, 0, 0, 0) 100%)’,
‘radial-gradient(circle, rgba(255, 140, 0, 1) 0%, rgba(255, 69, 0, 0.8) 60%, rgba(255, 0, 0, 0) 100%)’
];
return colors[Math.floor(Math.random() * colors.length)];
}
// Create flames across the entire width
const numFlames = Math.floor(window.innerWidth / 50); // Increased spacing between flames
for (let i = 0; i {
fireContainer.innerHTML = ”; // Clear existing flames
const numFlames = Math.floor(window.innerWidth / 100); // Increased spacing between flames
for (let i = 0; i < numFlames; i++) {
const left = i * 100; // Increased spacing between flames
const flame = createFlame(left);
fireContainer.appendChild(flame);
}
});
});