/* — Startseite: Standard-H1 von Astra ausblenden — */
.home .entry-header{
display:none !important;
}
/* — Startseite: Abstand unter dem Menü minimieren — */
.home .site-content,
.home .site-content .ast-container,
.home .site-main,
.home .entry-content {
margin-top: -55px !important;
padding-top: 0 !important;
}
/* Falls dem Slider-Block selbst noch Abstände mitgegeben wurden */
.home .vinetum-slider{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* — Fullwidth-Slider — */
.vinetum-slider{
position:relative;
width:100vw;
height:100vh;
overflow:hidden;
/* Aus dem Astra-Container herausziehen */
margin-left:calc(50% – 50vw);
margin-right:calc(50% – 50vw);
}
/* — Einzelne Slides — */
.vinetum-slide{
position:absolute;
inset:0;
opacity:0;
transition:opacity 2.5s ease;
z-index:1;
}
/* Aktiver Slide */
.vinetum-slide.active{
opacity:1;
z-index:2;
}
/* — Hintergrundbilder — */
.vinetum-slide img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
/* Weinrotes Overlay */
.vinetum-slide::after{
content:““;
position:absolute;
inset:0;
background: linear-gradient(
rgba(60,0,0,.20),
rgba(163,0,0,.30)
);
}
/* — Text im Slider — */
.vinetum-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:10;
color:#ffffff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:1.5rem;
width:min(90%,1200px);
text-align:center;
text-shadow:
0 2px 10px rgba(0,0,0,.4),
0 5px 30px rgba(0,0,0,.4);
}
/* Variante mit Suchfeld: etwas mehr Abstand */
.vinetum-text–with-search{
gap:1.8rem;
}
/* — Harter Reset für ALLE Links im Slider — */
.vinetum-slider a,
.vinetum-slider a:link,
.vinetum-slider a:visited,
.vinetum-slider a:hover,
.vinetum-slider a:focus,
.vinetum-slider a:active{
text-decoration:none !important;
border:none !important;
box-shadow:none !important;
}
/* Hauptzeile im Hero */
.vinetum-hero-main{
font-size:clamp(2rem,4vw,5rem);
font-weight:800;
letter-spacing:2px;
font-family: ‚Cormorant Garamond‘, Georgia, ‚Times New Roman‘, serif;
letter-spacing: 0.04em;
font-style: bold;
}
/* Klickbare Überschrift (Slide 1 & 2) – nur Farbwechsel, keine Linie */
.vinetum-hero-link{
color:inherit;
padding-bottom:0;
transition:color 0.2s ease;
}
.vinetum-hero-link:hover,
.vinetum-hero-link:focus-visible{
color:#eac186;
outline:none;
}
/* — Buttonbereich unter der Überschrift — */
.vinetum-hero-buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:0.75rem;
}
/* Haupt-Button im Hero */
.vinetum-hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:0.7rem 1.6rem;
border-radius:30px;
border:none;
background:#eac186;
color:#A30000E8;
font-weight:700;
font-size:0.95rem;
letter-spacing:0.04em;
text-transform:uppercase;
cursor:pointer;
transition:
background 0.2s ease,
color 0.2s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
box-shadow:0 4px 14px rgba(0,0,0,0.25);
}
.vinetum-hero-btn:hover,
.vinetum-hero-btn:focus-visible{
background:#f3d1a0;
color:#7b0000;
transform:translateY(-1px);
box-shadow:0 6px 20px rgba(0,0,0,0.3);
outline:none;
}
/* „Ghost“-Variante im dritten Slide – ohne Linie */
.vinetum-hero-btn–ghost{
background:transparent;
color:#ffffff;
border:none;
box-shadow:none;
}
.vinetum-hero-btn–ghost:hover,
.vinetum-hero-btn–ghost:focus-visible{
background:rgba(234,193,134,0.15);
color:#eac186;
box-shadow:0 4px 14px rgba(0,0,0,0.25);
outline:none;
}
/* — Suchfeld im dritten Slide — */
.vinetum-hero-search{
display:flex;
align-items:stretch;
max-width:420px;
width:90vw;
background:#ffffff;
border-radius:999px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.25);
}
.vinetum-hero-search input[type=“search“]{
flex:1;
border:none;
padding:0.85rem 1.2rem;
font-size:0.95rem;
outline:none;
color:#2b1a19;
}
.vinetum-hero-search input[type=“search“]::placeholder{
color:rgba(43,26,25,0.6);
}
.vinetum-hero-search button{
border:none;
background:#eac186;
color:#a30000;
font-weight:600;
padding:0 1.4rem;
cursor:pointer;
font-size:0.95rem;
white-space:nowrap;
transition:background 0.2s ease, color 0.2s ease;
}
.vinetum-hero-search button:hover,
.vinetum-hero-search button:focus-visible{
background:#f3d1a0;
color:#7b0000;
outline:none;
}
/* — 1. Headerabstand auf der Startseite komplett entfernen — */
.home .site-header,
.home .main-header-bar,
.home .ast-primary-header-bar {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* — 2. Oberes Margin des ersten Blocks im Inhalt entfernen — */
.home .entry-content > .wp-block-group:first-child,
.home .entry-content > .wp-block-cover:first-child,
.home .entry-content > .wp-block-columns:first-child,
.home .entry-content > *:first-child {
margin-top: 0 !important;
}
document.addEventListener(‚DOMContentLoaded‘, function(){
const slides = document.querySelectorAll(‚.vinetum-slide‘);
let current = 0;
setInterval(function(){
slides[current].classList.remove(‚active‘);
current++;
if(current >= slides.length){
current = 0;
}
slides[current].classList.add(‚active‘);
}, 5000);
});
weine mit Charakter
ehrlich, nachhaltig, handverlesen
Bei Vinetum24 entdecken Sie ökologische Weine von kleinen, persönlich ausgewählten Winzern. Jeder Wein erzählt eine Geschichte – von der Landschaft, den Menschen und ihrer Haltung zur Natur.
Bei uns stehen Bioweine und nachhaltig erzeugte Weine im Mittelpunkt – nicht als Trend, sondern aus Überzeugung. Wir arbeiten mit Winzern zusammen, die ihre Reben mit Respekt vor Boden, Pflanze und Mensch pflegen. Ohne chemische Keule, ohne Massenproduktion – dafür mit viel Handarbeit und Gefühl.
In unserem Online-Shop für Biowein finden Sie eine sorgfältig kuratierte Auswahl an Weißweinen, Rotweinen, Rosés, Schaumweinen und besonderen Raritäten. Viele unserer Weine stammen von kleineren Weingütern aus Deutschland, ergänzt um ausgewählte europäische Anbieter, die unsere Philosophie teilen.
Ob Sie einfach einen guten Alltagswein suchen, eine besondere Flasche zum Verschenken oder einen Wein für Ihr nächstes Menü – bei Vinetum24 bekommen Sie Weine mit ehrlichem Charakter, die wir alle selbst verkostet haben. Erst wenn uns ein Wein wirklich überzeugt, findet er den Weg in unser Sortiment.
Wir möchten Sie nicht belehren, sondern einladen: Probieren Sie unsere Bioweine und machen Sie sich Ihr eigenes Bild. Entdecken Sie, wie gut Nachhaltigkeit im Glas schmecken kann – vollmundig, aromatisch und mit einem guten Gefühl.
Versand aus Dresden · sorgfältig verpackt · Auswahl kleiner Weingüter
Die Bestseller
.vinetum-carousel{ position: relative; width: 100%; height: 650px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient( to bottom, ); } .vinetum-track{ position: relative; width: 100%; height: 100%; } /* Flasche als absolut positioniertes Element */ .vinetum-bottle{ position: absolute; top: 50%; left: 50%; transform-origin: center center; transition: transform 0.8s ease, opacity 0.8s ease; display: block; text-decoration: none; } /* Flaschenbild */ .vinetum-bottle img{ display: block; max-height: 420px; width: auto; filter: drop-shadow(0 10px 25px rgba(0,0,0,.25)); } /* Typo-Overlay in der Mitte der Flasche */ .flaschenkarusell-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; pointer-events: none; /* Klick geht an den Link */ display: flex; flex-direction: column; align-items: center; gap: 0.05em; text-transform: uppercase; color: #ffffff; font-weight: 600; text-align: center; letter-spacing: 0.25em; text-shadow: 0 2px 6px rgba(0,0,0,0.45), 0 0 10px rgba(0,0,0,0.35); /* Grundzustand: unsichtbar – Sichtbarkeit kommt über die Buchstaben */ } /* Jede Zeile im Label */ .flaschenkarusell-line{ display: flex; justify-content: center; line-height: 1.1; font-size: 30px; } /* Einzelner Buchstabe – kommt „wild“ reingeflogen */ .flaschenkarusell-letter{ display: inline-block; opacity: 0; transform: translate( var(–x, 0px), var(–y, 0px) ) scale(0.7); transition: opacity 0.45s ease-out var(–delay, 0s), transform 0.45s cubic-bezier(0.19, 1, 0.22, 1) var(–delay, 0s); pointer-events: none; } /* Beim Hover über die Flasche: Buchstaben setzen sich an ihren Platz */ .vinetum-bottle:hover .flaschenkarusell-letter{ opacity: 1; transform: translate(0, 0) scale(1); } /* Pfeile wie gehabt */ .vinetum-arrow{ position: absolute; z-index: 100; width: 60px; height: 60px; border: none; border-radius: 50%; background:#a30000; color:white; cursor:pointer; font-size:28px; transition:.3s; } .vinetum-arrow:hover{ background:#eac186; color:#a30000; } .vinetum-prev{ left:25px; } .vinetum-next{ right:25px; } @media screen and (max-width: 768px) { .vinetum-carousel { display: none !important; } } document.addEventListener(‚DOMContentLoaded‘, function(){ /* ————————- 1) TYPO-OVERLAY AUFBAUEN ————————- */ const labelSpans = document.querySelectorAll(‚.flaschenkarusell-text‘); labelSpans.forEach(span => { const raw = span.getAttribute(‚data-text‘); if (!raw) return; const lines = raw.split(‚|‘); // jede Gruppe = eine Zeile span.innerHTML = “; lines.forEach(line => { const lineDiv = document.createElement(‚div‘); lineDiv.className = ‚flaschenkarusell-line‘; // Zeichen für Zeichen aufbauen line.split(“).forEach(char => { const letterSpan = document.createElement(’span‘); letterSpan.className = ‚flaschenkarusell-letter‘; letterSpan.textContent = char; // zufällige Startposition const offsetX = (Math.random() – 0.5) * 40; // -20 bis 20 px const offsetY = (Math.random() – 0.5) * 30; // -15 bis 15 px letterSpan.style.setProperty(‚–x‘, offsetX.toFixed(0) + ‚px‘); letterSpan.style.setProperty(‚–y‘, offsetY.toFixed(0) + ‚px‘); // zufällige Verzögerung, damit Buchstaben wild „reinfliegen“ const delay = Math.random() * 0.6; // 0–0,6s letterSpan.style.setProperty(‚–delay‘, delay.toFixed(2) + ’s‘); lineDiv.appendChild(letterSpan); }); span.appendChild(lineDiv); }); }); /* ————————- 2) FLASCHEN-KARUSSELL ————————- */ const bottles = […document.querySelectorAll(‚.vinetum-bottle‘)]; let angle = 0; let speed = 0.0025; const carousel = document.querySelector(‚.vinetum-carousel‘); carousel.addEventListener(‚mouseenter‘, ()=>{ speed = 0.008; }); carousel.addEventListener(‚mouseleave‘, ()=>{ speed = 0.0025; }); function update(){ const count = bottles.length; const radius = 420; bottles.forEach((bottle,index)=>{ const a = angle + (index * (Math.PI * 2 / count)); const x = Math.sin(a) * radius; const z = Math.cos(a); const scale = 0.65 + ((z + 1) / 2) * 0.7; const opacity = 0.35 + ((z + 1) / 2) * 0.65; bottle.style.left = `calc(50% + ${x}px)`; bottle.style.zIndex = Math.round(scale * 100); bottle.style.opacity = opacity; bottle.style.transform = `translate(-50%, -50%) scale(${scale})`; }); angle += speed; requestAnimationFrame(update); } update(); document .querySelector(‚.vinetum-prev‘) .addEventListener(‚click‘, ()=>{ angle -= 0.6; }); document .querySelector(‚.vinetum-next‘) .addEventListener(‚click‘, ()=>{ angle += 0.6; }); });
Hier kommen Sie auf Ihren Geschmack!
Wie alles mit einer Radtour durch die Weinberge begann
Manchmal beginnt eine Veränderung mit einem einzigen Bild. Bei mir war es eine Radtour durch die Weinberge. Zwischen den Reben standen Winzer in Schutzanzügen, um ihre Pflanzen mit chemischen Mitteln zu behandeln. Ein Moment, der sich tief eingebrannt hat – und die Frage hinterließ: Muss Wein wirklich so entstehen?
Kurz darauf lernte ich ein Bioweingut an der Mosel kennen. Dort sah ich, dass es auch anders geht: ökologischer Weinbau, der Böden, Pflanzen und Menschen respektiert – und dabei Weine hervorbringt, die in Sachen Geschmack und Vielfalt keinem konventionellen Wein nachstehen. Im Gegenteil: Sie erzählen oft noch mehr über ihre Herkunft und die Menschen dahinter.
Aus dieser Erfahrung ist Vinetum24 entstanden. Heute arbeiten wir mit ausgewählten Winzern aus Deutschland und Europa zusammen, die:
- nach ökologischen oder nachhaltigen Standards arbeiten,
- ihre Weinberge kennen wie ihre Westentasche
- und hinter jedem Wein persönlich stehen.
Wir besuchen die Weingüter, sprechen mit den Winzern und verkosten die Weine selbst. Erst wenn sie uns wirklich überzeugen, landen sie in unserem Sortiment. So können wir Ihnen ehrliche Bioweine mit Charakter anbieten – für alle, die Genuss und Verantwortung verbinden wollen.
Wir wollen niemanden bekehren. Wir laden Sie ein: Probieren Sie unsere Weine, spüren Sie den Unterschied – und entscheiden Sie selbst.