/* German interface: minimal fixes for longer words. Loaded only on html[lang=de] pages (functions.php),
   after main.css. Everything here is scoped to html[lang="de"]. */

/* Long German compounds may be hyphenated by the browser instead of overflowing narrow screens. */
html[lang="de"] h1,
html[lang="de"] h2,
html[lang="de"] h3,
html[lang="de"] .lead,
html[lang="de"] .tkt h3,
html[lang="de"] .tkt p,
html[lang="de"] .cbox span,
html[lang="de"] .bkp-opt-b small {
	-webkit-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
}

/* Desktop header: German menu words are wider. Up to 1200px the burger menu takes over (English: 1100px),
   between 1201px and 1320px the menu items are slightly tighter. */
@media (max-width: 1200px) {
	html[lang="de"] .dt-menu,
	html[lang="de"] .dt-cta .dt-btn { display: none; }
	html[lang="de"] .dt-burger { display: grid; }
	html[lang="de"] .dt-cta { margin-left: auto; }
}
@media (min-width: 1201px) and (max-width: 1320px) {
	html[lang="de"] .dt-menu > li > a { padding: 10px 8px; font-size: 14px; }
	html[lang="de"] .dt-menu { gap: 0; }
}

/* Booking progress: four steps in a row on tablets. */
@media (min-width: 901px) and (max-width: 1100px) {
	html[lang="de"] .bkp-prog li { padding: 10px 8px; gap: 8px; font-size: 13px; }
}

/* Buttons and tab labels never break inside a word. */
html[lang="de"] .btn,
html[lang="de"] .dt-btn,
html[lang="de"] .tabbar a span,
html[lang="de"] .sn a { -webkit-hyphens: manual; hyphens: manual; }