---
url: 'https://dxpr.com/de/hc/dokumentation/drupal-lernen/drupal-glossar/breakpoint'
title: 'Breakpoint | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:27:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Ein Breakpoint ist ein Punkt im Design einer Drupal-Website, an dem sich das Layout der Seite an verschiedene Bildschirmgrößen anpasst. Breakpoints sorgen dafür, dass eine Website auf jedem Gerät gut aussieht, vom kleinen Mobiltelefon bis zum großen Desktopmonitor. Breakpoints werden im CSS-Code einer Drupal-Website festgelegt und greifen, sobald das Browserfenster eine bestimmte Breite erreicht. Erreicht das Browserfenster den Breakpoint, passt sich das Layout der Seite an die neue Größe an.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T08:27:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: Breakpoint
      description: 'Ein Breakpoint ist ein Punkt im Design einer Drupal-Website, an dem sich das Layout der Seite an verschiedene Bildschirmgrößen anpasst. Breakpoints sorgen dafür, dass eine Website auf jedem Gerät gut aussieht, vom kleinen Mobiltelefon bis zum großen Desktopmonitor. Breakpoints werden im CSS-Code einer Drupal-Website festgelegt und greifen, sobald das Browserfenster eine bestimmte Breite erreicht. Erreicht das Browserfenster den Breakpoint, passt sich das Layout der Seite an die neue Größe an.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:27:22+0000'
      dateModified: '2026-10-24T08:27:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/drupal-lernen/drupal-glossar/breakpoint'
      articleSection: Drupal-Glossar
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/dokumentation/drupal-lernen/drupal-glossar/breakpoint'
      description: 'Ein Breakpoint ist ein Punkt im Design einer Drupal-Website, an dem sich das Layout der Seite an verschiedene Bildschirmgrößen anpasst. Breakpoints sorgen dafür, dass eine Website auf jedem Gerät gut aussieht, vom kleinen Mobiltelefon bis zum großen Desktopmonitor. Breakpoints werden im CSS-Code einer Drupal-Website festgelegt und greifen, sobald das Browserfenster eine bestimmte Breite erreicht. Erreicht das Browserfenster den Breakpoint, passt sich das Layout der Seite an die neue Größe an.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[Drupal lernen](/de/hc/documentation/learn-drupal) /[Drupal-Glossar](/de/hc/documentation/learn-drupal/drupal-glossary) # Breakpoint

 Drupal lernenDrupal-Glossar

   ## In diesem Leitfaden

Ein **Breakpoint** ist ein Punkt im Design einer Drupal-Website, an dem sich das Layout der Seite an verschiedene Bildschirmgrößen anpasst. Breakpoints sorgen dafür, dass eine Website auf jedem Gerät gut aussieht, vom kleinen Mobiltelefon bis zum großen Desktopmonitor. Breakpoints werden im CSS-Code einer Drupal-Website festgelegt und greifen, sobald das Browserfenster eine bestimmte Breite erreicht. Erreicht das Browserfenster den Breakpoint, passt sich das Layout der Seite an die neue Größe an.

Eine Website kann zum Beispiel einen Breakpoint bei 800px haben. Ist das Browserfenster schmaler als 800px, zeigt die Website ein einspaltiges Layout. Ist das Browserfenster breiter als 800px, zeigt die Website ein zweispaltiges Layout. So sieht die Website auf jedem Gerät gut aus, unabhängig von der Größe des Browserfensters.

Breakpoints sind ein wichtiger Bestandteil von responsivem Design, also der Praxis, Websites so zu gestalten, dass sie auf jedem Gerät gut aussehen. Responsives Design ist ein zentraler Baustein einer erfolgreichen Website mit Drupal, und Breakpoints sind ein wesentlicher Teil davon.