/* noto-sans-phagspa-regular - latin_latin-ext_math_phags-pa_symbols */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans PhagsPa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-phagspa-v24-latin_latin-ext_math_phags-pa_symbols-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-phagspa-v24-latin_latin-ext_math_phags-pa_symbols-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-phagspa-v24-latin_latin-ext_math_phags-pa_symbols-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/noto-sans-phagspa-v24-latin_latin-ext_math_phags-pa_symbols-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/noto-sans-phagspa-v24-latin_latin-ext_math_phags-pa_symbols-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/noto-sans-phagspa-v24-latin_latin-ext_math_phags-pa_symbols-regular.svg#NotoSansPhagsPa') format('svg'); /* Legacy iOS */
}

body { 
      font-family: 'Noto Sans PhagsPa', sans serif; /* "body" vererbt sich auf alle weitern Abschnitte des Templates*/
} 

headings { 
      font-family: 'Noto Sans PhagsPa', sans serif; /* z.B. für Modul-Überschriften */
} 

h1,h2,h3,h4,h5,h6 {
  font-family:'Noto Sans PhagsPa', sans serif;
}

.container-banner {
    background: rgb(0,0,102);
}

.btn-primary { 
      border-radius: 0; /* Schaltflächen sollen eckig statt rund sein */
}

.btn-primary:hover {
      background: rgb(0,0,102);     /* Schaltfläche wird blau bei Mouse-over */
      border: 2px dotted #ccff00;   /* Rand der Schaltfläche wird grün gepunktet bei Mouse-over */
      color: rgb(204,255,0);        /* Schriftfarbe wird grün bei Mouse.over */
}

/* CSS für die Schriftgröße des Breadcrumbs */
.breadcrumb li a {
  font-size: 14px;
}
/* CSS für die Schriftgröße des letzten Elements des Breadcrumbs */
.breadcrumb li:last-child {
  font-size: 14px;
}

/* CSS für die Hintergrundfarbe Breadcrumbs (original: light grey) */
.breadcrumb {
  background: rgb(255,255,255) /* setzt Hintergrundfarbe auf weiß*/
}

/*Hiernach folgen nur Versuche*/

/* Adjust sidebar and main content widths on large screens (≥992px) */
/* @media (min-width: 992px) {
  /* Sidebar ➔ 33.33% of container */
  .l-cassiopeia .grid-item--sidebar {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
  }
  /* Main content ➔ 66.66% */
  .l-cassiopeia .grid-item--main {
    flex: 0 0 66.6667% !important;
    max-width: 66.6667% !important;
  }
} */

/*.grid-child.container-component  {
max-width: 1100px!important;       /* Gesamtbreite des Templates (Breadcrumb, Main) etwas verringern */
}*/

/* .grid-child.container-sidebar-right , .grid-child.container-sidebar-left {
max-width: 150px ;          /* Gesamtbreite ändert sich nicht, auch wenn man max-width erhöht */
} */
/*
body , html {
background-color: #ffffdf;  /* färbt Hintergrund gelb */
} */


/* .wrapper-static {
      width: 1200px; /* Gesamtbreite des Templates etwas verringern */
      margin: 0 auto; /* Ausrichtung mittig - funktioniert, aber verkürzt auch Banner und Footer */
} */