.kmf-home {
–kmf-orange: #ff8300;
–kmf-orange-hover: #e67500;
–kmf-blue: #143149;
–kmf-anthracite: #4d5d6d;
–kmf-accent-dark: #102136;
–kmf-accent-1: #E7EBEE;
–kmf-accent-3: #F3F5F9;
–kmf-accent-4: #FBFBFC;
–kmf-white: #ffffff;

–kmf-text-primary: var(–kmf-accent-dark);
–kmf-text-body: var(–kmf-anthracite);
–kmf-text-muted: #6b7785;
–kmf-text-on-dark: var(–kmf-white);
–kmf-border: var(–kmf-accent-1);
–kmf-border-strong: #cdd4dc;

–kmf-s-1: 0.5rem;
–kmf-s-2: 1rem;
–kmf-s-3: 1.5rem;
–kmf-s-4: 2rem;
–kmf-s-5: 3rem;
–kmf-s-6: 4rem;
–kmf-s-7: 6rem;

–kmf-container: 1280px;
–kmf-radius-sm: 4px;
–kmf-radius: 8px;
–kmf-radius-lg: 12px;

–kmf-shadow-sm: 0 1px 2px rgba(16, 33, 54, 0.05);
–kmf-shadow: 0 4px 12px rgba(16, 33, 54, 0.08);
–kmf-shadow-lg: 0 12px 32px rgba(16, 33, 54, 0.12);

–kmf-fs-eyebrow: 0.8125rem;
–kmf-fs-body: 1rem;
–kmf-fs-body-lg: 1.125rem;
–kmf-fs-h3: 1.25rem;
–kmf-fs-h2: 1.75rem;
–kmf-fs-h1: 2.25rem;

color: var(–kmf-text-body);
font-size: var(–kmf-fs-body);
line-height: 1.6;
}

@media (min-width: 768px) {
.kmf-home {
–kmf-fs-h1: 2.75rem;
–kmf-fs-h2: 2rem;
}
}

@media (min-width: 1024px) {
.kmf-home {
–kmf-fs-h1: 3.25rem;
–kmf-fs-h2: 2.25rem;
–kmf-fs-h3: 1.375rem;
}
}

.kmf-home {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
}

.kmf-home *,
.kmf-home *::before,
.kmf-home *::after {
box-sizing: border-box;
}

.kmf-home img,
.kmf-home picture {
display: block;
max-width: 100%;
height: auto;
}

.kmf-home-section {
padding-block: var(–kmf-s-6);
background: var(–kmf-white);
}

@media (min-width: 1024px) {
.kmf-home-section { padding-block: var(–kmf-s-7); }
}

.kmf-home-section–alt { background: var(–kmf-accent-3); }
.kmf-home-section–soft { background: var(–kmf-accent-4); }
.kmf-home-section–dark {
background: var(–kmf-accent-dark);
color: var(–kmf-text-on-dark);
}

.kmf-home-container {
width: 100%;
max-width: var(–kmf-container);
margin-inline: auto;
padding-inline: var(–kmf-s-3);
}

@media (min-width: 768px) {
.kmf-home-container { padding-inline: var(–kmf-s-4); }
}

.kmf-home-eyebrow {
display: inline-flex;
align-items: center;
gap: var(–kmf-s-2);
margin: 0 0 var(–kmf-s-2);
font-size: var(–kmf-fs-eyebrow);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–kmf-orange);
}

.kmf-home-eyebrow::before {
content: „“;
width: 28px;
height: 2px;
background: currentColor;
}

.kmf-home-h1,
.kmf-home-h2,
.kmf-home-h3 {
margin: 0;
color: var(–kmf-text-primary);
font-weight: 700;
line-height: 1.2;
}

.kmf-home-section–dark .kmf-home-h1,
.kmf-home-section–dark .kmf-home-h2,
.kmf-home-section–dark .kmf-home-h3 { color: var(–kmf-text-on-dark); }

.kmf-home-h1 { font-size: var(–kmf-fs-h1); }
.kmf-home-h2 { font-size: var(–kmf-fs-h2); }
.kmf-home-h3 { font-size: var(–kmf-fs-h3); line-height: 1.3; }

.kmf-home-lead {
margin: var(–kmf-s-3) 0 0;
font-size: var(–kmf-fs-body-lg);
color: var(–kmf-text-body);
max-width: 60ch;
}

.kmf-home-section–dark .kmf-home-lead { color: rgba(255, 255, 255, 0.85); }

.kmf-home-section-header {
text-align: center;
margin-bottom: var(–kmf-s-5);
}

.kmf-home-section-header .kmf-home-eyebrow,
.kmf-home-section-header .kmf-home-lead {
margin-inline: auto;
}

.kmf-home-section-header .kmf-home-lead { text-align: center; }

@media (min-width: 768px) {
.kmf-home-section-header { margin-bottom: var(–kmf-s-6); }
}

.kmf-home-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(–kmf-s-2);
padding: 0.875rem 1.75rem;
border: 2px solid transparent;
border-radius: var(–kmf-radius);
background: var(–kmf-blue);
color: var(–kmf-white);
font-size: var(–kmf-fs-body);
font-weight: 600;
text-decoration: none;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
-webkit-appearance: none;
}

.kmf-home-btn:hover,
.kmf-home-btn:focus-visible {
background: var(–kmf-accent-dark);
color: var(–kmf-white);
text-decoration: none;
}

.kmf-home-btn:active { transform: translateY(1px); }

.kmf-home-btn–primary {
background: var(–kmf-orange);
border-color: var(–kmf-orange);
color: var(–kmf-white);
}

.kmf-home-btn–primary:hover,
.kmf-home-btn–primary:focus-visible {
background: var(–kmf-orange-hover);
border-color: var(–kmf-orange-hover);
color: var(–kmf-white);
}

.kmf-home-btn–ghost {
background: transparent;
border-color: rgba(255, 255, 255, 0.6);
color: var(–kmf-white);
}

.kmf-home-btn–ghost:hover,
.kmf-home-btn–ghost:focus-visible {
background: rgba(255, 255, 255, 0.1);
border-color: var(–kmf-white);
color: var(–kmf-white);
}

.kmf-home-btn–lg {
padding: 1.0625rem 2rem;
font-size: var(–kmf-fs-body-lg);
}

.kmf-home-hero-band {
position: relative;
overflow: hidden;
background-color: var(–kmf-accent-dark);
background-image:
linear-gradient(
100deg,
rgba(16, 33, 54, 0.9) 0%,
rgba(16, 33, 54, 0.72) 55%,
rgba(16, 33, 54, 0.5) 100%
),
url(„https://kmf-profile.de/wp-content/uploads/2026/07/shop_header.webp“);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: var(–kmf-text-on-dark);
padding-block: var(–kmf-s-6);
}

@media (min-width: 1024px) {
.kmf-home-hero-band { padding-block: var(–kmf-s-7); }
}

.kmf-home-hero-band__inner {
max-width: 780px;
margin-inline: auto;
text-align: center;
}

.kmf-home-hero-band__inner .kmf-home-eyebrow { margin-inline: auto; }

.kmf-home-hero-band__title {
font-size: var(–kmf-fs-h1);
font-weight: 700;
line-height: 1.15;
margin: 0 0 var(–kmf-s-3);
color: var(–kmf-white);
}

.kmf-home-hero-band__subtitle {
font-size: var(–kmf-fs-body-lg);
line-height: 1.55;
color: rgba(255, 255, 255, 0.9);
margin: 0;
}

.kmf-home-choice {
padding-block: var(–kmf-s-5);
}

@media (min-width: 1024px) {
.kmf-home-choice { padding-block: var(–kmf-s-6); }
}

.kmf-home-choice__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(–kmf-s-3);
max-width: 1000px;
margin-inline: auto;
}

@media (min-width: 768px) {
.kmf-home-choice__grid {
grid-template-columns: repeat(2, 1fr);
gap: var(–kmf-s-4);
}
}

.kmf-home-choice-card {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background: var(–kmf-white);
border: 1px solid var(–kmf-border);
border-top: 4px solid var(–kmf-orange);
border-radius: var(–kmf-radius-lg);
text-decoration: none;
box-shadow: var(–kmf-shadow);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.kmf-home-choice-card:hover,
.kmf-home-choice-card:focus-visible {
box-shadow: var(–kmf-shadow-lg);
transform: translateY(-3px);
text-decoration: none;
}

.kmf-home-choice-card__media {
display: block;
background: var(–kmf-accent-3);
aspect-ratio: 16 / 9;
overflow: hidden;
}

.kmf-home-choice-card__media img {
width: 100%;
height: 100%;
object-fit: contain;
padding: var(–kmf-s-2);
transition: transform 0.3s ease;
}

.kmf-home-choice-card__media–zoom img {
transform: scale(1.12);
}

.kmf-home-choice-card:hover .kmf-home-choice-card__media img {
transform: scale(1.05);
}

.kmf-home-choice-card:hover .kmf-home-choice-card__media–zoom img {
transform: scale(1.17);
}

.kmf-home-choice-card__body {
display: flex;
flex-direction: column;
flex: 1;
padding: var(–kmf-s-4);
}

.kmf-home-choice-card__label {
font-size: var(–kmf-fs-eyebrow);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–kmf-orange);
margin-bottom: var(–kmf-s-1);
}

.kmf-home-choice-card__title {
font-size: var(–kmf-fs-h2);
font-weight: 700;
line-height: 1.2;
color: var(–kmf-text-primary);
margin: 0 0 var(–kmf-s-2);
}

.kmf-home-choice-card__text {
font-size: var(–kmf-fs-body);
color: var(–kmf-text-body);
line-height: 1.6;
margin: 0 0 var(–kmf-s-2);
}

.kmf-home-choice-card__meta {
font-size: 0.875rem;
color: var(–kmf-text-muted);
margin: 0 0 var(–kmf-s-4);
}

.kmf-home-choice-card__cta {
margin-top: auto;
align-self: flex-start;
}

.kmf-home-choice-card:hover .kmf-home-choice-card__cta {
background: var(–kmf-orange-hover);
border-color: var(–kmf-orange-hover);
}

.kmf-home-trust {
background: var(–kmf-white);
border-bottom: 1px solid var(–kmf-border);
padding-block: var(–kmf-s-4);
}

.kmf-home-trust__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(–kmf-s-3);
}

@media (min-width: 768px) {
.kmf-home-trust__grid {
grid-template-columns: repeat(4, 1fr);
gap: var(–kmf-s-4);
}
}

.kmf-home-trust__item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: var(–kmf-s-1);
min-width: 0;
font-size: 0.9375rem;
font-weight: 600;
color: var(–kmf-text-primary);
overflow-wrap: break-word;
}

@media (min-width: 768px) {
.kmf-home-trust__item {
flex-direction: row;
text-align: left;
gap: var(–kmf-s-2);
}
}

.kmf-home-trust__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(–kmf-accent-3);
color: var(–kmf-blue);
flex-shrink: 0;
}

.kmf-home-trust__icon svg { width: 22px; height: 22px; }

.kmf-home-beratung {
background: var(–kmf-accent-dark);
color: var(–kmf-white);
position: relative;
overflow: hidden;
}

.kmf-home-beratung::before {
content: „“;
position: absolute;
top: -120px;
right: -120px;
width: 380px;
height: 380px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 131, 0, 0.18) 0%, transparent 70%);
pointer-events: none;
}

.kmf-home-beratung__inner {
display: grid;
grid-template-columns: 1fr;
gap: var(–kmf-s-5);
align-items: center;
position: relative;
z-index: 1;
}

@media (min-width: 900px) {
.kmf-home-beratung__inner {
grid-template-columns: 1.1fr 0.9fr;
gap: var(–kmf-s-6);
}
}

.kmf-home-beratung__title {
color: var(–kmf-white);
margin-bottom: var(–kmf-s-2);
}

.kmf-home-beratung__text {
color: rgba(255, 255, 255, 0.85);
font-size: var(–kmf-fs-body-lg);
margin: 0 0 var(–kmf-s-4);
max-width: 50ch;
}

.kmf-home-beratung__phone {
display: inline-flex;
align-items: center;
gap: var(–kmf-s-2);
font-size: 1.625rem;
font-weight: 700;
color: var(–kmf-white);
text-decoration: none;
margin-bottom: var(–kmf-s-1);
}

.kmf-home-beratung__phone:hover,
.kmf-home-beratung__phone:focus-visible {
color: var(–kmf-orange);
text-decoration: none;
}

.kmf-home-beratung__phone-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(–kmf-orange);
color: var(–kmf-white);
flex-shrink: 0;
}

.kmf-home-beratung__phone-icon svg { width: 22px; height: 22px; }

.kmf-home-beratung__hours {
font-size: 0.9375rem;
color: rgba(255, 255, 255, 0.7);
margin: 0 0 var(–kmf-s-4);
}

.kmf-home-beratung__media {
border-radius: var(–kmf-radius-lg);
overflow: hidden;
box-shadow: var(–kmf-shadow-lg);
}

.kmf-home-beratung__media img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}

.kmf-home-service__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(–kmf-s-3);
}

@media (min-width: 600px) {
.kmf-home-service__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
.kmf-home-service__grid { grid-template-columns: repeat(4, 1fr); }
}

.kmf-home-service-item {
display: flex;
flex-direction: column;
gap: var(–kmf-s-1);
padding: var(–kmf-s-3);
background: var(–kmf-white);
border: 1px solid var(–kmf-border);
border-radius: var(–kmf-radius);
}

.kmf-home-service-item__icon {
color: var(–kmf-blue);
margin-bottom: var(–kmf-s-1);
}

.kmf-home-service-item__icon svg { width: 28px; height: 28px; }

.kmf-home-service-item__title {
font-size: 1rem;
font-weight: 700;
color: var(–kmf-text-primary);
margin: 0;
}

.kmf-home-service-item__text {
font-size: 0.9375rem;
color: var(–kmf-text-body);
margin: 0;
line-height: 1.5;
}

.kmf-home-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;
}

@media (prefers-reduced-motion: reduce) {
.kmf-home *,
.kmf-home *::before,
.kmf-home *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}

Made in Germany · Seit 2010

Profilbleche ab Lager oder auf Maß gefertigt

Über 300 Varianten sofort ab Lager in Ankum oder Trapezbleche in Ihrer Wunschlänge aus eigener Fertigung. Wählen Sie Ihren Einstieg.

Sofort lieferbar

Lagerware

Trapezbleche, Sandwichpaneele, Lichtplatten, Kantteile und Zubehör in festen Standardlängen, direkt ab Lager.

Über 300 Varianten · Feste Längen · Kurze Lieferzeit

Zur Lagerware

Auf Ihr Maß gefertigt

Maßware

Trapezbleche in Ihrer Wunschlänge, millimetergenau produziert. Länge frei eingeben, Preis sofort sehen.

Freie Längeneingabe · 3 Profile · Direkt vom Hersteller

Zur Maßware

Seit 2010 am Markt

Made in Germany

Persönliche Beratung

Lieferung deutschlandweit

Persönliche Beratung

Lager oder Maß? Wir sagen Ihnen, was passt.

Standardlänge ab Lager oder millimetergenaue Fertigung: Welche Variante für Ihr Projekt sinnvoller ist, klären wir in fünf Minuten am Telefon.

+49 5462 887090

Montag bis Freitag erreichbar

Kontakt

Service & Versand

Klare Bedingungen, keine Überraschungen

Lieferung deutschlandweit

Per Spedition direkt zur Baustelle oder zum Wunschort. Versandkosten je nach PLZ ab 100 €.

Schnelle Bearbeitung

Bestellungen werden Montag bis Freitag innerhalb von 1 bis 3 Werktagen bearbeitet.

Sichere Zahlung

Vorkasse, PayPal mit Käuferschutz oder Kreditkarte – Sie wählen die Zahlungsart, die zu Ihnen passt.

Versandkosten transparent

PLZ eingeben und auf jeder Produktseite die exakten Versandkosten direkt einsehen.