@charset "UTF-8";
/* SASS Document */
/* league-spartan-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/league-spartan-v14-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* league-spartan-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/league-spartan-v14-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* league-spartan-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/league-spartan-v14-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
.container {
  position: relative;
  margin: 0 auto;
  display: grid; }

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-container {
  position: relative;
  max-width: 85%;
  margin: 0 auto;
  display: grid;
  grid-gap: 4rem;
  gap: 4rem; }

.grid-container.thirds {
  grid-template-columns: 1fr; }

@media (min-width: 750px) {
  .grid-container {
    grid-gap: 6rem;
    gap: 6rem; }

  .grid-container.thirds {
    grid-template-columns: repeat(2, 1fr); } }
/* grids to 3 columns above mobile sizes */
@media (min-width: 1000px) {
  .grid-container {
    max-width: 90%;
    grid-gap: 8rem;
    gap: 8rem; }

  /* basic grids */
  .grid-container.sixth {
    grid-template-columns: repeat(6, 1fr); }

  .grid-container.fifths {
    grid-template-columns: repeat(5, 1fr); }

  .grid-container.quarters {
    grid-template-columns: repeat(4, 1fr); }

  .grid-container.thirds {
    grid-template-columns: repeat(3, 1fr); }

  .grid-container.halves {
    grid-template-columns: repeat(2, 1fr); }

  .grid-container.full {
    grid-template-columns: 1fr; }

  .grid-container.full_offset {
    grid-template-columns: 2fr 8fr 2fr; }
    .grid-container.full_offset div:first-child {
      grid-column-start: 2; }

  .grid-container.full_two {
    grid-template-columns: 1fr 9fr 2fr; }

  .grid-container.halves_two {
    grid-template-columns: 5fr 1fr 5fr; } }
@media (min-width: 1200px) {
  .grid-container.halves_one {
    grid-template-columns: 1fr 400px; }
    .grid-container.halves_one div:first-child {
      grid-column-start: 1; }

  .grid-container.halves_two {
    grid-template-columns: 4fr 1fr 4fr; }
    .grid-container.halves_two div:nth-child(2) {
      grid-column-start: 2; } }
@media (min-width: 1200px) {
  .grid-container.halves_one {
    grid-template-columns: 5% 41% 550px; }
    .grid-container.halves_one div:first-child {
      grid-column-start: 2; } }
@media (min-width: 1400px) {
  .grid-container.halves_one {
    grid-template-columns: 5% 41% 550px; }
    .grid-container.halves_one div:first-child {
      grid-column-start: 2; } }
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }

body {
  font-size: 1.8em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.4;
  font-weight: 300;
  font-family: "League Spartan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0; }

h1 {
  font-family: "League Spartan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: .02rem;
  font-weight: 600; }

h2 {
  font-family: "League Spartan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.5rem;
  line-height: 1.2;
  letter-spacing: .02rem;
  font-weight: 600; }

h3 {
  font-family: "League Spartan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  letter-spacing: .02rem;
  font-weight: 300; }

h4 {
  font-family: "League Spartan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: .02rem;
  margin-bottom: 1rem; }

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: .05rem; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  body {
    font-size: 2.1em; }

  h1 {
    font-size: 5rem; }

  h2 {
    font-size: 4rem; }

  h3 {
    font-size: 3rem; }

  h4 {
    font-size: 1.6rem; }

  h5 {
    font-size: 2.4rem; }

  h6 {
    font-size: 1.5rem; } }
@media (min-width: 750px) {
  h1 {
    font-size: 6rem; }

  h2 {
    font-size: 5rem; }

  h4 {
    font-size: 1.6rem; }

  h5 {
    font-size: 2.4rem; }

  h6 {
    font-size: 1.5rem; } }
@media (min-width: 1200px) {
  h1 {
    font-size: 7rem; }

  h2 {
    font-size: 6rem; }

  h4 {
    font-size: 1.7rem; }

  h5 {
    font-size: 2.4rem; }

  h6 {
    font-size: 1.5rem; } }
p {
  margin-top: 0; }

.small {
  font-size: 1.5rem; }

strong {
  font-weight: 600; }

p em {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #f6ff45;
  text-decoration-thickness: 2px;
  font-style: normal; }

h3 em {
  font-style: normal;
  font-weight: 600;
  background: #f6ff45;
  color: #000;
  padding: 3px 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin: 0 -5px; }

a {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #f6ff45;
  text-decoration-thickness: 2px; }

#uns p em {
  text-decoration-thickness: 2px; }

h2 strong {
  background: #f6ff45;
  padding: 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin: 0 -5px; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #000; }
  a:hover {
    color: #333; }

*:focus:not(:focus-visible) {
  outline: none; }

*:focus-visible {
  outline: 2px dashed currentColor;
  outline-offset: 2px; }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button {
  font-family: "League Spartan", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  height: 47px;
  padding: 0 30px;
  color: #f6ff45;
  text-align: center;
  font-size: 21px;
  line-height: 47px;
  text-decoration: none;
  white-space: nowrap;
  background-color: #000;
  cursor: pointer;
  box-sizing: border-box;
  font-weight: 300 !important;
  border: none; }

input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #444444;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }

.button:hover,
button:hover {
  color: #000 !important;
  background-color: #fff; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  color: #222;
  border-color: #777777;
  outline: 0; }

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #222;
  border-color: #777777;
  outline: 0; }

.button.button-primary,
button.button-primary {
  color: #fff;
  background-color: #f6ff45;
  border-color: #f6ff45; }

input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  color: #fff;
  background-color: #f6ff45;
  border-color: #f6ff45; }

.button.button-primary:hover,
button.button-primary:hover {
  color: #fff;
  background-color: #333;
  border-color: #333; }

input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover {
  color: #fff;
  background-color: #333;
  border-color: #333; }

.button.button-primary:focus,
button.button-primary:focus {
  color: #fff;
  background-color: #333;
  border-color: #333; }

input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  color: #fff;
  background-color: #333;
  border-color: #333; }
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus {
  border: 1px solid #f6ff45;
  outline: 0; }

textarea:focus,
select:focus {
  border: 1px solid #f6ff45;
  outline: 0; }

label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: none outside; }

ol {
  list-style: decimal inside;
  padding-left: 0;
  margin-top: 0; }

ul {
  padding-left: 0;
  margin-top: 0; }
  ul ul, ul ol {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%; }

ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }

li {
  margin-bottom: 1rem;
  margin-left: 1rem; }

li:before {
  content: "-";
  display: block;
  float: left;
  margin-left: -1rem; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: whitesmoke;
  border: 1px solid #e5e5e5;
  border-radius: 4px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5; }

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  height: auto;
  box-sizing: border-box; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #e5e5e5; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/* LESS Document */
html {
  scroll-behavior: smooth; }

.header {
  min-height: 100vh;
  color: #fff;
  position: relative;
  padding-bottom: 6rem;
  box-sizing: border-box; }
  .header h1 {
    line-height: 1.2;
    margin-bottom: 1rem; }
    .header h1 em {
      font-style: normal;
      background: #f6ff45;
      color: #000;
      padding: 3px 5px;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
      display: inline;
      margin-left: -5px; }
  .header h3 {
    font-size: 2.5rem; }
  .header p {
    font-size: 2.0rem; }

.hero {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
  position: absolute;
  z-index: -1; }

.logo {
  display: grid;
  justify-content: center;
  padding-top: 80px; }
  .logo a {
    color: inherit;
    text-decoration: none; }
  .logo h2 {
    font-size: 4.3rem;
    letter-spacing: -0.1rem;
    margin-bottom: -0.75rem;
    font-weight: 600; }
  .logo h3 {
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    padding-left: 4.1rem;
    font-weight: 500;
    margin-bottom: 0; }

.menu-button {
  position: fixed;
  z-index: 4;
  top: 20px;
  right: 40px; }

#nav-toggle {
  position: absolute;
  cursor: pointer;
  padding: 5px;
  font-size: 14px;
  color: #f6ff45;
  height: 40px;
  width: 40px;
  background-color: #f6ff45;
  border: none;
  border-radius: 0; }

#nav-toggle b {
  display: none;
  font-weight: normal;
  margin-left: 35px; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 0px;
  height: 2px;
  width: 25px;
  position: absolute;
  display: inline;
  content: '';
  left: 0; }

#nav-toggle.active {
  position: fixed;
  color: #000; }

#nav-toggle.active b {
  display: none; }

#nav-toggle span {
  background-color: #000;
  top: 20px;
  left: 7px; }

#nav-toggle span:before {
  top: -8px;
  background: #000; }

#nav-toggle span:after {
  bottom: -8px;
  background: #000; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 200ms ease-in-out; }

#nav-toggle.active span {
  background-color: transparent; }

#nav-toggle.active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transform: rotate(45deg); }

#nav-toggle.active span:after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg); }

.overlay {
  align-items: top;
  height: 100%;
  width: 100%;
  transform: translateX(100%);
  overflow: hidden;
  background: #f6ff45;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  transition: transform 0.5s;
  display: flex;
  box-sizing: border-box;
  color: #000; }

.overlay.open {
  opacity: 1;
  overflow-y: scroll;
  visibility: visible;
  overflow-x: hidden;
  transform: translateX(0%); }

.navi {
  max-width: 85%;
  margin: 20px auto;
  width: 100%;
  display: flex;
  align-items: center; }
  .navi ul {
    margin: 0 auto;
    text-align: right;
    width: 50%; }
    .navi ul li {
      width: 100%;
      list-style-type: none;
      margin-bottom: 1rem;
      margin-left: 0; }
      .navi ul li a {
        font-size: 3rem;
        text-decoration: none;
        font-weight: 600; }
      .navi ul li a.rex-current, .navi ul li a:hover {
        background: #000;
        color: #fff;
        padding: 5px 8px;
        margin-right: -8px; }
    .navi ul li:before {
      content: ""; }

.start-text {
  margin-top: 5rem; }
  .start-text p em {
    text-decoration-thickness: 1px; }

.yellow_back {
  background: #f6ff45;
  color: #000;
  padding: 3px 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  margin: 0 -5px; }

@media (min-width: 550px) {
  .header {
    padding-bottom: 0; }

  .menu-button {
    top: 40px; }

  .navi ul li a {
    font-size: 4rem; }
  .navi ul li a.rex-current, .navi ul li a:hover {
    padding: 10px 15px;
    margin-right: -15px; }

  .start-text {
    grid-template-rows: 1fr 1fr;
    height: calc(100vh - 137px);
    align-items: center;
    margin-top: 0;
    min-height: 700px; }
    .start-text div:first-child {
      align-self: end;
      max-width: 400px; }
    .start-text div:last-child {
      align-self: start; }
    .start-text p {
      font-size: 2.2rem; } }
@media (min-width: 750px) {
  .start-text {
    box-sizing: border-box; }
    .start-text div:first-child {
      max-width: 500px; }
    .start-text h3 {
      font-size: 3rem; }
    .start-text p {
      font-size: 2.5rem; }

  .overlay {
    width: 50%;
    transform: translateX(200%); }

  .overlay.open {
    transform: translateX(100%); } }
@media (min-width: 1000px) {
  .start-text div:first-child {
    max-width: 1200px; }

  .navi ul li a {
    font-size: 5rem; }
  .navi ul li a.rex-current, .navi ul li a:hover {
    padding: 15px 20px;
    margin-right: -20px; } }
@media (min-width: 1200px) {
  .start-text {
    grid-template-columns: 2fr 10fr 2fr; }
    .start-text div:first-child {
      grid-column: span 3; }
    .start-text div:last-child {
      grid-column: 2 / 3; }
    .start-text h3 {
      font-size: 3.5rem; }
    .start-text p {
      font-size: 3rem; }

  .navi ul li a {
    font-size: 6rem; } }
.content img {
  width: 100%;
  height: auto; }

#ueber_uns {
  padding-top: 6rem;
  background-color: #f0f0f0;
  position: relative; }

.portrait {
  aspect-ratio: 1 / 1;
  margin-top: 4rem; }
  .portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 30%;
    vertical-align: bottom; }

.portrait-text {
  z-index: 2; }
  .portrait-text s {
    background: #f0f0f0;
    padding: 5px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    margin: 0 -5px;
    display: inline;
    text-decoration-line: none; }

.yellow_intro {
  background-color: #f6ff45;
  padding: 5rem 0; }
  .yellow_intro h2 {
    margin-bottom: 0; }

.leistung {
  padding-bottom: 4rem; }
  .leistung img {
    vertical-align: bottom; }
  .leistung div.txt {
    max-width: 85%;
    margin: -2.8rem auto 0; }
  .leistung h3 strong {
    font-style: normal;
    background: #f6ff45;
    color: #000;
    padding: 3px 5px;
    display: inline;
    margin-left: -5px; }

.yellow {
  background-color: #f6ff45; }
  .yellow h3 strong {
    background: #fff; }
  .yellow p em {
    text-decoration-color: #fff; }

.light {
  background-color: #f0f0f0; }

.dark {
  background-color: #222; }
  .dark p, .dark h3 {
    color: #fff; }

#insights {
  background-color: #f6ff45;
  padding: 4rem 0 2rem 0; }
  #insights h2 strong {
    background: #fff; }

.news {
  padding: 2rem 0; }
  .news img {
    vertical-align: bottom;
    margin-bottom: 2rem; }
  .news span {
    background: #fff;
    padding: 5px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    margin: 0 -5px;
    font-weight: 600; }
  .news h3, .news p {
    margin-bottom: 1rem; }
  .news a {
    font-weight: 600;
    text-decoration-color: #fff; }
  .news a:hover {
    text-decoration-color: #000;
    color: #000; }

#kontakt {
  padding: 4rem 0 2rem 0; }
  #kontakt a {
    font-weight: 600; }
  #kontakt .logo {
    color: #000;
    padding: 6rem 0; }

@media (min-width: 550px) {
  .yellow_intro {
    padding: 6rem 0; }

  .leistung {
    padding-bottom: 4rem; }
    .leistung div.txt {
      margin: -3.4rem auto 0; } }
@media (min-width: 750px) {
  .yellow_intro {
    padding: 8rem 0; }

  .leistung {
    padding-bottom: 4rem; }
    .leistung div.txt {
      margin: -3.4rem auto 0; }

  #insights {
    padding: 6rem 0 3rem 0; }
    #insights .news {
      padding: 3rem 0; }
    #insights .more-news {
      grid-column: span 2; }

  #kontakt {
    padding: 6rem 0 3rem 0; } }
@media (min-width: 1000px) {
  #ueber_uns {
    padding: 10% 0; }

  .portrait {
    aspect-ratio: inherit;
    margin-top: 0rem;
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
    height: 100%; }

  #insights {
    padding: 8rem 0 4rem 0; }

  .news {
    padding: 4rem 0; }

  #kontakt {
    padding: 8rem 0 4rem 0; }
    #kontakt .halves {
      padding-top: 8rem; } }
@media (min-width: 1200px) {
  .yellow_intro {
    width: 75%;
    padding: 12rem 0; }

  .leistung {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0; }
    .leistung div.txt {
      padding: 12rem 0; }
    .leistung img {
      height: 100%;
      object-fit: cover; }
    .leistung .txt h3:first-child {
      margin-bottom: 0px; }

  .leistung:nth-child(odd) div.txt {
    grid-column: 1/2;
    grid-row: 1 / 2; }
  .leistung:nth-child(odd) div.img {
    grid-column: 2/3;
    grid-row: 1 / 2; } }
.header-solo {
  margin-bottom: 10rem; }

.footer-navi {
  padding: 10rem 0; }

.news_img {
  margin-bottom: 4rem; }

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