Design system

Guidelines and structure for the new BISS45 website.

Components

Footer
Online check CTA

Sind Sie für eine Behandlung geeignet?

Nutzen Sie unseren kostenlosen BISS45 Online-Check für eine erste Einschätzung Ihrer Zahnsituation und mögliche Behandlungsoptionen inklusive Dauer und Kosten.

Zur Online Beratung
3-column benefits

1. Master Invisalign in Berlin (European Masters of Aligners)

Invisalign ist seit über 20 Jahren Marktführer bei Schienen (Aligner) Behandlungen. Als erste Praxis in Berlin haben wir 2017 die Zertifizierung als European Masters of Aligners (EUMAA) erhalten

Kürzere Behandlungszeiten durch digitalen Vorsprung

Durch unseren digitalen Workflow können wir bei einer Behandlung kürzere und weniger Termine garantieren. Wir freuen uns zudem mittlerweile international über das BISS45 Konzept zu referieren.

No. 1 für unsichtbare Zahnspangen (WIN) in Berlin

Lingualzahnspangen sind im Alltag nicht sichtbar und gerade für Erwachsene Patienten oft das Mittel der Wahl. Die WIN Apparatur ist die weltweit Marktführer und BISS45 No. 1 Anwender in Berlin und Top20 weltweit.

Image + description

This is the default text value

Sie wünschen sich ein Traumlächeln ohne die ästhetischen Einschränkungen? - Kein Problem. Wir haben uns aus diesem Grund auf die Therapie mit unsichtbaren Zahnspangen spezialisiert und sind nicht nur No.1 in Berlin sondern auch TOP20 weltweit mit der unsichtbaren Lingualzahnspange von WIN Lingual Systems.

Erfahren Sie mehr

Aligner (Schienen)

Da Aligner aus transparentem Kunststoff bestehen, sind sie nahezu unsichtbar und bieten Ihnen optimalen Tragekomfort ohne Metalldrähte und Brackets. Wir arbeiten hier mit dem Marktführer Invisalign zusammen um unseren Patienten ein Maximum an Qualität zu garantieren.

Erfahren Sie mehr

This is the default text value

Sie wünschen sich ein Traumlächeln ohne die ästhetischen Einschränkungen? - Kein Problem. Wir haben uns aus diesem Grund auf die Therapie mit unsichtbaren Zahnspangen spezialisiert und sind nicht nur No.1 in Berlin sondern auch TOP20 weltweit mit der unsichtbaren Lingualzahnspange von WIN Lingual Systems.

Erfahren Sie mehr
Image + description (alt colour)

Unsichtbare Zahnspangen

Sie wünschen sich ein Traumlächeln ohne die ästhetischen Einschränkungen? - Kein Problem. Wir haben uns aus diesem Grund auf die Therapie mit unsichtbaren Zahnspangen spezialisiert und sind nicht nur No.1 in Berlin sondern auch TOP20 weltweit mit der unsichtbaren Lingualzahnspange von WIN Lingual Systems.

Erfahren Sie mehr

Aligner (Schienen)

Da Aligner aus transparentem Kunststoff bestehen, sind sie nahezu unsichtbar und bieten Ihnen optimalen Tragekomfort ohne Metalldrähte und Brackets. Wir arbeiten hier mit dem Marktführer Invisalign zusammen um unseren Patienten ein Maximum an Qualität zu garantieren.

Erfahren Sie mehr

Die sichtbare Zahnspange

Die feste sichtbare Zahnspange kombiniert eine effiziente Korrektur der Zahnfehlstellung, unter Verwendung hochwertiger Materialien, mit einer ansprechenden Ästhetik in einem attraktiven Preis-Leistungsverhältnis.

Erfahren Sie mehr
Termin vereinbaren

Termin vereinbaren

Eine kieferorthopädische Beratung wird in jedem Alter von der Krankenversicherung übernommen. Bitte klären Sie im Voraus die Kostenübernahme mit Ihren privaten Versicherungen.

Text-focused content (with image)

WIN Lingual korrigiert diskret Fehlstellungen der Zähne

WIN Lingual ist die gängige Bezeichnung der festen und dank Lingualtechnik (von Innen) auch unsichtbaren Zahnspange der WIN Apparatur von DW Lingual Systems. "Lingual" bedeutet so viel wie "zungenseitig". Die WIN Lingual Zahnspange wird also auf der Innenseite der Zähne befestigt und ist daher so gut wie nicht zu sehen.

Mit der Lingualtechnik sind alle Arten von Zahnfehlstellungen behandelbar. Während andere Lingualspangen nicht für Kinder und Jugendliche im Wechselgebiss geeignet sind, können die WIN Lingual von DW Lingual Systems sowohl von Heranwachsenden wie von Erwachsenen getragen werden. Sie funktionieren zuverlässig zur Korrektur einfacher wie schwieriger Fehlstellungen. Der entscheidende Vorteil der WIN Linguals gegenüber anderen Lingualspangen ist, dass sie eine individuelle Behandlung des Patienten ermöglichen. Sowohl die Bracketbasis, der Bracketkörper als auch die Bögen werden individuell an den Kiefer bzw. die Zahnformen des Patienten angepasst. Das ermöglicht ein extrem flaches Design der Bracketbasis und sichert zugleich einen hohen Tragekomfort.

Wie läuft die Behandlung mit der unsichtbaren Zahnspange ab?

Nachdem die Zahnfehlstellung diagnostiziert wurde, werden Ober- und Unterkiefer abgeformt sowie ein Abdruck des Aufbisses genommen. Auf diese Weise ist es möglich, ein dreidimensionales Gipsmodell des Gebisses zu erstellen. Dieses im Labor hergestellte Modell wird nun in seine Einzelteile zerlegt und die Gipszähne auf einem speziell für den Patienten ausgewählten Zahnbogen aufgereiht, um die passenden Metall- oder Keramikbrackets vorzubereiten. Mit einer Übertragungsschiene werden die WIN Lingual Brackets schließlich auf das Gebiss des Patienten aufgebracht und an der Innenseite der Zähne befestigt.

Schließlich werden die Brackets an speziell ausgewählten Spanndrähten befestigt. Diese Drähte sind letztendlich dafür zuständig, die Zähne im Laufe der Zeit zu richten und in die gewünschte Position zu bringen. Dazu werden sie von unseren Kieferorthopäden in regelmäßigen Abständen neu ausgerichtet. Nach abgeschlossener Behandlung lässt sich die Lingualtechnik problemlos wieder entnehmen.

Erfahren Sie mehr
Text-focused content (no image)

Weitere Vorteile der unsichtbaren Zahnspangen

Ein großer Pluspunkt der WIN Linguals ist ihr sehr geringes Entkalkungsrisiko.

Während sich bei Patienten mit Brackets auf den vestibulären Zahnflächen (im Mundraum zwischen Lippen und Wangen) gelegentlich an den Zähnen Mineralien herauslösen und weiße Flecken bilden, kommt dies bei der WIN-Apparatur nicht vor.

Ein weiterer Vorteil ist, dass Sie als Patient sehen können, wie sich die Zähne in die gewünschte Richtung bewegen. Vestibuläre Apparaturen verdecken den Blick auf die Zähne, bei den WIN Linguals ist die (neue) Zahnstellung dagegen stets sichtbar.

Als Patient können Sie den Behandlungserfolg mit einem einfachen Blick in den Spiegel erkennen und wissen sofort, warum es sich lohnt, die Mühen und Kosten dieser kieferorthopädischen Behandlung auf sich zu nehmen

Advantages

Die Vorteile der WIN Linguals im Überblick

  • Von außen gänzlich unsichtbar
  • Optimaler Tragekomfort
  • Sichtbare Erfolge bereits nach kürzester Zeit
  • Vierfach geringeres Kariesrisiko im Gegensatz zu herkömmlichen Zahnspangen
  • Kaum Einschränkungen im Alltag
  • Keine Zahnschäden nach Entfernung
  • Keine ästhetischen Einschränkungen im Alltag
Advantages (alt colour)

Die Vorteile der WIN Linguals im Überblick

  • Von außen gänzlich unsichtbar
  • Optimaler Tragekomfort
  • Sichtbare Erfolge bereits nach kürzester Zeit
  • Vierfach geringeres Kariesrisiko im Gegensatz zu herkömmlichen Zahnspangen
  • Kaum Einschränkungen im Alltag
  • Keine Zahnschäden nach Entfernung
  • Keine ästhetischen Einschränkungen im Alltag
Video FAQ

Video FAQ

Was sollte ich mir vor dem Besuch beim Kieferorthopäden überlegen?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Wann und was wird von der Krankenkasse übernommen?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Wie oft muss ich während der kieferorthopädischen Behandlung in der Praxis erscheinen?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Welche Unterschiede gibt es bei festen Zahnspangen?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Wie unterscheiden sich die Behandlungsmöglichkeiten von Erwachsenen und Teenagern?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Sind kieferorthopädische Behandlungen im Erwachsenenalter noch möglich?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Gibt es unsichtbare Zahnspangen?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Worauf muss ich bei herausnehmbaren Zahnspangen achten?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Gibt es Unterschiede zwischen Kieferorthopäden und Online Startups?

Dr. Gebhardt verrät in diesem Video, was man sich vor dem Besuch beim Kieferorthopäden gut überlegen sollte. Was möchte ich eich eigentlich? Das mag zunächst einmal banal klingen, ist aber oft gar nicht so einfach zu beantworten.

Before and after
11 Monate Behandlung

Fester Zahnspange

Die Animation zeigt die Situation nach 11 Monaten Behandlung mit fester Zahnspange. Ein Engstand ist medizinisch behandlungsbedürftig um einen Vorkontakt von Zähnen und damit einen falschen Biss zu vermeiden. Zusätzlich wird die Karieswahrscheinlichkeit minimiert.

9 Monate Behandlung

Unsichtbare Zahnspange

Die Animation zeigt die Situation nach 9 Monaten Behandlung mit einer unsichtbaren Zahnspange (hinter den Zähnen). Ein Engstand ist medizinisch behandlungsbedürftig um einen Vorkontakt von Zähnen und damit einen falschen Biss zu vermeiden. Zusätzlich wird die Karieswahrscheinlichkeit minimiert.

Comparison table
SpangentypLingualzahnspangeFeste Zahnspange (Außen)Aligner (Schienen)Herausnehmbare Spange
Altersgruppe

Erwachsene/Teenager

Erwachsene/Teenager

Erwachsene/Teenager

Kinder

Sichtbarkeit

Unsichtbar

Sichtbar

Fast Unsichtbar

Sichtbar

Eingewöhnungszeit

1 - 4 Wochen

1 - 2 Wochen

1 Woche - Nie

1 Woche - Nie

Tragezeit täglich

24h24h20h16h

Tragezeit mindestens

9 Monate9 Monate4 Monate18 Monate
KomfortFestsitzendFestsitzendHerausnehmbarHerausnehmbar

Kariesrisiko

sehr geringes Kariesrisiko

geringes Kariesrisikosehr geringes Kariesrisikosehr geringes Kariesrisiko

Kosten

€€€

€€€-€€€€€
Image gallery
Cookies

Question

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Häufig gestellte Fragen

Structure Classes

Defined and flexible core structure we can use on all or most pages.

page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global
padding-section-small
padding-section-medium
padding-section-large
button-group

HTML Heading Tags

HTML tags define default Heading styles.

H1

Sample text helps you understand how real text may look. Sample text is being used as a placeholder.

H2

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

H3

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

H4

Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present.

H5
Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.
H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

Other HTML Tags

HTML tags define default text styles.

All paragraphs

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All links
All Links
All quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
All Ordered Lists
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
All Unordered Lists
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.

Heading Styles

Heading classes when typography style doesn't match the default HTML tag.

heading-style-h1

Sample text helps you understand how real text may look.

heading-style-h2

Sample text is being used as a placeholder. Sample text helps you understand how real text may look.

heading-style-h3

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

heading-style-h4

Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present.

heading-style-h5

Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

heading-style-h6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

Text Classes

Text classes when typography style doesn't match the default HTML tag.

Text Sizes

text-size-large

Sample text is being used as a placeholder for real text that is normally present.

text-size-medium

Sample text is being used as a placeholder for real text that is normally present on your website.

text-size-regular

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

text-size-small

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

text-size-tiny

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Text Styles

text-style-strikethrough

text-style-strikethrough

text-style-italic

text-style-italic

text-style-muted

text-style-muted

text-style-allcaps

text-style-allcaps

text-style-nowrap

text-style-nowrap

text-style-link
text-style-quote

Sample text is being used as a placeholder.

text-style-2lines

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines

text-style-3lines

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Text Weights

text-weight-xbold
text-weight-xbold
text-weight-bold
text-weight-bold
text-weight-semibold
text-weight-semibold
text-weight-medium
text-weight-medium
text-weight-normal
text-weight-normal
text-weight-light
text-weight-light

Text Alignments

text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right

Buttons

Button combo class system.

button
is-small
Button Text
button
is-large
Button Text
button
is-secondary
Button Text
button
is-text
Button Text
button
is-pink
Button Text

Colors

Manage recurring text and background colors.

Color Palette

#231f1d
#8fc1ab
#557366
#EEB9B8

Text Colors

text-color-black
text-color-black
text-color-grey
text-color-grey
text-color-white
text-color-white
text-color-darkgreen
text-color-white

Background Colors

background-color-black
background-color-grey
background-color-white
background-color-lightgreen

Max widths

Use the max-width CSS property to contain inner content to a maximum width.

max-width-full
max-width-full-tablet
max-width-full-mobile-portrait
max-width-full-mobile-landscape
max-width-xxlarge
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-xxsmall

Paddings

Utility spacing system - padding classes. [padding-direction] + [padding-size].

Direction Classes

padding-bottom
padding-top
padding-vertical
padding-horizontal
padding-left
padding-right

Size Classes

padding-0
padding-tiny
padding-xxsmall
padding-xsmall
padding-small
padding-medium
padding-large
padding-xlarge
padding-xxlarge
padding-huge
padding-xhuge
padding-xxhuge
padding-custom1
padding-custom2
padding-custom3

Margins

Utility spacing system - padding classes. [margin-direction] + [margin-size].

Direction Classes

margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-left
margin-right

Size Classes

margin-0
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge
margin-custom1
margin-custom2
margin-custom3

Spacers

Unified spacer system for the project.

spacer-tiny
spacer-xxsmall
spacer-xsmall
spacer-small
spacer-medium
spacer-large
spacer-xlarge
spacer-xxlarge
spacer-huge
spacer-xhuge
spacer-xxhuge

Icons

Unify icons sizes. icon-height sets height of icons. icon-1x1 sets both height and width of icons.

icon-height-small
icon-height-medium
icon-height-large
icon-1x1-small
icon-1x1-medium
icon-1x1-large

Useful utility systems

Utility classes we like to use in most of our projects to build faster.

hide
This element is hidden
hide-tablet
hide-mobile-portrait
hide-mobile-landscape
overflow-visible
overflow-hidden
overflow-auto
overflow-scroll
pointer-events-on
pointer-events-off
layer
div-square
spacing-clean
align-center
z-index-1
z-index-2
display-inlineflex

Webflow elements

Native Webflow elements with Client-First classes applied.

form_component

Example of a form component using Folders

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text with a link is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text.

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.