@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");
::selection {
  color: white;
  background: #E74C57;
  text-shadow: none; }

html {
  scroll-behavior: smooth; }

body {
  color: #757a84;
  font-family: 'Noto Sans JP', sans-serif;
  overflow-x: hidden; }
  body p {
    font-weight: 400;
    line-height: 24px;
    font-size: 16px; }

.container {
  max-width: 1300px; }

ul {
  list-style-type: none;
  padding: 0; }

header {
  width: 100%; }
  header .top-bar {
    border-bottom: 1px solid #efefef;
    padding: .5rem 0; }
    header .top-bar p {
      margin: 0 0 0 0;
      line-height: 1;
      display: inline-block;
      font-size: 14px;
      color: #111b26; }
      header .top-bar p a {
        color: #111b26; }
        header .top-bar p a:hover {
          text-decoration: none; }
  header .navbar {
    padding: 1rem 0; }

.hero {
  width: 100%;
  height: 650px;
  background: url("../img/frankfurt.jpg") no-repeat center center;
  background-size: cover;
  padding: 200px 0 0 0;
  position: relative; }
  .hero .content-hero {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(17, 27, 38, 0.8);
    padding: 1.2rem; }
  .hero h1 {
    font-weight: 900;
    font-size: 2.3rem;
    line-height: 2.6rem;
    color: white; }
  .hero h2 {
    font-size: 18px;
    color: white;
    line-height: 24px; }

h3 {
  font-size: 1.8rem;
  color: #111b26;
  font-weight: bold; }

.button-hero {
  display: inline-block; }
  .button-hero a {
    background: #b4bac4;
    color: #111b26;
    padding: 7px 15px;
    transition: all .3s;
    line-height: 1; }
    .button-hero a:hover {
      text-decoration: none;
      background: #E74C57;
      color: white; }

h3.fetunddunkel {
  font-weight: 900;
  color: #111b26; }

.marginvonoben {
  margin-top: 75px; }

.superbuton {
  color: #111b26;
  border: 2px solid #111b26;
  line-height: 1;
  transition: all .3s;
  padding: 8px 12px;
  font-size: 17px;
  display: inline-block;
  margin-top: 1rem; }
  .superbuton:hover {
    color: white;
    background: #111b26;
    text-decoration: none; }

.full-grau {
  width: 100%;
  background: #ededed;
  padding: 50px 0; }

.paralalax {
  width: 100%;
  padding: 5rem 0;
  background: white;
  background-size: cover; }

.kurzline {
  width: 50px;
  height: 5px;
  background: #E74C57;
  margin-bottom: 1rem; }

.fullline {
  width: 100%;
  height: 2px;
  background: #E74C57;
  margin: 1rem auto; }

.container-full {
  background: #efefef;
  width: 100%; }
  .container-full p {
    margin: 0; }

footer {
  border-top: 5px solid #E74C57;
  background: #111b26;
  padding: 50px 0 25px 0; }
  footer h5 {
    font-weight: 700; }
  footer a {
    color: #757a84; }
    footer a:hover {
      color: #b4bac4;
      text-decoration: none; }

.fuszeile {
  padding: 1rem;
  background: #111b26; }
  .fuszeile p {
    margin: 0; }
  .fuszeile a {
    color: #757a84;
    font-size: 14px; }

.zwischen {
  background: #111b26;
  width: 100%; }
  .zwischen .linegrau {
    width: 100%;
    height: 1px;
    background: #757a84; }

.textboxheadline {
  display: inline-block;
  background: rgba(231, 76, 87, 0.8);
  color: white;
  line-height: 1;
  padding: 15px; }

.mitbg-p {
  display: inline-block;
  background: #E74C57;
  color: white !important;
  padding: 4px 5px;
  float: right; }

.navbar-brand {
  font-weight: 900; }

.navbar-nav li a {
  margin-left: .5rem;
  padding: 0.4rem 0.6rem !important; }
  .navbar-nav li a:hover {
    background: #111b26;
    color: white !important; }

.hero-unterseite {
  height: 350px;
  display: flex;
  align-items: center;
  background: url("../img/impressum.jpg") center center no-repeat;
  background-size: cover; }

.forImpressum {
  display: inline-block;
  background: rgba(17, 27, 38, 0.7);
  color: white;
  line-height: 1;
  padding: 1rem;
  font-weight: bold; }

.hero-unterseite-daten {
  height: 350px;
  display: flex;
  align-items: center;
  background: url("../img/daten.jpg") center center no-repeat;
  background-size: cover; }

.hero-unterseite-about {
  height: 350px;
  display: flex;
  align-items: center;
  background: url("../img/ab.jpg") center center no-repeat;
  background-size: cover; }

.hero-unterseite-kontakt {
  height: 350px;
  display: flex;
  align-items: center;
  background: url("../img/kontakt.jpg") center center no-repeat fixed;
  background-size: cover; }

.hero-unterseite-publikationen {
  height: 350px;
  display: flex;
  align-items: center;
  background: url("../img/bro.jpg") center bottom no-repeat fixed;
  background-size: cover; }

.hero-unterseite-seminare {
  height: 350px;
  display: flex;
  align-items: center;
  background: url("../img/seminare.jpg") center bottom no-repeat fixed;
  background-size: cover; }

.high {
  background: #ededed;
  padding: 1rem;
  border: 1px solid #E74C57; }
  .high p {
    color: #111b26; }
  .high a {
    color: #111b26; }

.list-group-item.active {
  background-color: #111b26;
  border-color: #111b26; }

.superblock {
  text-align: justify; }

.linkKontakt {
  color: #111b26; }
  .linkKontakt:hover {
    text-decoration: underline;
    color: #111b26; }

@media only screen and (max-width: 740px) {
  .fetunddunkel {
    margin-top: 1rem; }

  .marginvonoben {
    margin-top: 20px; }

  .paralalax {
    padding: 1rem 0; } }

/*# sourceMappingURL=style.css.map */