:root {
--gold: #F2A900;
--gold-hi: #FFC54D;
--text: #111;
--muted: #666; /* leichter NFT-Card-Look in warm */
--card-bg1: #fffaf0;
--card-bg2: #fff4dc;
--border: #efe3c4; --radius-card: 18px;
--radius-img: 26px; --actions-h: 150px;
--frame: 10px; /* Rahmenstärke */
} .kh-wrap { max-width: 1120px; margin: 0 auto; padding: 24px; }
.kh-hero { text-align: center; line-height: 1.5; margin-bottom: 24px; }
.kh-hero h1 {
margin: 0 0 8px;
font-weight: 800;
font-size: 42px;
color: var(--gold);
text-shadow: 0 2px 0 rgba(0,0,0,.12), 0 0 14px rgba(242,169,0,.2);
}
.kh-hero p { margin: 6px 0; font-size: 18px; color: var(--text); }
.kh-nav { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 14px 0 24px; }
.kh-nav a {
padding: 8px 12px;
border: 1px solid var(--gold);
color: var(--gold);
border-radius: 999px;
text-decoration: none;
font-weight: 700;
} .kh-section { margin: 36px 0; }
.kh-section h2 { margin: 0 0 8px; font-size: 28px; font-weight: 800; color: var(--gold); }
.kh-section p.lead { margin: 0 0 18px; color: var(--muted); } /* ========= Grids (Desktop 4er, dann 3/2/1) ========= */
.art-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch;
}
.art-grid.art-grid--two { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1200px) {
.art-grid,
.art-grid.art-grid--two { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
.art-grid,
.art-grid.art-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.art-grid,
.art-grid.art-grid--two { grid-template-columns: 1fr; }
} /* ========= Karten ========= */
.art-card {
background: linear-gradient(180deg, var(--card-bg1), var(--card-bg2));
border: 1px solid var(--border);
border-radius: var(--radius-card);
overflow: hidden;
box-shadow: 0 8px 22px rgba(0,0,0,.08);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
display: flex;
flex-direction: column;
}
.art-card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 36px rgba(0,0,0,.16);
border-color: #f0e2b3;
} /* ========= Thumbnail: vollflächig + Bild ganz sichtbar + wieder mit Rahmen ========= */
.thumb {
position: relative;
width: 100%;
aspect-ratio: 4 / 5;
border-radius: var(--radius-img);
overflow: hidden;
background: #fff;
box-shadow: 0 10px 24px rgba(0,0,0,.12);
} /* Blur-Füllung aus demselben Bild */
.thumb::before{
content:"";
position:absolute;
inset:0;
background-image: var(--img);
background-size: cover;
background-position: center;
filter: blur(16px) saturate(1.05);
transform: scale(1.12);
opacity:.55;
z-index:1;
} .thumb > a { position:absolute; inset:0; display:block; z-index:2; } .thumb img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit: contain;
display:block;
z-index:3;
transition: transform .35s ease;
} /* Rahmen-Overlay (weiß + feine Kante) */
.thumb::after{
content:"";
position:absolute;
inset:0;
border-radius: var(--radius-img);
pointer-events:none;
z-index:4;
box-shadow:
inset 0 0 0 var(--frame) #fff,
inset 0 0 0 calc(var(--frame) + 1px) #e9e9e9;
} /* Shine jetzt auf dem Link */
.thumb > a::after{
content:"";
position:absolute;
inset:0;
border-radius: var(--radius-img);
background: linear-gradient(120deg, rgba(255,255,255,.18), rgba(255,255,255,0) 45%);
opacity:0;
transition: opacity .35s ease;
pointer-events:none;
z-index:5;
} .art-card:hover .thumb img{ transform: scale(1.02); }
.art-card:hover .thumb > a::after{ opacity:.35; } .art-body {
padding: 14px 14px 16px;
display: flex;
flex-direction: column;
flex: 1;
}
.art-title { margin: 0 0 6px; font-size: 18px; font-weight: 800; line-height: 1.3; min-height: 2.6em; }
.art-meta { margin: 0 0 10px; padding: 0; list-style: none; color: var(--muted); font-size: 14px; }
.art-meta li { margin: 3px 0; }
.art-meta .price { font-weight: 800; color: #111; } /* ========= Actions Block wie NFT ========= */
.art-actions{
margin-top:auto;
min-height: var(--actions-h);
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:8px;
} /* Checkbox + Kaufvereinbarung Link */
.agree{
display:flex;
align-items:center;
gap:10px;
margin: 2px 0 4px;
}
.agree input{
appearance:none; -webkit-appearance:none;
width:18px; height:18px;
border:2px solid #cbd5e1; border-radius:4px;
background:#fff; cursor:pointer; position:relative; flex:0 0 auto;
}
.agree input:checked{ background: var(--gold); border-color: var(--gold); }
.agree input:checked::after{
content:"";
position:absolute; left:4px; top:0px;
width:6px; height:12px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg);
}
.visually-hidden{
position:absolute !important;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;clip:rect(0,0,0,0);
white-space:nowrap;border:0;
}
.agreement-link{
background:#fff3d8;
border:1px solid #ead9a7;
border-radius:12px;
padding:7px 10px;
font-weight:800;
color:#111;
text-decoration:none;
display:inline-flex; align-items:center;
font-size:13px;
}
.agreement-link:hover{ filter:brightness(.98); } /* ========= Buttons: kleiner + passen sicher rein ========= */
.art-cta{
display:flex;
gap:6px;
}
.btn{
appearance:none;
padding:7px 9px; /* kleiner */
border-radius:9px; /* kleiner */
font-weight:800;
font-size:13px; /* kleiner */
text-decoration:none;
line-height:1.2;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
flex:1 1 0; /* teilt Platz fair */
min-width:0;
white-space:normal; /* darf notfalls umbrechen statt rauszulaufen */
text-align:center;
transition:transform .15s ease, box-shadow .15s ease, filter .15s ease, background .15s ease, color .15s ease;
}
.btn-outline{
border:2px solid var(--gold);
color:#111;
background:#fff;
box-shadow:0 4px 10px rgba(0,0,0,.05);
}
.btn-outline:hover{ background:var(--gold); transform:translateY(-1px); }
.btn-primary{
border:0;
background: linear-gradient(180deg, var(--gold-hi), var(--gold));
color:#111;
box-shadow:0 6px 14px rgba(242,169,0,.28);
}
.btn-primary:hover{ transform:translateY(-1px); filter:saturate(1.06); } /* Kaufen gesperrt bis Checkbox aktiv */
.btn-primary.is-locked{ pointer-events:none; opacity:.55; filter:grayscale(.15); }
.art-actions:has(.agree input:checked) .btn-primary.is-locked{
pointer-events:auto; opacity:1; filter:none;
} .art-legal{
font-size:12.5px;
color:#111;
font-weight:800;
margin-top:4px;
} /* ========= Lightbox ========= */
.lightbox {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
background: rgba(0,0,0,.85);
z-index: 2147483647;
padding: 24px;
}
.lightbox.open { display: flex; }
.lightbox img {
max-width: 92vw;
max-height: 92vh;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0,0,0,.55);
}
.lb-close {
position: absolute;
top: 16px;
right: 16px;
width: 42px;
height: 42px;
border-radius: 999px;
background: #fff;
color: #111;
border: 0;
cursor: pointer;
font-weight: 800;
font-size: 22px;
box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.lb-close:hover { background: #f5f5f5; } /* Header ausblenden wenn Lightbox offen */
body.lb-open #main-header,
body.lb-open .et-l--header,
body.lb-open header.et-l,
body.lb-open .et_pb_section_0_tb_header,
body.lb-open .et_pb_sticky,
body.lb-open .et_pb_row_0_tb_header {
display: none !important;
}
Plakatfarben auf Papier – originale Arbeiten
Figurative und experimentelle Plakatkunst von Nadir Habbal – expressiv, politisch, emotional.
Serie „Freidenker“
Kopf- & Figurenstudien
Moderne Plakatkunst
Serie „Freidenker“
Vier frühe Arbeiten in Plakatfarbe – klare Flächen, reduzierte Formen und persönliche Symbole.
Figur auf Rot
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2003
Preis: 1.650,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Raucherfigur auf Gelb
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2003
Preis: 1.750,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Organische Gestalt
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2003
Preis: 1.850,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Fantasieblüte
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2002
Preis: 1.590,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Kopf- & Figurenstudien
Köpfe im Raum, zerschnittene Silhouetten, innere Spannungen – frühe Experimente mit klaren Flächen.
Gespaltene Persönlichkeit
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2002
Preis: 1.350,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Kopfkunst – letzte Worte
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2002
Preis: 1.485,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Innerer Blick
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2002
Preis: 1.499,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Still im Sturm
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2003
Preis: 1.399,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Moderne Plakatkunst – „Justiz“-Reihe
Vier sehr persönliche, emotionale Arbeiten aus 2009 – Kritik, Verletzlichkeit und Symbolik in den Farben Schwarz-Rot-Gold.
Justiz – der abgetrennte Kopf
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2009
Preis: 1.470,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Justiz I – geöffnet
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2009
Preis: 1.575,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Justiz II – verstrickt
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2009
Preis: 1.675,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Justiz III – Ausbluten
Plakatfarbe auf Papier, 42 × 52,4 cm
Entstehungsjahr: 2009
Preis: 1.795,00 €
Kaufvereinbarung bestätigen
Kaufvereinbarung
Anfrage senden
Direkt kaufen
Original | Plakatfarbe auf Papier.
Verkauf & Abwicklung gemäß deutschen Rechtsvorschriften. Bei individuellen Auftragsarbeiten
erlischt das Widerrufsrecht mit Beginn der Ausführung (§ 356 Abs. 5 BGB).
AGB & Verkaufsbedingungen
× (function(){
const lb = document.getElementById('lightbox');
const img = lb.querySelector('img'); function openLB(src, alt){
img.src = src;
img.alt = alt || "";
lb.classList.add('open');
document.body.classList.add('lb-open');
document.body.style.overflow = 'hidden';
lb.setAttribute('aria-hidden','false');
}
function closeLB(){
lb.classList.remove('open');
document.body.classList.remove('lb-open');
document.body.style.overflow = '';
lb.setAttribute('aria-hidden','true');
img.src = "";
img.alt = "";
} document.addEventListener('click', function(e){
const a = e.target.closest('.thumb a');
if(!a) return;
e.preventDefault();
const src = a.getAttribute('href');
const alt = a.querySelector('img')?.alt || '';
openLB(src, alt);
}); lb.addEventListener('click', function(e){
if(e.target === lb || e.target.classList.contains('lb-close')) {
closeLB();
}
});
document.addEventListener('keydown', function(e){
if(e.key === 'Escape') closeLB();
});
})();
