Media
Nibe Media
Heimat von "Luzifers Welt" und investigativen Analysen.
Zum Magazin
Innovation
Nibe Tech
Engineering for Life. Patentierte Sicherheitstechnologie.
Zur Technologie
Energy
Sveglio
Pure Sweet Energy. Der Treibstoff für Wache.
Zum Shop
Fine Art
Eterno
Ölgemälde und limitierte Editionen.
Zur Galerie
color: inherit;
transition: 0.3s;
}
/* HEADER BEREICH */
.nibe-header {
padding: 60px 20px 40px 20px;
text-align: center;
width: 100%;
max-width: 800px; /* Begrenzt die Breite für Lesbarkeit */
}
.nibe-pre-title {
font-size: 0.9rem;
letter-spacing: 3px;
color: #888;
text-transform: uppercase;
margin-bottom: 10px;
}
.nibe-hero-title {
font-size: 3.5rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -2px;
line-height: 1;
margin: 0;
color: #fff;
}
.nibe-subline {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 4px;
color: #fff;
margin-top: 10px;
opacity: 0.8;
}
.nibe-stats {
margin-top: 25px;
font-size: 0.8rem;
color: #00ffcc;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
/* GRID LAYOUT (KACHELN) */
.nibe-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
padding: 20px;
max-width: 1200px;
width: 100%;
box-sizing: border-box;
margin-bottom: 40px;
}
/* KARTEN DESIGN */
.nibe-card {
background: #111;
border: 1px solid #222;
padding: 30px 20px;
text-align: center;
position: relative;
transition: all 0.3s ease;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 250px;
}
.nibe-card:hover {
background: #161616;
border-color: #555;
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.nibe-tag {
position: absolute;
top: 15px;
right: 15px;
font-size: 0.65rem;
font-weight: bold;
text-transform: uppercase;
padding: 4px 8px;
border-radius: 2px;
}
.nibe-card h3 {
font-size: 1.5rem;
text-transform: uppercase;
margin: 15px 0 10px 0;
font-weight: 800;
}
.nibe-card p {
color: #999;
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 20px;
}
/* FARBEN */
.accent-media { color: #ff0055; border: 1px solid #ff0055; background: rgba(255,0,85,0.1); }
.accent-tech { color: #00ffcc; border: 1px solid #00ffcc; background: rgba(0,255,204,0.1); }
.accent-brand { color: #fff; border: 1px solid #fff; background: rgba(255,255,255,0.1); }
.accent-art { color: #d4af37; border: 1px solid #d4af37; background: rgba(212,175,55,0.1); }
/* BUTTONS */
.card-btn {
display: inline-block;
padding: 10px 0;
width: 100%;
border: 1px solid #333;
color: #fff;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: bold;
margin-top: auto;
transition: 0.2s;
}
.nibe-card:hover .card-btn {
background: #fff;
color: #000;
}
/* INTERNER FOOTER */
.nibe-internal-footer {
text-align: center;
padding: 20px;
color: #444;
font-size: 0.7rem;
text-transform: uppercase;
width: 100%;
}
/* RESPONSIVE */
@media (max-width: 600px) {
.nibe-hero-title { font-size: 2.8rem; }
.nibe-subline { font-size: 0.8rem; }
.nibe-header { padding: 40px 15px; }
}
Media
Nibe Media
Heimat von "Luzifers Welt" und investigativen Analysen. Kritischer Journalismus trifft auf Satire.
Zum Magazin
Innovation
Nibe Tech
Engineering for Life. Entwicklung patentierter Sicherheitstechnologien.
Zur Technologie
Energy
Sveglio
Pure Sweet Energy. Der Treibstoff für Wache. High-End Design & Taste.
Zum Shop
Fine Art
Eterno
Ölgemälde und limitierte Editionen. Zeitlose Werke für Sammler.
Zur Galerie
width: 100%;
display: flex;
flex-direction: column;
overflow-x: hidden;
}
.nibe-container a {
text-decoration: none;
color: inherit;
transition: 0.3s;
}
/* HEADER BEREICH */
.nibe-header {
padding: 60px 20px 40px 20px;
text-align: center;
background: radial-gradient(circle at center, #1a1a1a 0%, #000000 100%);
}
.nibe-pre-title {
font-size: 0.9rem;
letter-spacing: 3px;
color: #888;
text-transform: uppercase;
margin-bottom: 10px;
}
.nibe-hero-title {
font-size: 3.5rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -2px;
line-height: 1;
margin: 0;
color: #fff;
}
.nibe-subline {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 4px;
color: #fff;
margin-top: 10px;
opacity: 0.8;
}
.nibe-stats {
margin-top: 25px;
font-size: 0.8rem;
color: #00ffcc; /* Tech-Green */
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
/* GRID LAYOUT (KACHELN) */
.nibe-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 15px;
padding: 20px;
max-width: 1200px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
/* KARTEN DESIGN */
.nibe-card {
background: #111;
border: 1px solid #222;
padding: 30px 20px;
text-align: center;
position: relative;
transition: all 0.3s ease;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 250px;
}
.nibe-card:hover {
background: #161616;
border-color: #555;
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.nibe-tag {
position: absolute;
top: 15px;
right: 15px;
font-size: 0.65rem;
font-weight: bold;
text-transform: uppercase;
padding: 4px 8px;
border-radius: 2px;
}
.nibe-card h3 {
font-size: 1.5rem;
text-transform: uppercase;
margin: 15px 0 10px 0;
font-weight: 800;
}
.nibe-card p {
color: #999;
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 20px;
}
/* FARBEN */
.accent-media { color: #ff0055; border: 1px solid #ff0055; background: rgba(255,0,85,0.1); }
.accent-tech { color: #00ffcc; border: 1px solid #00ffcc; background: rgba(0,255,204,0.1); }
.accent-brand { color: #fff; border: 1px solid #fff; background: rgba(255,255,255,0.1); }
.accent-art { color: #d4af37; border: 1px solid #d4af37; background: rgba(212,175,55,0.1); }
/* BUTTONS IN DEN KARTEN */
.card-btn {
display: inline-block;
padding: 10px 0;
width: 100%;
border: 1px solid #333;
color: #fff;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: bold;
margin-top: auto; /* Drückt Button nach unten */
transition: 0.2s;
}
.nibe-card:hover .card-btn {
background: #fff;
color: #000;
}
/* FOOTER (INTERN) */
.nibe-internal-footer {
text-align: center;
padding: 40px 20px;
color: #444;
font-size: 0.7rem;
text-transform: uppercase;
margin-top: auto;
}
/* RESPONSIVE FÜR HANDY */
@media (max-width: 600px) {
.nibe-hero-title { font-size: 2.8rem; }
.nibe-subline { font-size: 0.8rem; }
.nibe-header { padding: 40px 15px; }
}
Media
Nibe Media
Heimat von "Luzifers Welt" und investigativen Analysen. Wo Satire auf Wahrheit trifft.
Zum Magazin
Innovation
Nibe Tech
Engineering for Life. Entwicklung patentierter Sicherheitstechnologien.
Zur Technologie
Energy
Sveglio
Pure Sweet Energy. Der Treibstoff für Wache. High-End Design & Taste.
Zum Shop
Fine Art
Eterno
Ölgemälde und limitierte Editionen. Zeitlose Werke für Sammler.
Zur Galerie
