:root {
   --font-family-normal: "Open Sans";
   --font-weight-light: 400;
   --color: #2c343b;
   --background-color: rgb(195,195,195); /*#f2f2f2;*/
   --background-color-light: #fafafa;
   --background-color-nav-hover: rgb(195,195,195);
   --link-color: rgb(186, 57, 49); /*rgb(177, 4, 56)*/;
   --border-color: rgba(177, 4, 56, 0.2);
}

/* generell border-box-Modell verwenden */
*, *::after, *::before {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

body {
   font-size: 1.0rem;
   font-family: var(--font-family-normal), sans-serif;
   color: var(--color);
   background-color: var(--background-color-light);
   margin: 10px;
   padding: 0;
   overflow-x: hidden;
   overflow-y:scroll;
}

h1, h2, h3, h4, h5, h6 {
   font-family: var(--font-family-normal), sans-serif;
}

a {
   color: var(--link-color);
   text-decoration: none;
}
div img {
   max-width: 100%;
   max-height: 100%;
}

/* -- */
.clHeader {
   position: relative;
   height: 260px;
   background-color: var(--background-color-light);
}
.clHeaderText h1 {
   font-size: 28px;
   font-weight: 700;
   color: var(--link-color);
   line-height: 30px;
   position: absolute;
   top: 0;
   left: 0;
   right: 60px;
   height: 60px;
   text-align: center;
}
 .clHeaderText h2:nth-child(2) {
  font-size: 24px;
  font-weight: 300;
  color: var(--link-color);
  line-height: 28px;
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  height: 60px;
  text-align: center;
}
.clHeaderText h2:nth-child(3) {
   font-size: 24px;
   font-weight: 300;
   color: var(--link-color);
   line-height: 28px;
   position: absolute;
   top: 180px;
   left: 0;
   right: 0;
   height: 60px;
   text-align: center;
 }

.clHeaderLogo {
   position: absolute;
   top: 0;
   right: 0;
   height: 60px;
   width: 60px;
}
.clHeaderLogo a img {
   width:60px;
   height:60px;
}

.clSection a {
   display: block;
   font-weight: 400;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
}

.clDescription {
   display: none;
   font-weight: 400;
}
.clDescription div {
   padding-top: 0.5rem;
   padding-bottom: 1rem;
}
.clDescription p {
   font-size: 0.9rem;
   line-height: 1.2rem;
   text-align: justify;
   margin-top: 0.5rem;
}
.clDescription p:last-of-type {
   margin-bottom: 1rem;
}
.clDescription h1 {
   font-size: 1.2rem;
   line-height: 1.5rem;
   text-align: justify;
   margin-top: 1.5rem;
}
.clLeftAlign {
   text-align: left;
}

.clWeitere {
   padding-top: 0.5rem;
   padding-bottom: 1rem;
}

#idLeistungen, #idInformationen {
   text-align: center;
   font-size: 1.3rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   border-bottom: 1px solid var(--border-color);
   margin-left: auto;
   margin-right: auto;
}
/* EOF */