/* Basics */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* ===Desktop=== */

/* ===General=== */
body {
  background-color: #1d1d1d;
  margin: 0;
  padding: 0;
  width: 100vw;
}

@font-face {
  font-family: "Coign Pro 37 Fett";
  src: url("fonts/coign_pro/d822355ded2bed1fe6f62293599d5653.eot"); /* IE9*/
  src: url("fonts/coign_pro/d822355ded2bed1fe6f62293599d5653.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/coign_pro/d822355ded2bed1fe6f62293599d5653.woff2")
      format("woff2"),
    /* chrome、firefox */
      url("fonts/coign_pro/d822355ded2bed1fe6f62293599d5653.woff")
      format("woff"),
    /* chrome、firefox */
      url("fonts/coign_pro/d822355ded2bed1fe6f62293599d5653.ttf")
      format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("fonts/coign_pro/d822355ded2bed1fe6f62293599d5653.svg#Coign Pro 37 Fett")
      format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "press_gothic";
  src: url("fonts/press_gothic/press_gothic.eot"); /* IE9*/
  src: url("fonts/press_gothic/press_gothic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/press_gothic/press_gothic.woff2") format("woff2"),
    /* chrome、firefox */ url("fonts/press_gothic/press_gothic.woff")
      format("woff"),
    /* chrome、firefox */ url("fonts/press_gothic/press_gothic.ttf")
      format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

@font-face {
  font-family: "LeagueSpartan-Medium";
  src: url("fonts/league_spartan/LeagueSpartan-Medium.eot"); /* IE9*/
  src: url("fonts/league_spartan/LeagueSpartan-Medium.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/league_spartan/LeagueSpartan-Medium.woff2") format("woff2"),
    /* chrome、firefox */ url("fonts/league_spartan/LeagueSpartan-Medium.woff")
      format("woff"),
    /* chrome、firefox */ url("fonts/league_spartan/LeagueSpartan-Medium.ttf")
      format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}



/* ===Header=== */

.header-container:after {
  content: '';
  display: table;
  clear: both;
}
.header-links {
  height: 50vw;
  width: 50vw;
  background: #1d1d1d;
  float: left;
  z-index: 1;
}
.header-rechts {
  height: 50vw;
  width: 50vw;
  background-image: url("img/iamray_portrait.jpg");
  background-size: cover;
  float: left;
  z-index: 1;
}
.header-text {
  width: 100vw;
  height: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  text-transform: uppercase;
  font-family: "Coign Pro 37 Fett" !important;
  color: white;
  top: 0;
  left: 0;
  font-size: 35rem;
  z-index: 5;
}
.header-icon-top {
  height: 6vw;
  width: 100vw;
}
.header-icon-top div {
  height: 6vw;
  width: 5vw;
  margin: auto;
  top: 0;
  background-image: url("img/iamray.svg");
  background-size: cover;
  position: relative;
  z-index: 10;
}

/* ===Links Referenzen=== */

.slash {
  display: flex;
  text-decoration: none;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-family: "press_gothic" !important;
  color: #6adcff;
  white-space: nowrap;
  font-size: 9rem;
  margin: 0 15px 15px;
  line-height: 0.5em;
}
.links a {
  display: flex;
  text-decoration: none;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-family: "press_gothic" !important;
  color: white;
  word-spacing: 1rem;
  white-space: nowrap;
  font-size: 9rem;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
}

.links a:hover {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.012em;
  -webkit-text-stroke-color: currentColor;
}

.elinks {
  width: 80%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 7em 10% 10%;
  line-height: 9.5rem;
  padding: 0;
}

/* ===Services=== */
.services-block {
  background: #6ADCFF;
  padding: 159px 50px 157px 50px;
  text-align: center;
}
.services-block-rechtliches {
  background: #1D1D1D;
  padding: 159px 50px 157px 50px;
  text-align: left;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-spadding);
  padding-right: var(--container-spadding);
  width: 90%;
}
.services-block span {
  color: #1D1D1D;
  font-family: "press_gothic";
  display: block;
  font-size: 52px;
  line-height: 1;
  text-transform: uppercase;
}
.services-block h1 {
  color: #1D1D1D;
  font-family: "Coign Pro 37 Fett";
  font-size: 565px;
  font-weight: 400;
  line-height: 1;
  margin: -45px 0 -40px 0;
  text-transform: uppercase;
}
.services-block h2 {
  color: #FFFFFF;
  font-family: "press_gothic";
  font-size: 52px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
.services-block h3 {
  color: #FFFFFF;
  font-family: "LeagueSpartan-Medium";
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  margin: 30px 0 0 0;
}
.services-block-rechtliches h2 {
  color: #FFFFFF;
  font-family: "press_gothic";
  font-size: 46px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}
.services-block-rechtliches h3 {
  color: #FFFFFF;
  font-family: "LeagueSpartan-Regular";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.25;
  margin: 30px 0 0 0;
}

/* ===Image Block=== */
.image-block img {
  display: block;
  width: 100%;
}


/* ===Footer=== */

footer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  /* margin: -5em 0 0; */
  /* margin-bottom: 100px; */
}

.footer-unten {
  display: flex;
  font-family: 'LeagueSpartan-Medium';
  font-size: 14px;
  justify-content: flex-end;
  padding: 65px 100px 72px 100px;
  width: 100%;
}
.footer-unten ul,
.footer-unten ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-unten ul {
  display: flex;
  margin: 0 -8px;
}
.footer-unten ul li {
  padding: 0 8px;
}
.footer-unten a,
.footer-unten a:focus,
.footer-unten a:hover,
.footer-unten a:active {
  color: #6ADCFF;
  text-decoration: none;
}

.footer-left,
.footer-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
}

.footer-left {
  background: #23241f;
}
.footer-left img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 960px;
}

.footer-connect-wrapper {
  display: flex;
  position: relative;
  width: 100%;
}
.footer-connect {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  top: 50%;
}

.footer-connect a {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Coign Pro 37 Fett" !important;
  color: white;
  font-size: 30rem;
}

.footer-connect a:hover,
.footer-connect a:focus {
  text-decoration: #6adcff underline;
  text-decoration-thickness: 11px;
  color: white;
} 

@media (max-width: 1600px) {
  .footer-connect a {
    font-size: 22rem;
  }
}