/* AKKOÇ v40.1 – Qualitäts-/Responsive-Schutzschicht
   Ziel: keine überlaufenden Texte/Medien auf Mobilgeräten, ohne das bestehende Design umzubauen. */
html { overflow-x: hidden; }
body { max-width: 100%; overflow-x: hidden; }
main, section, article, header, footer, nav,
.container, .wrap, .card, .box, .panel, .grid, .hero,
[class*="card"], [class*="box"], [class*="panel"], [class*="grid"] {
  min-width: 0;
}
h1, h2, h3, h4, h5, h6, p, li, a, button, label, blockquote {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
img, picture, video, canvas, svg, iframe {
  max-width: 100%;
}
img, video { height: auto; }
iframe { width: 100%; }
pre, code { max-width: 100%; overflow-x: auto; }
table { max-width: 100%; }
input, select, textarea, button { max-width: 100%; box-sizing: border-box; }
@media (max-width: 720px) {
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  h1, h2, h3 { hyphens: auto; }
}