Artikel mit dem Tag "Responsives Webdesign"


Responsives Webdesign: Die Kunst der Anpassungsfähigkeit
Webdesign vom Spezialisten · 10. Mai 2025

Responsives Webdesign: Die Kunst der Anpassungsfähigkeit

In der heutigen digitalen Welt ist es unerlässlich, dass Websites auf verschiedenen Geräten und Bildschirmgrössen angezeigt werden. Hier kommt das responsive Webdesign ins Spiel. Doch was genau bedeutet dieser Begriff, und warum ist er so wichtig?

Mehr lesen...


Global colors
  bg-primary
  bg-primary-light
  bg-primary-dark
  bg-secondary
  bg-secondary-dark
Template colors
  body
  top-header
  top-header-inner
  header
  header-inner
  navigation-inner
  navigation color
  dropdown background color
  content
Footer Styles
  background
  text color
  link color
  horizontal line
Buttons
  style 1
  style 2
  style 3
  text color
Mobile navigation
  background color
  navigation color
Other elements
  social icons
  top header border
  header border
  nav inner border
  footer border
 
Template configurations
 
has-right-nav no-shopping-cart primary-font
 
Top header inner
 
has-top-header-border-color br20
 
Header inner
 
 br15 has-shadow-small  add-left-20 add-right-20  margin-10
 
Navigation inner
 
br10 has-large-border has-border-left
 
Navigation styles
 
size-15 weight-400 has-large-border-radius no-shadow
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30
 
Content styles
 
form-white round-btn
 
Footer styles
 
o-form round-btn
 
Footer background image
 
 

 

Typography

Heading H1
weight-700
 
Heading H2
weight-500
 
Heading H3
weight-500
 
Body text (p, table, td)
weight-400
 
Buttons
weight-600 size-16
 
 
Advanced settings
 
Custom CSS

.my-class {

background:#f0f0f0;

}

/* MATRIX-GLOBAL-SETTINGS-START */

:root {

--content-width: 1170px;

--special-pages-content-width: 900px;

}

#cc-inner #hs-container .j-formnew input[type='submit'],

#cc-inner #hs-container input.submitUser,

#cc-inner .hs-button,

#cc-inner .j-calltoaction-link,

#cc-inner input.cc-checkout-btn,

#cc-inner a.cc-shop-addtocard {

padding: 6px 30px !important;

}

.j-module.j-imageSubtitle img,

.j-module.j-textWithImage img,

.j-module.j-gallery img {

border-radius: 25px;

}

/* MATRIX-GLOBAL-SETTINGS-END */


Note: All changes made here will be applied to your entire website.
(+41) 79 871 22 78
E-Mail

draggable-logo
Logo Webdesign-ZO

Impressum | AGB | Widerrufsbelehrung | Datenschutz | Cookie-Richtlinie | Vertrag widerrufen
(C) 2026 / Webdesign-ZO
Abmelden | Bearbeiten