@import url("http://fonts.googleapis.com/css?family=Inter:400,300,700");

body {
  background-color: black !important;
  color: whitesmoke !important;
  font-family: "Inter", sans-serif !important;
}

h1 {
  font-weight: 700;
}

@media screen and (min-width: 960px) {
  h1 {
    /*color: red;*/
    font-size: 5em;
    font-weight: 700;
  }
}

.red-text {
  color: rgb(255, 0, 68) !important;
}

.navbar-custom a:hover {
  color: rgb(255, 0, 68) !important;
}

div a :hover h1.white-text {
  text-decoration: none;
  color: rgb(255, 0, 68) !important;
  transition: all 0.6s ease;
}

div a :hover {
  text-decoration: none;
  color: rgb(255, 0, 68) !important;
  transition: all 0.6s ease;
}

.navbar-custom {
  background-color: rgba(0, 0, 0, 0.9);
}

div a p {
  transition: all 0.2s;
}

div a h1 {
  transition: all 0.2s;
}

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

.projekt-abschnitt ul {
  list-style-type: disc;
  margin-left: 1rem;
}

.foot-image {
  vertical-align: bottom !important;
  border: 0;
}

.white-text {
  color: whitesmoke !important;
}

/*Change of Headline bei Hover*/
.label:after {
  content: "UX Designer";
}
.label:hover:after {
  content: "Medienmensch";
}

.new {
  opacity: 0;
}

.old,
.new {
  transition: opacity 1.5s linear;
  position: absolute;
}

.wrap:hover .old {
  opacity: 0;
}
.wrap:hover .new {
  opacity: 1;
}

/* Navbar CSS */
/* Modify the background color */
.navbar-custom a {
  /*color: white !important;*/
}

.fixed-top {
}

.nav-right {
  position: absolute;
  right: 0;
  text-align: right;
}

div a {
  text-decoration: none;
  color: rgb(255, 0, 68) !important;
}

/*
div a :hover {
  text-decoration: none;
  color: red;
  transition: all 0.5s ease;
}
*/

a :hover {
  cursor: pointer !important;
}

.row {
  padding-bottom: 7rem;
}

.row .no-padding {
  padding-bottom: 0rem;
}

.no-padding {
  padding-bottom: 0rem !important;
}

/*Zoom-Effekt für Vorschaubilder*/
img.zoom-img {
  transition: transform 1.5s;
}
a :hover img.zoom-img {
  transform: scale(1.1, 1.1);
  transition: transform 1.5s;
}

.projekt-abschnitt {
  margin-bottom: 1rem !important;
}