.bert-blue { color: #556DA3;}
.bert-green { color: #8E9732;}
.bert-yellow { color: #D8B241;}
.bert-red { color: #92322A;}

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-VariableFont_wdth,wght.ttf') format('ttf'),;
    src: url('../fonts/NotoSerif-Thin.ttf') format('ttf'),;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('ttf');
    src: url('../fonts/OpenSans-VariableFont_wdth,wght.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Noto Serif';
    border-top: solid;
    border-width: 5px;
    border-color: #7589b5;
    /*background-color: #556DA3;*/
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Open Sans';
}
    .body-wrapper {
    background-color: #FFFFFF;
}
#sp-footer { margin-top: 50px; }

/*------------ main menu ------------*/

.top-a {
    margin-top: 0px;
    border: none;
}

.card-body { padding-top: 0px;}

.card-body .mod-menu li {
        padding-top: 0px;
    }

.navbar-nav {
    width: 716px;
    background-color: white;
}

.menu-main {
    position: relative;
    right: -40px;
    top: -170px;
    width: 720px;
}
.navbar-nav {
  flex-direction: row;
  /*border: 1px solid #FF0000;*/
}

.navbar-nav ul{width: 100%;}
.navbar-nav li{width: 25%;  height: 80px; background-color: white; padding: 0px;}

.navbar-nav a:hover{
   opacity: 0.5;
}

.navbar-nav a{
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1.2px;
  color: #FFFFFF;
  display: block;
  text-align: center;
  padding: 24px 4px;
  height: 100%;
  margin: 0px;
  border: 3px solid #FFFFFF;
  text-decoration: none;
}

.menu-top {width: 700px;
background-color: #FFFFFF; }
.menu-top .navbar-nav a{
  height: 65px;
  padding-top: 18px;
}

.navbar-nav li.current.active a {
   height: 40px;
   padding-top: 6px;
   opacity: 0.5;
   text-decoration: none;
}

.navbar-nav a.bg-blue {
  background-color: #556DA3; }
.navbar-nav a.bg-green {
  background-color: #8E9732; }
.navbar-nav a.bg-yellow {
  background-color: #D8B241; }
.navbar-nav a.bg-red {
  background-color: #92322A; }
.menu-head { padding-top: 0px; }

/*------ Handy menu ------*/

@media (max-width: 768px){
 .navbar-nav { width: 100%;}
 .navbar-nav li{ vertical-align: middle;}
 .navbar-nav a{padding: 15px 0;  font-size: 16px;}
}





@media (max-width: 576px){
.navbar-nav { flex-direction: column;}
.navbar-nav li{width: 100%;  height: 60px;}
.navbar-nav a{
  font-size: 19px;
  padding: 13px 0;}

.menu-main {
  left: 0px; top: 25px; width: 100%; }

.navbar-nav li.current.active a {
   height: 60px; padding: 13px 0;}

.menu-top {width: 100%;}
.menu-top .navbar-nav a{
  height: 60px;
   padding: 13px 0;}
}

/*------ Footer Menu ------*/
#sp-footer ul.menu {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 1.3em;
}

footer.footer .mod-menu {
    flex-direction: row !important; /* nebeneinander */
    display: flex; /* horizontale Ausrichtung */
    gap: 1rem; /* Abstand zwischen den Links */
    list-style: none; /* keine Standard-Punkte */
    padding: 0;
    margin: 0;
}

footer.footer {
    color: #fff;
    background-color: #5E6E9E;
    background-image: none;
    font-family: 'Open Sans', sans-serif;
}

footer.footer li {
padding-right: 20px;
    border-right: solid;
    border-width: 1px;
    border-color: #FFFFFF;
}
footer.footer li:last-child {
    border-right: none;
}


@media (width <= 991.98px) {
    .footer .grid-child {
        flex-direction: column-reverse;
    }

    footer.footer .mod-menu {
        padding-bottom: 30px;
    }
}


/*------  Head of Cont-Pages  ------*/

.block-head { height: 100px;
padding-bottom: 250px;
margin-bottom: 250px; }

.page-head {
    font-family: 'Noto Serif', sans-serif;
    font-weight: 400;
    font-size: 2em;
    letter-spacing: 1px;
    line-height: 48px;
    margin-top: 22px;
    border-bottom: 2px solid;
}

.titel {
    font-family: 'Noto Serif', NotoSerif-Thin;
    font-size: 1.2em;
    font-weight: 100;
    padding-top: 5px;
    text-align: right;
}

.name {
   font-weight: 550;
   font-size: 1.85em;
   text-align: right;
   letter-spacing: -.02em;
   line-height: 110%;
}
.image-row { width: 420px; }

/*------ Name on Homepage   ------*/

.t-home {
   font-size: 2em;
   padding-top: 145px;
}

.n-home {   
   font-weight: 700;
   font-size: 2.2em;
   line-height: 120%;
   transform: scale(1, 1.15);
}
.name-head { width: 405px; }

.left-main {
  position: relative;
  right: -60px;
}

@media (max-width: 1200px){
.left-main {
  position: relative;
  right: -10px; }
.t-home { font-size: 1.5em;}
.n-home { font-size: 1.6em;}
}

.short_info {
   font-family: 'Open Sans', sans-serif; 
   font-weight: 400;
   color: #555555;
   padding-top: 55px; 
   font-size: 1.125em;
   letter-spacing: 0.03em;
   text-align: right;
}

/*------ Überschriften   ------*/

h2 { padding-top: 30px; padding-bottom: 20px;}
h3 {
    padding-top: 25px;
    font-size: 1.3em;
    font-weight: 500;
}
h4 {
    font-size: 1.2em;
    font-weight: 400;
    padding-bottom: 0px;
}

@media (max-width: 992px){
.t-home {   font-size: 1.5em;
   padding-top: 0px;
padding-right: 20px;}
.n-home {  font-size: 1.8em;
padding-right: 20px;}
}

/*---------------------*/

ul {
  list-style: none;
  padding-inline-start: 0px;
}
.year { padding-left: 2px; }
.year li { padding-left: 23px; 
	text-indent: -23px; }

.year-points {
	padding-bottom: 0px; 
	margin-left: 20px;
}
.bullet {
	font-weight: bold;
	margin-right: 10px;
}

span.ital-bold {
	font-style:italic;
	font-weight:bold;
}
span.italic {
	font-style:italic;
	font-weight:normal;
}

.img-publications {
    padding-bottom: 40px;
}