/* === SIZING & BOX MODEL === */
*, *::before, *::after {
  box-sizing: border-box;
}

/* === TEXT & OVERFLOW === */
* {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  word-break: normal;	
}


/* === MEDIA ELEMENTS === */
img, video, iframe, svg, canvas {
  max-width: 100%;
  height: auto;
  display: block;
}

.nav ul,
.menu ul {
  list-style: none;
}

/* === BROWSER DEFAULTS ENTFERNEN === */
html, body {
  margin: 0;
  padding: 0;
}

/* === SMOOTH SCROLLING === */
html {
  scroll-behavior: smooth;
}

/* === RESPONSIVE TYPOGRAPHY === */
@media (max-width: 750px) {
    h1, h2, h3, h4, h5, h6 {
        word-break: break-word;
        hyphens: auto;
    }
}