@charset "UTF-8";
/* CSS Document */
/*Navigation dunkel*/
.navbar-dark .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 15px;
  padding-left: 0px;
}
/* CSS Document */
/*Navigation dunkel*/
.navbar-light .navbar-nav .nav-item .nav-link {
  text-transform: uppercase;
  color: #102E40;
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 15px;
  padding-left: 0px;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color: rgba(61, 129, 180, 1.00);
  border: none !important;
  outline: none !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color: rgba(61, 129, 180, 1.00);
  border: none !important;
  outline: none !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.navbar-dark .navbar-nav .dropdown-item:hover, .navbar-light .navbar-nav .dropdown-item:hover, .navbar-light .navbar-nav .dropdown-item:focus {
  color: #FFFFFF;
  background-color: rgba(11, 31, 43, 1.00);
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.navbar-light .navbar-nav .dropdown-item:hover, .navbar-light .navbar-nav .dropdown-item:hover, .navbar-light .navbar-nav .dropdown-item:focus {
  color: #FFFFFF;
  background-color: rgba(11, 31, 43, 1.00);
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.navbar-dark.navbar-nav .dropdown-item {
  color: #FFFFFF;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}
.navbar-light .navbar-nav .dropdown-item {
  color: #FFFFFF;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}
.navbar-dark .navbar-nav .dropdown-item.active, .dropdown-item:active {
  color: #FFFFFF;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: #FFFFFF;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.50);
  border-color: rgba(255, 255, 255, 0.40);
}
.navbar-light .navbar-toggler {
  color: rgba(16, 46, 64, 1.00);
  border-color: rgba(16, 46, 64, 1.00);
}
.dropdown-menu {
  background-color: rgba(21, 63, 87, 0.90);
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.dropdown-divider {
  height: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
  border-top: 1px solid #0C1619;
  margin-bottom: 0;
}
/*Footer*/
.footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  line-height: 33px; /* Vertically center the text there */
  background-color: hsla(203, 59%, 26%, 0.50);
}
.footer .nav-link {
  color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.footer .nav-link:hover, .nav-link:focus {
  color: #FFFFFF;
}
.modal-content {
  background-color: hsla(0, 0%, 100%, 0.75);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: auto;
  line-height: 1.25;
  color: #007bff;
  border: 1px solid #1D4E6C;
  margin-right: auto;
  background-color: hsla(203, 59%, 26%, 0.50);
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.page-link:hover {
  z-index: 2;
  color: #FFFFFF;
  text-decoration: none;
  border-color: #1D4E6C;
  background-color: hsla(203, 66%, 53%, 0.50);
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(21, 63, 87, 0.90);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(21, 63, 87, 0.90);
}
.page-item.disabled .page-link {
  color: #256C98;
  pointer-events: none;
  cursor: auto;
  border-color: #1D4E6C;
  background-color: hsla(203, 58%, 27%, 0.50);
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #3D81B4;
  border-color: #1D4E6C;
}
/*Allgemeines*/
a:link {
  color: #FFFFFF;
}
a:hover, a:focus {
  color: #38AEF6;
  text-decoration: none;
}
a:visited {
  color: #FFFFFF;
}
h2 {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 300;
  font-style: normal;
}
h3 {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
h4 {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
}
p {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
body {
  background-color: #0C1619;
  font-family: "Myriad Pro";
}
/*Buttons*/
.btn-dark {
  color: #fff;
  background-color: hsla(203, 59%, 26%, 0.50);
  border-color: #134A6B;
  margin-left: auto;
  margin-bottom: 10px;
  display: block;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.btn-dark:hover {
  color: #fff;
  background-color: hsla(203, 66%, 53%, 0.50);
  border-color: #1D4E6C;
}
.btn-dark:focus, .btn-dark.focus {
  color: #FFFFFF;
  background-color: hsla(203, 66%, 53%, 0.50);
  border-color: #1D4E6C;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #0F2C3E;
  background-color: hsla(203, 66%, 53%, 0.50);
  border-color: #1D4E6C;
}
/*Buttons*/
.btn-primary {
  color: #fff;
  background-color: hsla(26, 100%, 50%, 0.50);
  border-color: #6B2812;
  margin-left: auto;
  display: block;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-right: auto;
}
/*Buttons*/
.btn-primary2 {
  color: #fff;
  background-color: hsla(0, 0%, 49%, 0.50);
  border-color: #515151;
  margin-left: auto;
  display: block;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-right: auto;
}
.btn-primary:hover {
  color: #fff;
  background-color: hsla(26, 100%, 50%, 0.80);
  border-color: #6B2812;
}
.btn-primary2:hover {
  color: #fff;
  background-color: hsla(0, 0%, 49%, 1.00);
  border-color: #515151;
}
.btn-primary:focus, .btn-primary.focus {
  color: #FFFFFF;
  background-color: hsla(26, 100%, 50%, 0.50);
  border-color: #6B2812;
}
.btn-primary2:focus, .btn-primary2.focus {
  color: #FFFFFF;
  background-color: hsla(0, 0%, 49%, 0.50);
  border-color: #515151;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #0F2C3E;
  background-color: hsla(26, 100%, 50%, 0.50);
  border-color: #6B2812;
}
/*Bildabstaende*/
.randlos {
  padding-left: 8px;
  padding-right: 8px;
}
.innenabstand10 {
  padding-left: 8px;
  padding-right: 8px;
}
/*Selektoren*/
#date {}
#date p {
  bottom: 0px;
  text-align: right;
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: large;
}
#head {}
#content {}
#footer {}
/*Typographie*/
.tuerkis {
  color: #D42900;
}
.gelb {
  color: #F4D613;
}
.hellgelb {
  color: #FEF27A;
}
.beige {
  color: #E4AE71;
}
.zitronengelb {
  color: #E1FF45;
}
.gold {
  color: #E1CB83;
}
.blau {
  color: hsla(212, 78%, 39%, 1.00);
}
.blaugruen {
  color: #348E8F;
}
.tuerkis {
  color: #16CBE8;
}
.helltuerkis {
  color: #91EEED;
}
.blaugruen2 {
  color: #00D3D9;
}
.petrol {
  color: #005771;
}
.blaugrau {
  color: hsla(223, 7%, 41%, 1.00);
}
.blau2 {
  color: hsla(189, 100%, 43%, 1.00);
}
.blau3 {
  color: #3AB8C9;
}
.blau4 {
  color: #132E46;
}
.blau5 {
    color: #000C7B;
}
.blau6 {
  color: #828CB6;
}
.blau7 {
    color: #499AEE;
}
.etmablau {
  color: #014893;
}
.etmatuerkis {
  color: #0174A2;
}
.cyan {
  color: #4FB5D9;
}
.violett {
  color: hsla(274, 92%, 58%, 1.00);
}
.lila {
  color: #B490D0;
}
.magenta {
  color: hsla(299, 82%, 57%, 1.00);
}
.pink {
  color: #8C015A;
}
.pink2 {
  color: #FE31B7;
}
.rosa {
    color: #FFCBB0;
}
.ocker {
    color: #8D4300;
}
.orange {
  color: #FF5000;
}
.orange2 {
  color: #F3B55B;
}
.orange3 {
  color: #B83D00;
}
.braun {
  color: rgba(25, 2, 0, 1.00);
}
.orange4 {
  color: #FA7600;
}
.rot {
  color: #C11939;
}
.rot2 {
    color: #870000;
}
.rot3 {
    color: #D23B00;
}
.dunkelrot {
  color: #63071B;
}
.rostrot {
  color: #8A3802;
}
.blassgruen {
  color: #D1E6C1;
}
.gruen {
  color: #006500;
}
.gruen2 {
  color: #508E50;
}
.beige {
  color: #B0A4A6;
}
.apricose {
  color: hsla(27, 92%, 52%, 1.00);
}
.schwarz {
  color: hsla(0, 0%, 0%, 1.00);
}
.honig {
    color: #912F03;
}
.blassgruen2 {
  color: #8CBBAB;
}
.kupfer {
  color: #F1965C;
}
.grau {
  color: #C0D6D6;
}
.lilagrau {
  color: #6D6699;
}
.hellblau {
  color: #16779B;
}
.giftgruen {
  color: #98C600;
}
.versal {
  text-transform: uppercase;
}
.groesser {
  font-size: 3rem;
  line-height: 2.5rem;
}
.groesser2 {
  font-size: 3.3rem;
}
.groesser3 {
    font-size: 2.5rem;
    padding-right: 0px;
}
.introtext {
  font-family: myriad-pro, sans-serif;
  font-weight: 600;
  font-style: italic;
}
.frage {
  font-family: myriad-pro, sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #0076A7;
}
.introtextschwarz {
  font-family: myriad-pro, sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #000000;
}
/*Schriftarten*/
.lightsemicondensed {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.boldsemicondensed {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.boldsemiextended {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.prosemicondensed {
  font-family: myriad-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.prosemibold {
  font-family: myriad-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.problack {
  font-family: myriad-pro, sans-serif;
  font-weight: 900;
  font-style: normal;
}
.probold {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.pro {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.prosemiextended {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.prosemiextendedn {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.prolightsemiextended {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.prolight {
  font-family: myriad-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.prolightcondensed {
  font-family: myriad-pro-condensed, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2rem;
}
.prosemiboldextended {
  font-family: myriad-pro-semiextended, sans-serif;
  font-weight: 600;
  font-style: normal;
}
/*Gestaltung*/
.breite {
  max-width: 1366px;
  margin-left: auto;
  display: block;
  margin-right: auto;
}
.bild {
  margin-left: auto;
  display: block;
  margin-right: auto;
}
.intextbild {
  float: left;
  padding-right: 20px;
  max-width: 35%;
  padding-bottom: 10px;
}
.linie {
  border-bottom: 2px solid #CEB5A9;
}
.linie_index {
  border-bottom: 2px solid #00498E;
}
.linie2 {
  border-bottom: 2px solid #FFD552;
}
.linie3 {
  border-bottom: 2px solid #C89BC0;
}
.linie4 {
  border-bottom: 2px solid #C94788;
}
.linie5 {
  border-bottom: 2px solid #5374BA;
}
.linie6 {
  border-bottom: 2px solid #AA5A3A;
}
.linie7 {
  border-bottom: 2px solid hsla(216, 11%, 54%, 1.00);
}
.linie8 {
  border-bottom: 2px solid hsla(145, 85%, 44%, 1.00);
}
.linie9 {
    border-bottom: 2px solid #CD9891;
}
.linie10 {
  border-bottom: 2px solid #767D87;
}
.linie11 {
  border-bottom: 2px solid hsla(221, 61%, 49%, 1.00);
}
.linie12 {
  border-bottom: 2px solid #749CA8;
}
.linie13 {
  border-bottom: 2px solid #0E860B;
}
.linie14 {
  border-bottom: 2px solid #006BA9;
}
.linie15 {
    border-bottom: 2px solid #434E3F;
}
.linie16 {
  border-bottom: 2px solid #0271A7;
}
.linie17 {
    border-bottom: 2px solid #A48B6B;
}
.linie18 {
    border-bottom: 2px solid #BF0075;
}
.linie19 {
    border-bottom: 2px solid #82682A;
}
.linie20 {
  border-bottom: 2px solid #FDCA02;
}
.linie21 {
    border-bottom: 2px solid #EE8C60;
}
.linie22 {
  border-bottom: 2px solid #9F4835;
}
.linie23 {
  border-bottom: 2px solid #B63C14;
}
.linie24 {
  border-bottom: 2px solid #1E7FA3;
}
.linie25 {
    border-bottom: 2px solid #E3873B;
}
.linie26 {
  border-bottom: 2px solid #5AA581;
}
.linie27 {
  border-bottom: 2px solid #004268;
}
.linie_gold {
  border-bottom: 2px solid #C19108;
}
.minus {
  top: -54px;
}
.cursor {
  cursor: pointer;
}
.flaeche-1 {
    background-color: #CACED9;
    padding-top: 15px;
}
.flaeche-2 {
    background-color: #BDE0E9;
    padding-top: 15px;
}
.flaeche-3 {
    background-color: #B5CDDF;
    padding-top: 15px;
    padding-bottom: 10px;
}
.flaeche-4 {
    background-color: #262A31;
    padding-top: 15px;
}
.flaeche-5 {
  background-color: #B8E8E5;
  padding-top: 15px;
}
#study a {
  color: #2273BF;
}
#liste .table {
  background-color: #8794C5;
}
@media (max-width:990px) {
  .intextbild {
    float: left;
    padding-right: 15px;
    max-width: 50%;
    padding-bottom: 10px;
  }
}
@media (max-width:765px) {
  .groesser3 {
    font-size: 2rem;
  }
  .groesser2 {
    font-size: 2.6rem;
  }
  .pagination-klein {
    font-size: 0.8rem;
  }
  .intextbild {
    float: left;
    padding-right: 0px;
    max-width: 100%;
    padding-bottom: 10px;
  }
}
@media (max-width:575px) {
  .nav-item .nav-link {
    font-size: 0.8rem;
  }
  .versal.prolight {
    font-size: 2rem;
  }
  .versal.probold {
    font-size: 1.7rem;
  }
  .versal.problack {
    font-size: 2rem;
  }
  .kleiner {
    font-size: 1.5rem;
  }
  .kleiner2 {
    font-size: 1.4rem;
  }
  .pagination-klein {
    font-size: 0.7rem;
  }
}