@mixin h1 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h1);
  line-height: 1.1;
  font-weight: 400;
  margin: 0.6em -0.05em 0.5em;

  &:first-child {
    margin-top: -0.1em;
  }
}

@mixin h2 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h2);
  line-height: 1.2;
  font-weight: 400;
  margin: 1.4em -0.05em 0.6em;
}

@mixin h3 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h3);
  line-height: 1.2;
  font-weight: 400;
  margin: 1.4em -0.05em 0.6em;
}

@mixin h4 {
  font-family: var(--font-korb);
  font-size: var(--font-size-h4);
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  margin: 1.4em -0.05em 0.8em;
}

@mixin h5 {

}

@mixin h6 {
  font-size: inherit;
  line-height: 1.4;
  font-weight: 600;
  margin: 1.2em 0 0.5em;
}

@mixin kicker {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 2px;
  letter-spacing: 0.3px;

  @media(max-width: 767px) {
    font-size: 14px;
  }

  + h1 {
    margin-top: 0.1em;
  }

  + h2, + h3, + h4 {
    margin-top: 0.2em;
  }
}

@mixin hide($delay: 0s) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease $delay, visibility $delay ease 0.4s, transform 0.4s ease $delay;
}

@mixin show($delay: 0s) {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0.4s ease $delay, visibility 0s ease $delay, transform 0.4s ease $delay;
}

@mixin full-size {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@mixin copyright {
  position: absolute;
  display: block;
  left: 100%;
  bottom: 0;
  color: white;
  font-size: 12px;
  line-height: 1.2;
  text-shadow: 0 0 3px rgba(black, 0.6), 0 0 8px rgba(black, 0.6);
  z-index: 2;
  width: calc(66.6% + 7px);
  padding: 8px 18px;
  transform-origin: 0 100%;
  transform: rotate(-90deg);
}

@mixin form-field {
  --input-height: 60px;
  position: relative;
  display: block;
  width: 100%;
  height: var(--input-height);
  background-color: var(--theme-color-white);
  border: 1px solid var(--theme-color-primary);
  border-radius: var(--border-radius-xs);
  padding: 10px 15px;
  margin-bottom: 1.2em;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: var(--font-size-copy);
  line-height: 1.4;
  transition: 0.3s ease;
  color: var(--theme-color-primary);

  &:focus {
    box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
    outline: 0;
  }

  @media(max-width: 1199px) {
    --input-height: 50px;
  }
  @media(max-width: 767px) {
    --input-height: 44px;
  }
}

@mixin focus-visible($inset: false) {
  @if $inset {
    &.focus-visible:focus {
      box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
      outline: 0;
    }
    &:focus-visible, &.-moz-focusring {
      box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
      outline: 0;
    }
  }
  @else {
    &.focus-visible:focus {
      box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
      outline: 0;
    }
    &:focus-visible, &.-moz-focusring {
      box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
      outline: 0;
    }
  }
}

@mixin focus-standalone($inset: false) {
  @if $inset {
    box-shadow: inset 0 0 0 2px var(--theme-color-secondary-intensed), inset 0 0 8px 2px var(--theme-color-secondary-intensed);
    outline: 0;
  }
  @else {
    box-shadow: 0 0 0 2px var(--theme-color-secondary-intensed), 0 0 8px 2px var(--theme-color-secondary-intensed);
    outline: 0;
  }
}

@mixin word-wrap() {
  word-break:     break-word;
  -webkit-hyphens: auto;
  -moz-hyphens:    auto;
  hyphens:         auto;
}

// ICONS
@mixin icon-ankerlink { content: '\e800'; }
@mixin icon-barrierefreiheit { content: '\e801'; }
@mixin icon-chat { content: '\e802'; }
@mixin icon-check { content: '\e803'; }
@mixin icon-checkbox-liste { content: '\e804'; }
@mixin icon-content-schloss { content: '\e805'; }
@mixin icon-content-stern { content: '\e806'; }
@mixin icon-content { content: '\e807'; }
@mixin icon-dauer { content: '\e808'; }
@mixin icon-download { content: '\e809'; }
@mixin icon-dropdown { content: '\e80a'; }
@mixin icon-drucker { content: '\e80b'; }
@mixin icon-email { content: '\e80c'; }
@mixin icon-fax { content: '\e80d'; }
@mixin icon-freie-plaetze { content: '\e80e'; }
@mixin icon-galerie { content: '\e80f'; }
@mixin icon-gebaerdensprache { content: '\e810'; }
@mixin icon-geschlossen { content: '\e811'; }
@mixin icon-ihk-wechseln { content: '\e812'; }
@mixin icon-info { content: '\e813'; }
@mixin icon-kalender { content: '\e814'; }
@mixin icon-kartenpin { content: '\e815'; }
@mixin icon-kontakt { content: '\e816'; }
@mixin icon-laden { content: '\e817'; }
@mixin icon-leichte-sprache { content: '\e818'; }
@mixin icon-link-external { content: '\e819'; }
@mixin icon-liste-schloss { content: '\e81a'; }
@mixin icon-liste-stern { content: '\e81b'; }
@mixin icon-liste { content: '\e81c'; }
@mixin icon-loeschen { content: '\e81d'; }
@mixin icon-login { content: '\e81e'; }
@mixin icon-minus { content: '\e81f'; }
@mixin icon-pdf { content: '\e820'; }
@mixin icon-pfeil-links { content: '\e821'; }
@mixin icon-pfeil-oben { content: '\e822'; }
@mixin icon-pfeil-rechts-schloss { content: '\e823'; }
@mixin icon-pfeil-rechts-stern { content: '\e824'; }
@mixin icon-pfeil-rechts { content: '\e825'; }
@mixin icon-pfeil-simple-rechts { content: '\e826'; }
@mixin icon-pfeil-unten { content: '\e827'; }
@mixin icon-plus { content: '\e828'; }
@mixin icon-preis { content: '\e829'; }
@mixin icon-referent { content: '\e82a'; }
@mixin icon-reset { content: '\e82b'; }
@mixin icon-sanduhr { content: '\e82c'; }
@mixin icon-schliessen { content: '\e82d'; }
@mixin icon-schloss { content: '\e82e'; }
@mixin icon-sprache { content: '\e82f'; }
@mixin icon-stern { content: '\e830'; }
@mixin icon-suche-adresse { content: '\e831'; }
@mixin icon-suche-archiv { content: '\e832'; }
@mixin icon-suche-az { content: '\e833'; }
@mixin icon-suche-chat { content: '\e834'; }
@mixin icon-suche-datei { content: '\e835'; }
@mixin icon-suche-firma { content: '\e836'; }
@mixin icon-suche-magazin { content: '\e837'; }
@mixin icon-suche-mail { content: '\e838'; }
@mixin icon-suche-person { content: '\e839'; }
@mixin icon-suche-schloss { content: '\e83a'; }
@mixin icon-suche-veranstaltung { content: '\e83b'; }
@mixin icon-suche { content: '\e83c'; }
@mixin icon-teilnehmer-add { content: '\e83d'; }
@mixin icon-telefon { content: '\e83e'; }
@mixin icon-vcard { content: '\e83f'; }
@mixin icon-small-arrow-right-simple { content: '\e840'; }
@mixin icon-small-barrierefreiheit { content: '\e841'; }
@mixin icon-small-download { content: '\e842'; }
@mixin icon-small-gebaerdensprache { content: '\e843'; }
@mixin icon-small-kontakt { content: '\e844'; }
@mixin icon-small-leichte-sprache { content: '\e845'; }
@mixin icon-small-link-external { content: '\e846'; }
@mixin icon-small-login { content: '\e847'; }
@mixin icon-small-pfeil-rechts { content: '\e848'; }
@mixin icon-small-sprache { content: '\e849'; }
@mixin icon-small-schloss { content: '\e84a'; }
@mixin icon-small-stern { content: '\e84b'; }
@mixin icon-xsmall-euro { content: '\e853'; }
@mixin icon-xsmall-geschlossen { content: '\e854'; }
@mixin icon-xsmall-kalender { content: '\e855'; }
@mixin icon-xsmall-liste { content: '\e856'; }
@mixin icon-xsmall-offen { content: '\e857'; }
@mixin icon-xsmall-uhr { content: '\e858'; }
@mixin icon-small-election-group { content: '\e86c'; }
@mixin icon-small-icon-election-location { content: '\e86e'; }
@mixin icon-social-facebook { content: '\e859'; }
@mixin icon-social-linkedin { content: '\e85b'; }
@mixin icon-social-pinterest { content: '\e85c'; }
@mixin icon-social-twitter { content: '\e85d'; }
@mixin icon-social-xing { content: '\e85e'; }
@mixin icon-social-youtube { content: '\e860'; }
@mixin icon-social-instagram { content: '\e861'; }
@mixin icon-teilen { content: '\e84c'; }
@mixin icon-social-telegram { content: '\e84d'; }
@mixin icon-social-threema { content: '\e84e'; }
@mixin icon-social-whatsapp { content: '\e84f'; }
@mixin icon-suche-big { content: '\e850'; }
@mixin icon-xsmall-pin { content: '\e851'; }
@mixin icon-check-1 { content: '\e852'; }
@mixin icon-liste-1 { content: '\e85a'; }
@mixin icon-zoom { content: '\e85f'; }
@mixin icon-userlike { content: '\e8c6'; }
@mixin icon-userlike-chat { content: '\e8c7'; }
@mixin icon-magazine { content: '\e8c8'; }
@mixin icon-lokalisierung { content: '\e8c9'; }
@mixin icon-login-flyout { content: '\e8ca'; }
@mixin icon-login-header { content: '\e8cb'; }

// PICTOGRAMS
@mixin pictogram-aeskulapstab { content: '\e862'; }
@mixin pictogram-anker { content: '\e863'; }
@mixin pictogram-ausrufezeichen { content: '\e864'; }
@mixin pictogram-auto-eco { content: '\e865'; }
@mixin pictogram-bahn { content: '\e866'; }
@mixin pictogram-bildschirm-doktorhut { content: '\e867'; }
@mixin pictogram-blatt { content: '\e868'; }
@mixin pictogram-blitz { content: '\e869'; }
@mixin pictogram-box-pfeile { content: '\e86a'; }
@mixin pictogram-brexit { content: '\e86b'; }
@mixin pictogram-buch-brille { content: '\e86c'; }
@mixin pictogram-bueroklammer { content: '\e86d'; }
@mixin pictogram-bus { content: '\e86e'; }
@mixin pictogram-chart { content: '\e86f'; }
@mixin pictogram-co2 { content: '\e870'; }
@mixin pictogram-container { content: '\e871'; }
@mixin pictogram-containerschiff { content: '\e872'; }
@mixin pictogram-daumenhoch { content: '\e873'; }
@mixin pictogram-diagramm-rauf { content: '\e874'; }
@mixin pictogram-diagramm-runter { content: '\e875'; }
@mixin pictogram-diagramm { content: '\e876'; }
@mixin pictogram-dokument { content: '\e877'; }
@mixin pictogram-eule-doktorhut { content: '\e878'; }
@mixin pictogram-europa { content: '\e879'; }
@mixin pictogram-fabrik { content: '\e87a'; }
@mixin pictogram-fernglas { content: '\e87b'; }
@mixin pictogram-fisch-frisst-fisch { content: '\e87c'; }
@mixin pictogram-flagge-gestreift { content: '\e87d'; }
@mixin pictogram-flagge-horizontal { content: '\e87e'; }
@mixin pictogram-flagge-kreuz { content: '\e87f'; }
@mixin pictogram-flagge-leer { content: '\e880'; }
@mixin pictogram-fluestertuete { content: '\e881'; }
@mixin pictogram-flugzeug { content: '\e882'; }
@mixin pictogram-foundation { content: '\e883'; }
@mixin pictogram-frage { content: '\e884'; }
@mixin pictogram-fragezeichen-doppelt { content: '\e885'; }
@mixin pictogram-fragezeichen { content: '\e886'; }
@mixin pictogram-frau-brille { content: '\e887'; }
@mixin pictogram-freiheitsstatue { content: '\e888'; }
@mixin pictogram-geld { content: '\e889'; }
@mixin pictogram-generic-info { content: '\e88a'; }
@mixin pictogram-gespraech { content: '\e88b'; }
@mixin pictogram-globus { content: '\e88c'; }
@mixin pictogram-hand-buch { content: '\e88d'; }
@mixin pictogram-hand-offen { content: '\e88e'; }
@mixin pictogram-hand-schraubenschluessel { content: '\e88f'; }
@mixin pictogram-hand { content: '\e890'; }
@mixin pictogram-handschlag-eco { content: '\e891'; }
@mixin pictogram-handschlag { content: '\e892'; }
@mixin pictogram-helm { content: '\e893'; }
@mixin pictogram-kalender { content: '\e894'; }
@mixin pictogram-kopf-gluehbirne { content: '\e895'; }
@mixin pictogram-kran { content: '\e896'; }
@mixin pictogram-kreisdiagramm { content: '\e897'; }
@mixin pictogram-kreislauf { content: '\e898'; }
@mixin pictogram-labyrinth { content: '\e899'; }
@mixin pictogram-lkw { content: '\e89a'; }
@mixin pictogram-magazin { content: '\e89b'; }
@mixin pictogram-mann-brille { content: '\e89c'; }
@mixin pictogram-medien { content: '\e89d'; }
@mixin pictogram-mensch-buch { content: '\e89e'; }
@mixin pictogram-mensch-tafel { content: '\e89f'; }
@mixin pictogram-mikrofon { content: '\e8a0'; }
@mixin pictogram-mundschutz { content: '\e8a1'; }
@mixin pictogram-ort-stadt { content: '\e8a2'; }
@mixin pictogram-ort { content: '\e8a3'; }
@mixin pictogram-paragraph { content: '\e8a4'; }
@mixin pictogram-person-doktorhut { content: '\e8a5'; }
@mixin pictogram-person-schild { content: '\e8a6'; }
@mixin pictogram-personen-doktorhut { content: '\e8a7'; }
@mixin pictogram-personen-gluehbirne { content: '\e8a8'; }
@mixin pictogram-personen-sprechblase { content: '\e8a9'; }
@mixin pictogram-personen-suche { content: '\e8aa'; }
@mixin pictogram-personen-zeigefinger { content: '\e8ab'; }
@mixin pictogram-pfeile { content: '\e8ac'; }
@mixin pictogram-rednerpult { content: '\e8ad'; }
@mixin pictogram-reisen { content: '\e8ae'; }
@mixin pictogram-rettungsring { content: '\e8af'; }
@mixin pictogram-richterhammer { content: '\e8b0'; }
@mixin pictogram-smiley { content: '\e8b1'; }
@mixin pictogram-roboter { content: '\e8b2'; }
@mixin pictogram-startup { content: '\e8b3'; }
@mixin pictogram-stern { content: '\e8b4'; }
@mixin pictogram-stoppuhr { content: '\e8b5'; }
@mixin pictogram-strommast { content: '\e8b6'; }
@mixin pictogram-treppe { content: '\e8b7'; }
@mixin pictogram-tropfen { content: '\e8b8'; }
@mixin pictogram-uebergabe { content: '\e8b9'; }
@mixin pictogram-vertrag-handschlag { content: '\e8ba'; }
@mixin pictogram-videokonferenz { content: '\e8bb'; }
@mixin pictogram-virus { content: '\e8bc'; }
@mixin pictogram-waage { content: '\e8bd'; }
@mixin pictogram-wegweiser { content: '\e8be'; }
@mixin pictogram-welt-flamme { content: '\e8bf'; }
@mixin pictogram-welt { content: '\e8c0'; }
@mixin pictogram-windrad { content: '\e8c1'; }
@mixin pictogram-windturbine { content: '\e8c2'; }
@mixin pictogram-wissen { content: '\e8c3'; }
@mixin pictogram-zeitung { content: '\e8c4'; }
@mixin pictogram-zoellner { content: '\e8c5'; }