/* HTML */

/*
* {
  outline: 1px solid red;
}
*/


html {
  scroll-behavior: smooth; /* weiches Auto-Scrollen (statt Springen)*/
  height: 100%;
  width: 100%;
}

/* Body */
body {
  background-color: rgb(245, 244, 238);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  /* height: 1000px; */
  height: 100%;

}

html, body {
    min-width: 0;
    overflow-x: auto;
    height: 100%;
}

.page {
    min-width: 1325px;
    height: 100%;
    width: 100%;
}



/* Header */
header {
  background-color: #2c3e50;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1000;
}

.title {
  margin: 0;
  padding: 0;
  font-size: 40px;
}

.subtitle {
  margin: 0;
  padding: 0;
}



/* Footer */
footer {
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 30px 20px;
    margin-top: 50px;
}