body {
  /*background: #22a7cc; */
  /*color: #000;*/
  /* footer verdeckt sonst die letzte Zeile */
  padding: 0 0 3rem 0;
}
header {
  /*color: #ccc;*/
}

header h1 {
  /*color: #fff;*/
}

nav {
  /*background: #2994b2;*/
}
.paddingbefore {
  padding: 1.5rem 0 0 0;
}
.paddingafter {
  padding: 0 0 1.5rem 0;
}
.paddingleft {
  padding: 0 0 0 1.5rem;
}
.topnav {
  color: #fff;
  overflow: hidden;
}

.topnav a {
    color: #ccc;
    padding: 0.5rem 1.0rem;
    float: left;
    display: block;
    text-align: center;
    text-decoration: none;
}

.topnav a:hover {
    background-color: rgba(255,255,255,.25);
    border-radius: 0.2rem;
}

.topnav div.active {
    background-color: rgba(255,255,255,.3);
    padding: 0.5rem 1.0rem;
    border-radius: 0.2rem;
    float: left;
    color: #fff;
    display: inline-block;
}

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

.column {
  float: left;
  width: 100%;
}

img {
    padding: 0.5rem;
    with: 100%;
    height: auto;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
/* spiegeln */
img:hover {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

main {
  /*color: #111;*/
}

.content {
  max-width: 120rem;
  margin: auto;
}

a {
    /*color: #ccc;*/
}

li.name {
  padding: 1rem 0 0.5rem 2rem;
  font-weight: bold;
  list-style-type: none;
}
li.adresse {
  padding: 0 0 0 2rem;
  list-style-type: none;
}

p.kontakt {
  padding: 1rem 0 1.5rem 1rem;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  /*background: #2994b2; 
  color: #444;*/
  font-size: 80%;
  text-align: center;
  padding: 0.5rem 0 0.5rem 0;
}

.copyright {
  display: inline-block;
  text-align: right;
  font-size: 75%;
  margin: 0.5rem;
  /*color: #aaa;*/
}
.footernav {
  padding: 0 5rem 0 0;
  text-align: left;
  display: inline-block;
  margin: 0.5rem;
  /*overflow: hidden;*/
}

.footernav a {
    /*color: #aaa;*/
    padding: 0.5rem 1.5rem;
}

.footernav a:hover {
    background-color: rgba(255,255,255,.25);
    /*color: #ccc;*/
    border-radius: 0.2rem;
}

/*
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
  display: block;
}
*/

@media (min-width: 40rem) {
  header {
    margin: 2.3rem 0 0 6rem; 
  }
  .topnav {
    padding: 1.0rem 0.5rem 1.0rem 6rem;
  }
  .column {
    width: 45%;
  }

}

@media (min-width: 80rem) {
  header {
    margin: 2.3rem 0 0 11rem; 
  }
  .topnav {
    padding: 1.0rem 0.5rem 1.0rem 11rem;
  }
  .column {
    width: 30%;
  }

}