.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 *,
.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–outline {
background: transparent;
border-color: var(–kmf-blue);
color: var(–kmf-blue);
}

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

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

.kmf-home-hero {
position: relative;
overflow: hidden;
width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
background-color: var(–kmf-accent-dark);
background-image:
linear-gradient(
100deg,
rgba(16, 33, 54, 0.88) 0%,
rgba(16, 33, 54, 0.65) 55%,
rgba(16, 33, 54, 0.35) 100%
),
url(„https://kmf-profile.de/wp-content/uploads/2024/09/KMF_Final0K1A0139_wand_small-scaled.jpg“);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: var(–kmf-text-on-dark);
min-height: 420px;
display: flex;
align-items: center;
}

@media (min-width: 1024px) {
.kmf-home-hero { min-height: 560px; }
}

.kmf-home-hero__inner {
width: 100%;
padding-block: var(–kmf-s-6) var(–kmf-s-7);
}

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

.kmf-home-hero__content { max-width: 720px; }

.kmf-home-hero__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__subtitle {
font-size: var(–kmf-fs-body-lg);
line-height: 1.55;
color: rgba(255, 255, 255, 0.9);
margin: 0 0 var(–kmf-s-4);
max-width: 56ch;
}

.kmf-home-hero__ctas {
display: flex;
flex-wrap: wrap;
gap: var(–kmf-s-2);
}

.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-cats__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(–kmf-s-3);
}

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

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

.kmf-home-cats__grid–secondary {
margin-top: var(–kmf-s-3);
}

@media (min-width: 768px) {
.kmf-home-cats__grid–secondary { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1024px) {
.kmf-home-cats__grid–secondary {
grid-template-columns: repeat(8, 1fr);
}
.kmf-home-cats__grid–secondary > .kmf-home-cat {
grid-column: span 2;
}
.kmf-home-cats__grid–secondary > .kmf-home-cat:first-child {
grid-column: 2 / span 2;
}
}

.kmf-home-cat {
display: flex;
flex-direction: column;
background: var(–kmf-white);
border: 1px solid var(–kmf-border);
border-radius: var(–kmf-radius-lg);
text-decoration: none;
color: inherit;
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.kmf-home-cat:hover,
.kmf-home-cat:focus-visible {
border-color: var(–kmf-blue);
box-shadow: var(–kmf-shadow);
text-decoration: none;
color: inherit;
transform: translateY(-2px);
}

.kmf-home-cat__media {
position: relative;
aspect-ratio: 4 / 3;
background: var(–kmf-accent-3);
overflow: hidden;
}

.kmf-home-cat__media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}

.kmf-home-cat:hover .kmf-home-cat__media img { transform: scale(1.04); }

.kmf-home-cat__body {
padding: var(–kmf-s-3);
display: flex;
flex-direction: column;
gap: var(–kmf-s-1);
flex-grow: 1;
}

.kmf-home-cat__title {
font-size: var(–kmf-fs-h3);
font-weight: 700;
color: var(–kmf-text-primary);
margin: 0;
}

.kmf-home-cat__meta {
font-size: 0.9375rem;
color: var(–kmf-text-muted);
margin: 0;
}

.kmf-home-cat__cta {
display: inline-flex;
align-items: center;
gap: 0.375rem;
margin-top: auto;
padding-top: var(–kmf-s-2);
font-size: 0.9375rem;
font-weight: 600;
color: var(–kmf-blue);
}

.kmf-home-cat__cta::after {
content: „→“;
transition: transform 0.2s ease;
}

.kmf-home-cat:hover .kmf-home-cat__cta::after { transform: translateX(4px); }

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

@media (min-width: 768px) {
.kmf-home-guide__grid { grid-template-columns: repeat(3, 1fr); }
}

.kmf-home-guide-card {
display: flex;
flex-direction: column;
gap: var(–kmf-s-2);
background: var(–kmf-white);
padding: var(–kmf-s-4);
border-radius: var(–kmf-radius-lg);
border: 1px solid var(–kmf-border);
text-decoration: none;
color: inherit;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.kmf-home-guide-card:hover,
.kmf-home-guide-card:focus-visible {
border-color: var(–kmf-blue);
box-shadow: var(–kmf-shadow);
text-decoration: none;
color: inherit;
}

.kmf-home-guide-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: var(–kmf-radius);
background: var(–kmf-accent-3);
color: var(–kmf-blue);
margin-bottom: var(–kmf-s-1);
}

.kmf-home-guide-card__icon svg { width: 28px; height: 28px; }

.kmf-home-guide-card__title {
font-size: var(–kmf-fs-h3);
font-weight: 700;
color: var(–kmf-text-primary);
margin: 0;
}

.kmf-home-guide-card__text {
margin: 0;
color: var(–kmf-text-body);
font-size: 0.9375rem;
}

.kmf-home-guide-card__link {
margin-top: auto;
padding-top: var(–kmf-s-2);
font-weight: 600;
font-size: 0.9375rem;
color: var(–kmf-blue);
display: inline-flex;
align-items: center;
gap: 0.375rem;
}

.kmf-home-guide-card__link::after {
content: „→“;
transition: transform 0.2s ease;
}

.kmf-home-guide-card:hover .kmf-home-guide-card__link::after { transform: translateX(4px); }

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

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

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

.kmf-home-why-item {
display: flex;
flex-direction: column;
gap: var(–kmf-s-2);
padding-top: var(–kmf-s-3);
border-top: 3px solid var(–kmf-orange);
}

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

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

.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-projects__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(–kmf-s-3);
}

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

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

.kmf-home-project {
position: relative;
border-radius: var(–kmf-radius-lg);
overflow: hidden;
aspect-ratio: 4 / 3;
}

.kmf-home-project img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}

.kmf-home-project:hover img { transform: scale(1.05); }

.kmf-home-project__caption {
position: absolute;
inset-inline: 0;
bottom: 0;
padding: var(–kmf-s-3);
background: linear-gradient(to top, rgba(16, 33, 54, 0.92) 0%, transparent 100%);
color: var(–kmf-white);
}

.kmf-home-project__caption-eyebrow {
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(–kmf-orange);
font-weight: 600;
margin: 0 0 0.25rem;
}

.kmf-home-project__caption-title {
font-size: 1rem;
font-weight: 700;
margin: 0;
}

.kmf-home-final-cta { text-align: center; }

.kmf-home-final-cta__inner {
max-width: 720px;
margin-inline: auto;
}

.kmf-home-final-cta__title { margin-bottom: var(–kmf-s-3); }

.kmf-home-final-cta__text {
margin: 0 0 var(–kmf-s-4);
font-size: var(–kmf-fs-body-lg);
}

.kmf-home-final-cta__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(–kmf-s-2);
}

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

.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

Trapezbleche und Sandwichpaneele direkt vom Hersteller

Über 300 Varianten ab Lager in Ankum – inkl. Zubehör, Lichtplatten und Kantteilen. Beratung, Fertigung und Versand aus einer Hand.

Kostenlose Beratung

Seit 2010 am Markt

Made in Germany

Persönliche Beratung

Lieferung deutschlandweit

Direkt ab Lager

Unser Sortiment

Sandwichpaneele Dach

Kernstärken 40 bis 80 mm, Profile IC und SEC D

Zur Kategorie

Sandwichpaneele Wand

Kernstärken 30 bis 80 mm, auch in Wood Optik

Zur Kategorie

Trapezbleche Dachprofile

8 Profile in Stahl und Aluminium

Zur Kategorie

Trapezbleche Wandprofile

4 Profile für Fassaden in Stahl

Zur Kategorie

Trapez-Lichtplatten

Lichttrapez 35-207 und 50-250

Zur Kategorie

Kantteile Konfigurator

Maßgefertigt aus eigener Produktion

Zur Kategorie

Befestigung & Zubehör

Schrauben, Kalotten, Dichtungen und mehr

Zur Kategorie

Kaufberatung

Welches Produkt passt zu Ihrem Projekt?

Stall, Halle & Werkstatt

Gedämmte Dachkonstruktionen für Nutzgebäude.

Sandwichpaneele Dach ansehen

Carport, Garage & Vordach

Robuste Dacheindeckung für offene Anbauten und kleine Bauten.

Trapezbleche Dach ansehen

Fassade & Außenwand

Gedämmte Wandelemente für Hallen, auf Wunsch in Holzoptik.

Sandwichpaneele Wand ansehen

Über KMF

Mehr als ein Online-Shop

Über 15 Jahre Erfahrung

Seit 2010 beraten und beliefern wir Bauherren, Handwerker und Landwirte. Diese Erfahrung fließt in jede Empfehlung ein.

Eigene Kantteilfertigung

Kantteile produzieren wir auf eigenen Anlagen in Ankum. Maßanfertigungen kommen direkt aus dem Werk – ohne Zwischenhändler.

Über 300 Varianten ab Lager

Trapezbleche, Sandwichpaneele, Lichtplatten und Zubehör – vom Carport-Profil bis zum Hallenpaneel sofort lieferbar.

Alles aus einer Hand

Beratung, Fertigung und Versand kommen aus einem Haus. Ein Ansprechpartner vom Angebot bis zur Lieferung.

Persönliche Beratung

Unsicher bei der Auswahl?

Welches Profil für Ihr Carport? Welche Dämmstärke für die Werkstatt? Wir beraten Sie kostenlos und unverbindlich per Telefon oder E-Mail.

+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.

Bereit für Ihr Bauprojekt?

Finden Sie das passende Profil im Sortiment oder lassen Sie sich kostenlos beraten.

Kostenlose Beratung