@charset "utf-8";
:root {
  /* Both fonts ("El Messiri" and "Amaranth") are licensed via SIL Open Font License, version 1.1 */
  --font-fuer-fliesstext: 'El Messiri'; /* Thank you, El Messiri Project Authors! */
  --font-fuer-drumherum:  'Amaranth';   /* Thank you, Amaranth Project Authors! */
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/el_messiri/ElMessiri-Regular.woff2') format('woff2'),
       url('fonts/el_messiri/ElMessiri-Regular.woff') format('woff');
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/el_messiri/ElMessiri-Medium.woff2') format('woff2'),
       url('fonts/el_messiri/ElMessiri-Medium.woff') format('woff');
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/el_messiri/ElMessiri-SemiBold.woff2') format('woff2'),
       url('fonts/el_messiri/ElMessiri-SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'El Messiri';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/el_messiri/ElMessiri-Bold.woff2') format('woff2'),
       url('fonts/el_messiri/ElMessiri-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/Amaranth/Amaranth-Regular.woff2') format('woff2'),
       url('fonts/Amaranth/Amaranth-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/Amaranth/Amaranth-Bold.woff2') format('woff2'),
       url('fonts/Amaranth/Amaranth-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/Amaranth/Amaranth-Italic.woff2') format('woff2'),
       url('fonts/Amaranth/Amaranth-Italic.woff') format('woff');
}
@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/Amaranth/Amaranth-BoldItalic.woff2') format('woff2'),
       url('fonts/Amaranth/Amaranth-BoldItalic.woff') format('woff');
}
body {
  padding-top:      3.9rem;
  font-family:      var(--font-fuer-fliesstext), serif;
  background-color: #2d2d2d;
  hyphens:          manual;
  background-attachment:fixed;
  background-position:top center;
  background-size:  100%;
}
.amv-blau-bg {
  background-color: #221d91;
}
.amv-rot-bg {
  background-color: #ff3c18;
}
.amv-blau-color {
  color: #221d91;
}
.amv-rot-color {
  color: #ff3c18;
}
/* Bootstrap 5 tweak: do not underline links unless hovered over */
a:not([class*="btn"]) {
  text-decoration: none;
}
a:not([class*="btn"]):hover {
  text-decoration: underline;
}
.navbar, .footer {
  font-family: var(--font-fuer-drumherum), sans-serif;
}
.nav-link, .navbar-toggler {
  color: white;
}
.navbar-toggler {
  border-color: white;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
ul.pagination {
  margin-bottom: 0px;
}
.carousel {
  margin-bottom: 1rem;
}
.carousel-item > img {
  width: 100%;
}
#navigation-links {
  border: 1px solid #ff3c18;
  text-align: left;
  font-family: var(--font-fuer-drumherum), sans-serif;
}
#navigation-links ul, #navigation-rechts ul {
  margin: 1rem 0 0 0;
  padding: 0;
}
#navigation-links li, #navigation-rechts li {
  list-style-type: none;
  margin: 0 0 0.2rem 0;
}
#navigation-rechts {
  background-color: #221d91;
  color: white;
  text-align: left;
  font-family: var(--font-fuer-drumherum), sans-serif;
}
#navigation-rechts a {
  color: white;
  font-size: 0.9rem;
}
.absatztrenner {
  background-image: url(Images/rote_kreisscheibe.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin:           1rem 0 0 0;
  padding:          7pt;
}
caption {
  display: none;
}
.erdgeschoss {
  background-color: #2d2d2d;
  color:            white;
  padding-top:      0.5rem;
  padding-bottom:   1.0rem;
  text-align:       justify;
}
.erdgeschoss > h2, h3, h4, h5, h6 {
  margin-top: 2rem;
}
h2 {
  font-weight: bold;
  font-size:   140%;
  text-align:  center;
  margin-top:  1rem;
}
h3 {
  font-weight: normal;
  font-size:   120%;
  font-style:  italic;
  text-align:  center;
  margin-top:  1rem;
}
h4 {
  font-weight: bold;
  font-size:   100%;
  text-align:  center;
  margin-top:  1rem;
}
p {
  margin-bottom: 0.5rem;
}
p:last-child {
  margin-bottom: 0rem;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #ff3c18;
  border-color:     #ff3c18;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
  background-color: #221d91;
  border-color:     #221d91;
}
table.prog {
  empty-cells:    show;
}
table caption {
  display:        none;
}
table.center {
  margin-left:    auto;
  margin-right:   auto;
  text-align:     left;
}
td.progwochentag {
  width:          17%;
}
td.progdatum {
  width:          8%;
  text-align:     right;
}
td.proguhrzeit {
  width:          8%;
  text-align:     right;
}
td.progveranstaltung {
  width:          60%;
  text-align:     left;
}
td.progho {
  width:          7%;
  text-align:     center;
}
/* progneu... sind fuer die Tabellen mit einer zusaetzl. Spalte fuer VCal. */
td.progneuwochentag {
  width:          15%;
}
td.progneudatum {
  width:          7%;
  text-align:     right;
}
td.progneuuhrzeit {
  width:          7%;
  text-align:     right;
}
td.progneuveranstaltung {
  width:          59%;
  text-align:     left;
}
td.progneuho {
  width:          6%;
  text-align:     center;
}
td.progneuVCal {
  width:          6%;
  text-align:     center;
}
td.konzertkomponist {
  vertical-align: top;
}
td.vorstandamt {
  text-align:     right;
}
td.theaterfigur {
  text-align:     right;
}
p.rechtsbuendig {
  text-align:     right;
}
footer a {
  color: white;
}
img.textumlauf {
  float:          right;
  margin-left:    10px;
  margin-bottom:  10px;
}
#inhalt > h1 {
  font-family:    var(--font-fuer-drumherum), sans-serif;
  font-size:      1.5rem;
  text-align:     center;
  padding:        1rem;
  margin-bottom:  0.75rem;
  background-image: url(Images/rosa_verlauf.png);
  background-position:bottom;
  background-repeat:repeat-x;
  color:          black;
}
blockquote {
  margin: 1rem 2rem;
}
/* Zeitstrahl bei fruehere_semester */
ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: lightgrey;
  display: inline-block;
  position: absolute;
  left: 10px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 10px 0;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #221d91;
  left: 1px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

/* Einige Werte überschreiben, wenn im Betriebssystem das "Hell"-Schema gewählt ist (aus c't 2019, Heft 19, S. 174): */
@media (prefers-color-scheme: light) {
  body {
    background-color: white;
  }
  .erdgeschoss {
    background-color: white;
    color:        black;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #2d2d2d;
  }
  .erdgeschoss {
    background-color: #2d2d2d;
    color:        white;
  }
  .table {
    color:        white;
  }

  /* Bootstrap 4 reagiert nicht von sich aus auf prefers-color-scheme, daher "zu Fuß" ... */
  .card, .list-group-item {
    background-color: #2d2d2d;
    border-color: grey;
  }
  .card-header {
    background-color: #373737;
    border-bottom-color: dimgrey;
  }
}