/* Setting fade transition and default settings */
body {
  color: #000;
  background-color: #ffffff;
  transition: background-color 1s ease;
}

/* panel styles */
.panel {
  /* min height incase content is higher than window height */
  /*
  min-height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: sans-serif;
  */
  /* outline: 10px solid hotpink; */
  /* turn above on to see the edge of panels */
}

/* colours */
/* blau #005c87 #0093c1 #80aec3 #e7f1f9 */

.panelstyle-panel-start {
  background-color: #ffffff;
}
.panelstyle-panel-intro {
  background-color: #e7f1f9;
}
.panelstyle-panel-quality {
  background-color: #e7f1f9;
}
.panelstyle-panel-leistungen {
  background-color: #0077ba;
  background-color: #117cb8;
}
.panelstyle-panel-optimierung {
  background-color: #346295;
  background-color: #293a56;
}
.panelstyle-panel-seo {
  background-color: #ffffff;
}
/* yellow-green #e3ff82 bronze a76666 pistazie cadaba malediven 62cfe3 flieder 845f82 */
.panelstyle-panel-design {
  background-color: #ffffff;
}