/*
 Theme Name:     Stadt Sulzbach-Rosenberg Wahlamt
 Description:    Child Theme für Breakdance Zero
 Author:         BOEHM Regionalmarketing
 Author URI:     https://peter.boehm.agency
 Template:       breakdance-zero-theme-master
 Version:        1.0.0
 License:        GNU General Public License v2 or later
 License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    suro-wahlamt
*/

/* Roboto lokal einbinden */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/roboto-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/raleway-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Roboto als Standardschrift festlegen */
html, body {
  font-family: 'Roboto', sans-serif;
}

/* Root-Variablen überschreiben und eigene anlegen*/
html:root {
  --bde-body-font-family: 'Roboto', sans-serif;
  --bde-heading-font-family: 'Raleway', sans-serif;
  --bhm-h1-margin-top: 1rem;
  --bhm-h1-margin-bottom: 1rem;
  --bhm-h2-margin-top: 1rem;
  --bhm-h2-margin-bottom: 1rem;
  --bhm-h3-margin-top: 1rem;
  --bhm-h3-margin-bottom: 1rem;
  --bhm-h4-margin-top: 1rem;
  --bhm-h4-margin-bottom: 1rem;
  --bhm-h5-margin-top: 1rem;
  --bhm-h5-margin-bottom: 1rem;
  --bhm-h6-margin-top: 1rem;
  --bhm-h6-margin-bottom: 1rem;
  --bhm-p-margin-top: 0.5rem;
  --bhm-p-margin-bottom: 0.5rem;
}

/* Anti Aliasing optimieren */
html {
  /* Safari, Chrome, Edge, iOS */
  -webkit-font-smoothing: antialiased;
  /* Firefox auf macOS */
  -moz-osx-font-smoothing: grayscale;
  /* für bessere Ligaturen & Kerning in allen Browsern */
  text-rendering: optimizeLegibility;
}

/* Grundsätzliche Einstellungen für Typo */
	h1, .breakdance .breakdance-rich-text-styles h1 {margin-top: var(--bhm-h1-margin-top); margin-bottom: var(--bhm-h1-margin-bottom);}
	h2, .breakdance .breakdance-rich-text-styles h2 {margin-top: var(--bhm-h2-margin-top); margin-bottom: var(--bhm-h2-margin-bottom);}
	h3, .breakdance .breakdance-rich-text-styles h3 {margin-top: var(--bhm-h3-margin-top); margin-bottom: var(--bhm-h3-margin-bottom);}
	h4, .breakdance .breakdance-rich-text-styles h4 {margin-top: var(--bhm-h4-margin-top); margin-bottom: var(--bhm-h4-margin-bottom);}
	h5, .breakdance .breakdance-rich-text-styles h5 {margin-top: var(--bhm-h5-margin-top); margin-bottom: var(--bhm-h5-margin-bottom);}
	h6, .breakdance .breakdance-rich-text-styles h6 {margin-top: var(--bhm-h6-margin-top); margin-bottom: var(--bhm-h6-margin-bottom);}
	p, .breakdance .breakdance-rich-text-styles p {margin-top: var(--bhm-p-margin-top); margin-bottom: var(--bhm-p-margin-bottom);}