@charset "utf-8";
/* CSS Document */
/*####Globale Einstellung*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/*####Schriftarten#### */
@font-face {
  font-family: 'Barlow', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url("../schriften/Barlow/woff/AnyConv.com__Barlow-Regular.woff");
}
@font-face {
  font-family: "Barlow Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  src: url("../schriften/Barlow/Barlow-Medium.ttf")
}
@font-face {
  font-family: "Barlow Light", sans-serif;
  font-style: normal;
  font-weight: 300;
  src: url("../schriften/Barlow/Barlow-Light.ttf")
}
@font-face {
  font-family: "Barlow Condensed Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  src: url("../schriften/Barlow_Condensed/BarlowCondensed-Medium.ttf");
}
@font-face {
  font-family: "Barlow Condensed Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url("../schriften/Barlow_Condensed/BarlowCondensed-Regular.ttf");
}
@font-face {
  font-family: "Barlow Condensed Light"sans-serif;
  font-style: normal;
  font-weight: 300;
  src: url("../schriften/Barlow_Condensed/BarlowCondensed-Light.ttf")
}
/*####Textstil####*/
h1, #schrift-button {
  font-family: "Barlow", sans-serif;
  font-size: 400;
  text-align: center;
  text-transform: uppercase;
}
h2, h4, #nav-klein a {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
}
p, #Slider p, #pflegetipps li, #massschuh-eins a, #massschuh-eins button, #massschuh-zwei a, #massschuh-zwei button, #massschuh-drei a, #massschuh-drei button, #massschuh-vier a, #massschuh-vier button, #massschuh-fuenf a, #massschuh-fünf button, #massschuh-sechs a, #massschuh-sechs button, #massschuh-sieben a, #massschuh-sieben button, #massschuh-acht a, #massschuh-acht button {
  font-family: "Borlow Condensed", sans-serif;
  font-weight: 400;
}
#Leistungsuebersicht h2, #nav a {
  font-family: "Barlow Medium", sans-serif;
  font-weight: 500;
}
#Leistungsuebersicht p, #text-smartphone {
  font-family: "Barlow Condensed Light", sans-serif;
  font-weight: 300;
}
uk-button-primary {
  background-color: black;
}
/*Linkstil*/
a:hover {
  color: #BCA75D;
}
a {
  color: white;
}
/*####Grid####*/
.content {
  max-width: auto;
  margin: auto;
}
/*Background-color*/
#navigation, #begruessung, #Jahre, #Chronologie, footer, #ueberschrift {
  background-color: #161616;
}
.uk-overlay {
  background: #161616;
}
#Kunden-Stimmen, #Leistungsuebersicht {
  background-color: hsla(47, 41%, 55%, 0.50);
}
/*Overlay Slider */
.overlay-slider {
  position: relative;
}
.overlay-slider:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: hsla(37, 19%, 76%, 0.40);
}
footer {
  background-color: #1E1E1E;
}
#startseite h1 {
  margin-top: 50px;
}
#startseite h1, #startseite h2 {
  text-align: center;
}
#startseite h2 {
  margin-top: 0;
}
#startseite-footer {
  text-align: center;
  background-color: white;
}
#startseite-footer h2 {
  color: black;
  padding-bottom: 0;
  margin-top: 25px;
  margin-bottom: 0;
}
/*SMARTPHONE*/
@media (min-width:320px) {
  .grid {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 20px;
    margin-left: 25px;
    margin-right: 25px;
  }
  /*NAV*/
  #klein-abstand {
    padding-top: 25px;
    align-items: center;
    justify-items: center;
  }
  #nav-klein {
    display: grid;
    background-color: #1E1E1E;
  }
  #button-klein {
    grid-column-start: 3;
    grid-column-end: 5;
  }
}
.uk-button-default:hover, .uk-button-default:focus {
  color: #BCA75D;
  border-color: white;
}
.uk-button-default {
  border-color: white;
  color: #BCA75D;
}
.uk-button {
  padding: 0 0;
}
#navigation {
  height: 90px;
}
#nav {
  display: none;
}
.nav a {
  font-size: 20px;
}
/*Slider*/
.uk-thumbnav {
  display: none;
}
#slider-bild-groesse img {
  height: 300px;
}
.uk-margin-remove {
  color: white;
}
#Slider h1 {
  font-size: 28px;
}
#Slider p {
  font-size: 12px;
}
/*Einleitungstext*/
#begruessung {
  padding: 0 25px 0 25px;
}
#begruessung h2 {
  grid-column: span 6;
  color: #BCA75D;
  font-size: 26px;
  text-align: center;
  padding-top: 25px;
}
#begruessung p {
  color: white;
  font-size: 14px;
  margin-bottom: 0px;
  padding-bottom: 25px;
}
/*Leistungsübersicht*/
.uk-overlay {
  height: 190px;
  width: 260px;
}
#Leistungsuebersicht {
  height: auto;
  margin: auto;
  padding-bottom: 50px;
}
#Leistungsuebersicht h2 {
  text-align: center;
  font-size: 32px;
  padding-top: 15px;
  padding-bottom: 20px;
}
#Leistungsuebersicht h4 {
  color: #BCA75D;
}
#Leistungsuebersicht p {
  color: white;
}
.Reparieren, .Kreieren, .Verbessern {
  grid-column: span 6;
}
.Reparieren img, .Kreieren img, .Verbessern img {
  height: 500px;
  display: block;
  object-fit: cover;
  width: 100%;
  padding-bottom: 10px;
}
.Reparieren h4, .Kreieren h4, .Verbessern h4 {
  text-align: center;
  font-size: 32px;
}
.Reparieren p, .Kreieren p, .Verbessern p {
  text-align: center;
  font-size: 14px;
}
/*Chronologie*/
#Jahre h2 {
  color: #BCA75D;
  font-size: 32px;
  padding-top: 50px;
  padding-bottom: 25px;
  grid-column: span 6;
  text-align: center;
  font-family: "Barlow Light"sans-serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0px;
}
.azubi {
  display: none;
}
.MA {
  display: none;
}
#Chronologie {
  background-color: #161616;
}
.abstand {
  padding-bottom: 50px;
  height: auto;
}
#Chronologie p {
  color: white;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
}
#Chronologie h4 {
  color: #BCA75D;
  font-size: 18px;
  margin-bottom: 15px;
}
#sep {
  grid-column-start: 1;
  grid-column-end: 6;
}
.august-links {
  grid-row: 3;
  grid-column-start: 1;
  grid-column-end: 6;
}
.oktober-links {
  grid-row: 5;
  grid-column-start: 1;
  grid-column-end: 6;
}
.maerz-links {
  grid-row: 7;
  grid-column-start: 1;
  grid-column-end: 6;
}
.dezember-links {
  grid-row: 9;
  grid-column-start: 1;
  grid-column-end: 6;
}
.september-links {
  grid-row: 11;
  grid-column-start: 1;
  grid-column-end: 6;
}
.september-rechts {
  grid-row: 2;
  grid-column-start: 4;
  grid-column-end: 9;
}
.mai-rechts {
  grid-row: 4;
  grid-column-start: 4;
  grid-column-end: 9;
}
.dezember-rechts {
  grid-row: 6;
  grid-column-start: 4;
  grid-column-end: 9;
}
.januar-rechts {
  grid-row: 8;
  grid-column-start: 4;
  grid-column-end: 9;
}
.september-rechts-unten {
  grid-row: 10;
  grid-column-start: 4;
  grid-column-end: 9;
}
.september-rechts p, .mai-rechts p, .dezember-rechts p, .januar-rechts p, .september-rechts-unten p, .september-rechts h4, .mai-rechts h4, .dezember-rechts h4, .januar-rechts h4, .september-rechts-unten h4 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
#sep p, .august-links p, .oktober-links p, .maerz-links p, .dezember-links p, .september-links p, #sep h4, .august-links h4, .oktober-links h4, .maerz-links h4, .dezember-links h4, .september-links h4 {
  padding-left: 10px;
  padding-top: 10px;
}
.september-rechts, .mai-rechts, .dezember-rechts, .januar-rechts, .september-rechts-unten, #sep, .august-links, .oktober-links, .maerz-links, .dezember-links, .september-links {
  border: 2px solid #BCA75D;
  margin-bottom: 50px;
}
/*Kunden-Stimmen*/
#Kunden-Stimmen p {
  font-size: 16px;
  color: black;
  width: 250px;
}
#Kunden-Stimmen h2 {
  font-size: 32px;
  color: black;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 0;
}
.uk-panel {
  height: 250px;
  width: 310px;
  ;
}
/*Footer*/
footer {
  padding-top: 20px;
}
footer p {
  color: white;
}
#logo img {
  height: 100px;
  width: 85px;
}
#logo {
  grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
}
#wiederhoch {
  display: none;
  grid-row: 2;
  grid-column: 5;
}
#logo p {
  font-size: 19px;
  margin-top: 0;
}
#Adresse {
  grid-row: 2;
  font-size: 12px;
  grid-column-start: 1;
  grid-column-end: 9;
  display: flex;
  justify-content: space-between;
}
#Oeffnung {
  grid-row: 3;
  font-size: 12px;
  grid-column-start: 1;
  grid-column-end: 4;
  align-self: center;
  justify-content: space-between;
}
#Sozialmedia {
  grid-row: 1;
  grid-column-start: 5;
  grid-column-end: 9;
  justify-content: space-around;
  display: flex;
  align-items: center;
  justify-items: center;
  padding-bottom: 15px;
}
#Sozialmedia a {
  padding-left: 5px;
  padding-right: 5px;
}
#Impressum {
  font-size: 12px;
  text-align: start;
  margin-bottom: 0;
  grid-row: 3;
  grid-column-start: 5;
  grid-column-end: 9;
}
#nummer-mail {
  grid-column-start: 5;
  grid-column-end: 9;
}
#Impressum p {
  margin-bottom: 5px;
  align-self: baseline;
}
.uk-divider-vertical {
  grid-column-start: 4;
  grid-column-end: 5;
  align-self: center;
  margin: 0;
  display: none;
}
#zweiter {
  grid-column: 8;
}
/*LEISTUNGEN*/
.grid-Leistungen {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 20px;
}
#ueberschrift div {
  width: auto;
  height: 100px;
  justify-content: center;
}
#ueberschrift h1 {
  grid-column: span 6;
  text-align: center;
  font-size: 48px;
  justify-items: center;
  align-self: center;
  color: white;
}
#leistungen {
  background-color: #161616;
  height: auto;
  width: auto;
  padding-bottom: 100px;
  padding-top: 100px;
}
#Reparieren, #Verbessern, #Kreieren {
  background-color: #1E1E1E;
}
#Reparieren, #Verbessern {
  margin-bottom: 100px;
}
#Reparieren h2, #Verbessern h2, #Kreieren h2 {
  color: hsla(47, 41%, 55%, 1.00);
  padding-top: 20px;
}
#Reparieren p, #Verbessern p, #Kreieren p {
  color: white;
}
#bild-reparieren {
  grid-column: span 6;
}
#text-reparieren {
  grid-column: span 6;
  margin-right: auto;
  align-self: center;
  padding: 0 25px 0 25px;
}
#bild-verbessern {
  grid-row: 1;
  grid-column: span 6;
}
#text-verbessern {
  grid-row: 2;
  grid-column: span 6;
  align-self: center;
  padding: 0 25px 0 25px;
}
#bild-kreieren {
  grid-row: 1;
  grid-column: span 6;
}
#text-kreieren {
  grid-row: 2;
  grid-column: span 6;
  padding: 0 25px 0 25px;
  align-self: center;
}
#pflegetipps {
  background-color: hsla(47, 41%, 55%, 0.50);
}
#tipps {
  margin: 0 25px 0 25px;
  padding-bottom: 25px;
  padding-top: 25px;
}
#pflegetipps h2 {
  text-align: center;
}
#pflegetipps ul {
  list-style: decimal;
}
#pflegetipps li {
  padding-bottom: 15px;
}
/*Maßschuhe*/
#Massschuhe {
  background-color: #161616;
  padding-bottom: 20px;
}
#Massschuhe h2 {
  color: #BBA65D;
}
#massschuh-text {
  grid-column: span 6;
  color: white;
  padding-top: 60px;
}
#massschuh-bild {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: 7;
}
#massschuh-bild a {
  display: none;
}
#text-smartphone {
  color: white;
  list-style: none;
  padding-left: 0px;
  display: grid;
}
/*TABLET*/
@media (min-width:481px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 20px;
    margin-left: 30px;
    margin-right: 30px;
  }
  /*NAV*/
  #klein-abstand {
    padding-top: 25px;
    align-items: center;
    justify-items: center;
  }
  #nav-klein {
    background-color: #1E1E1E;
  }
  #button-klein {
    grid-column-start: 4;
    grid-column-end: 6;
  }
  #schrift-button {
    grid-column-start: 3;
    grid-column-end: 5;
  }
  .uk-button-default:hover, .uk-button-default:focus {
    color: #BCA75D;
    border-color: white;
  }
  .uk-button {
    padding: 0 0;
  }
  #navigation {
    height: 90px;
  }
  .nav a {
    font-size: 20px;
  }
  /*Slider*/
  .uk-thumbnav {
    display: flex;
  }
  #slider-bild-groesse img {
    height: auto;
  }
  .uk-margin-remove {
    color: white;
  }
  #Slider h1 {
    font-size: 28px;
  }
  #Slider p {
    font-size: 12px;
  }
  /*Einleitungstext*/
  #begruessung {
    display: flex;
  }
  #begruessung h2 {
    grid-column: span 8;
    color: #BCA75D;
    font-size: 26px;
    text-align: center;
    padding-top: 25px;
  }
  #begruessung p {
    grid-column: span 8;
    color: white;
    font-size: 14px;
  }
  /*Leistungsübersicht*/
  .uk-overlay {
    height: 190px;
    width: 260px;
  }
  #Leistungsuebersicht {
    height: auto;
    margin: auto;
    padding-bottom: 50px;
  }
  #Leistungsuebersicht h2 {
    grid-column: span 8;
    text-align: center;
    font-size: 32px;
    padding-top: 15px;
    padding-bottom: 20px;
  }
  #Leistungsuebersicht h4 {
    color: #BCA75D;
  }
  #Leistungsuebersicht p {
    color: white;
  }
  .Reparieren, .Kreieren, .Verbessern {
    grid-column: span 8;
  }
  .Reparieren img, .Kreieren img, .Verbessern img {
    height: 500px;
    display: block;
    object-fit: cover;
    width: 100%;
    padding-bottom: 10px;
  }
  .Reparieren h4, .Kreieren h4, .Verbessern h4 {
    text-align: center;
    font-size: 42px;
  }
  .Reparieren p, .Kreieren p, .Verbessern p {
    text-align: center;
    font-size: 14px;
  }
  /*Chronologie*/
  #Jahre {}
  #Jahre h2 {
    color: #BCA75D;
    font-size: 32px;
    padding-top: 50px;
    padding-bottom: 25px;
    grid-column: span 12;
    text-align: center;
    font-family: "Barlow Light"sans-serif;
    font-style: normal;
    font-weight: 300;
  }
  .azubi {
    display: none;
    grid-column-start: 2;
    grid-column-end: 7;
    height: 500px;
    object-fit: cover;
  }
  .MA {
    display: none;
    grid-column-start: 7;
    grid-column-end: 12;
    height: 500px;
    object-fit: cover;
  }
  #Chronologie {
    background-color: #161616;
  }
  .abstand {
    padding-bottom: 50px;
    height: auto;
  }
  #Chronologie p {
    color: white;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 10px;
	  padding-right:20px;
	  padding-left:20px
  }
  #Chronologie h4 {
    color: #BCA75D;
    font-size: 18px;
    margin-bottom: 15px;
  }
  #sep {
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .august-links {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .oktober-links {
    grid-row: 5;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .maerz-links {
    grid-row: 7;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .dezember-links {
    grid-row: 9;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .september-links {
    grid-row: 11;
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .september-rechts {
    grid-row: 2;
    grid-column-start: 4;
    grid-column-end: 9;
  }
  .mai-rechts {
    grid-row: 4;
    grid-column-start: 4;
    grid-column-end: 9;
  }
  .dezember-rechts {
    grid-row: 6;
    grid-column-start: 4;
    grid-column-end: 9;
  }
  .januar-rechts {
    grid-row: 8;
    grid-column-start: 4;
    grid-column-end: 9;
  }
  .september-rechts-unten {
    grid-row: 10;
    grid-column-start: 4;
    grid-column-end: 9;
  }
  .september-rechts p, .mai-rechts p, .dezember-rechts p, .januar-rechts p, .september-rechts-unten p, .september-rechts h4, .mai-rechts h4, .dezember-rechts h4, .januar-rechts h4, .september-rechts-unten h4 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
  }
  #sep p, .august-links p, .oktober-links p, .maerz-links p, .dezember-links p, .september-links p, #sep h4, .august-links h4, .oktober-links h4, .maerz-links h4, .dezember-links h4, .september-links h4 {
    padding-left: 10px;
    padding-top: 10px;
  }
  .september-rechts, .mai-rechts, .dezember-rechts, .januar-rechts, .september-rechts-unten, #sep, .august-links, .oktober-links, .maerz-links, .dezember-links, .september-links {
    border: 2px solid #BCA75D;
    margin-bottom: 50px;
  }
  /*Kunden-Stimmen*/
  #Kunden-Stimmen p {
    font-size: 16px;
    color: black;
    width: auto;
	 padding-bottom:20px;
  }
  #Kunden-Stimmen h2 {
    font-size: 32px;
    color: black;
    text-align: center;
    padding-top: 25px;
	  padding-bottom:25px;
    margin-bottom: 0;
  }
  .uk-panel {
    height: 250px;
    width: 480px;
  }
  /*Footer*/
  footer {
    padding-top: 20px;
  }
  footer p {
    color: white;
  }
  #logo img {
    height: 100px;
    width: 85px;
  }
  #logo {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: center;
  }
  #wiederhoch {
    display: none;
    grid-row: 2;
    grid-column: 5;
  }
  #logo p {
    font-size: 19px;
    margin-top: 0;
  }
  #Adresse {
    grid-row: 2;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 9;
    display: flex;
    justify-content: space-between;
  }
  #Oeffnung {
    grid-row: 3;
    font-size: 12px;
    grid-column-start: 1;
    grid-column-end: 4;
    align-self: center;
    justify-content: space-between;
  }
  #Sozialmedia {
    grid-row: 1;
    grid-column-start: 5;
    grid-column-end: 9;
    justify-content: space-around;
    display: flex;
    align-items: center;
    justify-items: center;
  }
  #Sozialmedia a {
    padding-left: 5px;
    padding-right: 5px;
  }
  #Impressum {
    font-size: 12px;
    text-align: start;
    margin-bottom: 0;
    grid-row: 3;
    grid-column-start: 5;
    grid-column-end: 9;
  }
  #nummer-mail {
    grid-column-start: 5;
    grid-column-end: 9;
  }
  #Impressum p {
    margin-bottom: 5px;
    align-self: baseline;
  }
  .uk-divider-vertical {
    grid-column-start: 4;
    grid-column-end: 5;
    align-self: center;
    margin: 0;
    display: none;
  }
  #zweiter {
    grid-column: 8;
  }
  /*LEISTUNGEN*/
  .grid-Leistungen {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 22px;
  }
  #ueberschrift div {
    width: auto;
    height: 500px;
    justify-content: center;
  }
  #ueberschrift h1 {
    grid-column: span 8;
    text-align: center;
    font-size: 48px;
    justify-items: center;
    align-self: center;
    color: white;
  }
  #leistungen {
    background-color: #161616;
    height: auto;
    width: auto;
    padding-bottom: 100px;
    padding-top: 100px;
  }
  #Reparieren, #Verbessern, #Kreieren {
    background-color: #1E1E1E;
  }
  #Reparieren, #Verbessern {
    margin-bottom: 100px;
  }
  #Reparieren h2, #Verbessern h2, #Kreieren h2 {
    color: hsla(47, 41%, 55%, 1.00);
    padding-top: 20px;
  }
  #Reparieren p, #Verbessern p, #Kreieren p {
    color: white;
  }
  #bild-reparieren {
    grid-column: span 8;
    padding: 0 50px 0 50px;
  }
  #text-reparieren {
    grid-column: span 8;
    margin-right: auto;
    align-self: center;
    padding: 0 50px 0 50px;
  }
  #bild-verbessern {
    grid-row: 1;
    grid-column: span 8;
    padding: 0 50px 0 50px;
  }
  #text-verbessern {
    grid-row: 2;
    grid-column: span 8;
    align-self: center;
    padding: 0 50px 0 50px;
  }
  #bild-kreieren {
    grid-row: 1;
    grid-column: span 8;
    padding: 0 50px 0 50px;
  }
  #text-kreieren {
    grid-row: 2;
    grid-column: span 8;
    padding: 0 50px 0 50px;
    align-self: center;
  }
  #pflegetipps {
    background-color: hsla(47, 41%, 55%, 0.50);
  }
  #tipps {
    margin: 0 25px 0 25px;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  #pflegetipps h2 {
    text-align: center;
  }
  #pflegetipps ul {
    list-style: decimal;
  }
  #pflegetipps li {
    padding-bottom: 15px;
  }
  /*Maßschuhe*/
  #Massschuhe {
    background-color: #161616;
    padding-bottom: 20px;
  }
  #Massschuhe h2 {
    color: #BBA65D;
  }
  #massschuh-text {
    grid-column: span 8;
    color: white;
    padding-top: 60px;
  }
  #massschuh-bild {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 9;
  }
  #massschuh-bild a {
    display: inline-grid;
  }
}
#text-smartphone {
  display: none;
}
@media(min-device-width : 1025px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 28px;
    margin-left: 50px;
    margin-right: 50px;
  }
  /*NAV*/
  #nav-klein {
    padding-top: 0px;
    display: none;
  }
  #navigation {
    height: 150px;
  }
  #nav {
    grid-column: span 12;
    align-items: center;
    justify-items: center;
    display: block;
  }
  #inhalt {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #1E1E1E;
  }
  #nav a {
    font-size: 20px;
  }
  /*Slider*/
  .uk-thumbnav {
    display: flex;
  }
  #slider-bild-groesse img {
    height: auto;
  }
  .uk-margin-remove {
    color: white;
    width: auto;
    object-fit: cover;
  }
  #Slider h1 {
    font-size: 68px;
  }
  #Slider p {
    font-size: 25px;
  }
  /*Einleitungstext*/
  #begruessung {
    height: 450px;
    align-items: center;
  }
  #begruessung h2 {
    grid-column: span 12;
    text-align: center;
    color: #BCA75D;
    font-size: 48px;
  }
  #begruessung p {
    grid-column: span 12;
    margin-left: 94px;
    margin-right: 94px;
    color: white;
  }
  /*Leistungsübersicht*/
  .uk-overlay {
    height: 190px;
    width: 260px;
  }
  #Leistungsuebersicht {
    height: auto;
    padding-bottom: 50px;
    margin: auto;
  }
  #Leistungsuebersicht h2 {
    grid-column: span 12;
    text-align: center;
    font-size: 40px;
    padding-top: 15px;
    padding-bottom: 20px;
  }
  #Leistungsuebersicht h4 {
    color: #BCA75D;
  }
  #Leistungsuebersicht p {
    color: white;
  }
  .Reparieren, .Kreieren, .Verbessern {
    grid-column: span 4;
  }
  .Reparieren img, .Kreieren img, .Verbessern img {
    height: 500px;
    display: block;
    object-fit: cover;
  }
  .Reparieren h4, .Kreieren h4, .Verbessern h4 {
    text-align: center;
    font-size: 40px;
  }
  .Reparieren p, .Kreieren p, .Verbessern p {
    text-align: center;
    font-size: 14px;
  }
  /*Chronologie*/
  #Jahre {
    display: block;
    padding-bottom: 100px;
  }
  #Jahre h2 {
    color: #BCA75D;
    font-size: 48px;
    padding-top: 100px;
    padding-bottom: 50px;
    grid-column: span 12;
    text-align: center;
  }
  .azubi {
    display: block;
    grid-column-start: 2;
    grid-column-end: 7;
    height: 500px;
    object-fit: cover;
  }
  .MA {
    display: block;
    grid-column-start: 7;
    grid-column-end: 12;
    height: 500px;
    object-fit: cover;
  }
  #Chronologie {
    background-color: #161616;
  }
  .abstand {
    padding-bottom: 50px;
    background-image: url("../Bilder/Pfad 24.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: auto;
  }
  #Chronologie p {
    color: white;
    font-size: 16px;
  }
  #Chronologie h4 {
    color: #BCA75D;
  }
  #sep {
    grid-column-start: 2;
    grid-column-end: 7;
  }
  .august-links {
    grid-row: 3;
    grid-column-start: 2;
    grid-column-end: 7;
  }
  .oktober-links {
    grid-row: 5;
    grid-column-start: 2;
    grid-column-end: 7;
  }
  .maerz-links {
    grid-row: 7;
    grid-column-start: 2;
    grid-column-end: 7;
  }
  .dezember-links {
    grid-row: 9;
    grid-column-start: 2;
    grid-column-end: 7;
  }
  .september-links {
    grid-row: 11;
    grid-column-start: 2;
    grid-column-end: 7;
  }
  .september-rechts {
    grid-row: 2;
    grid-column-start: 7;
    grid-column-end: 12;
  }
  .mai-rechts {
    grid-row: 4;
    grid-column-start: 7;
    grid-column-end: 12;
  }
  .dezember-rechts {
    grid-row: 6;
    grid-column-start: 7;
    grid-column-end: 12;
  }
  .januar-rechts {
    grid-row: 8;
    grid-column-start: 7;
    grid-column-end: 12;
  }
  .september-rechts-unten {
    grid-row: 10;
    grid-column-start: 7;
    grid-column-end: 12;
  }
  .september-rechts p, .mai-rechts p, .dezember-rechts p, .januar-rechts p, .september-rechts-unten p, .september-rechts h4, .mai-rechts h4, .dezember-rechts h4, .januar-rechts h4, .september-rechts-unten h4 {
    padding-left: 94px;
    padding-right: 10px;
    padding-top: 10px;
  }
  #sep p, .august-links p, .oktober-links p, .maerz-links p, .dezember-links p, .september-links p, #sep h4, .august-links h4, .oktober-links h4, .maerz-links h4, .dezember-links h4, .september-links h4 {
    padding-left: 10px;
    padding-top: 10px;
  }
  .september-rechts, .mai-rechts, .dezember-rechts, .januar-rechts, .september-rechts-unten, #sep, .august-links, .oktober-links, .maerz-links, .dezember-links, .september-links {
    border: 2px solid #BCA75D;
  }
  /*Kunden-Stimmen*/
  #Kunden-Stimmen p {
    font-size: 18px;
    color: black;
    width: 1000px;
  }
  #Kunden-Stimmen h2 {
    font-size: 42px;
    color: black;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 0;
  }
  .uk-panel {
    height: 450px;
    width: 950px;
    ;
  }
  /*Footer*/
  footer {
    padding-top: 20px;
    background-color: #1E1E1E;
    background-image: none;
  }
  footer p {
    color: white;
  }
  #logo img {
    height: 100px;
    width: 85px;
  }
  #logo {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align: center;
  }
  #wiederhoch {
    display: block;
    grid-row: 2;
    grid-column: 5;
  }
  #logo p {
    font-size: 19px;
    margin-top: 0;
  }
  #Adresse {
    display: block;
    grid-row: 1;
    font-size: 18px;
    grid-column-start: 9;
    grid-column-end: 13;
  }
  #Oeffnung {
    grid-row: 1;
    font-size: 18px;
    grid-column-start: 5;
    grid-column-end: 7;
    align-self: center;
  }
  #Sozialmedia {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 5;
  }
  #Sozialmedia a {
    padding-right: 25px;
  }
  #Impressum {
    font-size: 12px;
    text-align: end;
    margin-bottom: 0;
    grid-row: 3;
    grid-column-start: 6;
    grid-column-end: 13;
  }
  #Impressum p {
    margin-bottom: 5px;
    align-self: baseline;
  }
  .uk-divider-vertical {
    grid-column: 4;
    display: block;
  }
  #zweiter {
    grid-column: 8;
  }
  /*Leistungen*/
  .grid-Leistungen {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 28px;
  }
  #ueberschrift div {
    width: auto;
    height: 500px;
    justify-content: center;
  }
  #ueberschrift h1 {
    grid-column: span 12;
    text-align: center;
    font-size: 96px;
    justify-items: center;
    align-self: center;
    color: white;
  }
  #leistungen {
    background-color: #161616;
    height: auto;
    width: auto;
    padding-bottom: 100px;
    padding-top: 100px;
  }
  #Reparieren, #Verbessern, #Kreieren {
    background-color: #1E1E1E;
  }
  #Reparieren, #Verbessern {
    margin-bottom: 100px;
  }
  #Reparieren h2, #Verbessern h2, #Kreieren h2 {
    color: hsla(47, 41%, 55%, 1.00);
  }
  #Reparieren p, #Verbessern p, #Kreieren p {
    color: white;
  }
  #bild-reparieren {
    grid-column: span 7;
  }
  #text-reparieren {
    grid-row: 1;
    grid-column-start: 9;
    grid-column-end: 13;
    margin-right: 50px;
    align-self: center;
  }
  #bild-verbessern {
    grid-column: span 7;
  }
  #text-verbessern {
    grid-row: 1;
    grid-column-start: 1;
    grid-column-end: 6;
    margin-left: 50px;
    align-self: center;
  }
  #bild-kreieren {
    grid-column: span 7;
  }
  #text-kreieren {
    grid-row: 1;
    grid-column-start: 9;
    grid-column-end: 13;
    margin-right: 50px;
    align-self: center;
  }
  #pflegetipps {
    background-color: hsla(47, 41%, 55%, 0.50);
  }
  #tipps {
    margin-left: 50px;
    padding-bottom: 25px;
    padding-top: 25px;
  }
  #pflegetipps h2 {
    text-align: center;
  }
  #pflegetipps ul {
    list-style: decimal;
  }
  #pflegetipps li {
    padding-bottom: 15px;
  }
  /*Maßschuhe*/
  #Massschuhe {
    background-color: #161616;
    padding-bottom: 20px;
  }
  #Massschuhe h2 {
    color: #BBA65D;
  }
  #massschuh-text {
    grid-column: span 5;
    color: white;
    padding-top: 60px;
  }
  #massschuh-bild {
    grid-row: 2;
    grid-column-start: 6;
    grid-column-end: 13;
  }
}