/* ADAPTED TO SUBMENUE */

* {
  margin:0;
  padding:0;
  border:none;
}
html,body {
  height:100%;
  scroll-behavior:smooth;
}
body {
  background-color:#ffffff;
  font-family:'DejaVu Sans',Verdana,'Lucida Grande',sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:normal;
  letter-spacing:0px;
  color:#543838;
  line-height:100%;
  text-align:left;
}
#base-div {
  min-height:100%;
  max-width:960px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  overflow:visible;
}
header {
  height:190px;
  position:relative;
  z-index:2;
  background-image:url(../bilder/head-white.png);
  background-position:top left;
  background-repeat:no-repeat;
}
main {
  display:block;
  margin-left:195px;
  padding:23px 65px 0px 45px;
  overflow:hidden;
  line-height:138%;
  text-align:justify;
  animation:fadein 0.5s;
}
nav ul {
  width:175px;
  padding:0;
  position:absolute;
  top:190px;
  z-index:2;
  list-style-type:none;
  background-color:#ece8e8;
  border:1px solid #767474;
  border-radius:10px;
}
nav li {
  height:32px;
  margin:0;
  font-size:13px;
}
#top-li {
  height:22px;
}
#space-li {
  height:18px;
}
#bottom-li {
  height:15px;
}
.last-li {
  margin-bottom:18px;
}
.small-li {
  font-size:11px;
  letter-spacing:1.5px;
}
nav li ul {
  position:relative;
  top:0px;
  background-color:#f5f3f3;
  border:none;
  border-radius:unset;
  overflow:hidden;
}
nav li ul li {
  font-size:11px;
  padding-left:10px;
}
nav li.parent-li {
  height:auto;
}
nav a {
  height:24px;
  width:153px;
  padding:8px 0px 0px 22px;
  display:block;
  overflow:hidden;
}
nav a:link,nav a:visited {
  text-decoration:none;
  color:#5e433d;
  transition:color 500ms;
}
nav a:hover,nav a:active {
  background-color:#ffffff;
  text-decoration:none;
  color:#543838;
}
nav li ul li:hover {
  background-color:#ffffff;
}
nav #active-li,nav li.parent-li {
  background-color:#ffffff;
}
nav #active-li a,nav li.parent-li a {
  text-decoration:underline;
}
nav li.parent-li ul li a,nav #active-li ul li a,nav li.parent-li ul #active-li a {
  text-decoration:none;
}
footer {
  clear:both;
  height:142px;
}
#back-div {
  padding-left:32px;
  position:fixed;
  top:30px;
  z-index:1;
  font-size:14px;
}
#change-div {
  position:absolute;
  right:65px;
  bottom:40px;
  font-size:12px;
  color:#543838;
}
.clear {
  clear:both;
  height:0;
  margin:0;
  padding:0;
}
li,table {
  margin-top:15px;
}
p,blockquote,.para,.simple,.section {
  display:block;
  margin-top:30px;
}
h1,h2 {
  margin-top:80px;
}
h3 {
  margin-top:40px;
}
section {
  margin-top:67px;
}
section + section {
  margin-top:90px;
}
.top,.top li:first-child,blockquote p {
  margin-top:0;
}
h1,h2,h3 {
  font-weight:bold;
  letter-spacing:1px;
  text-align:left;
}
h1 {
  font-size:24px;
  margin-bottom:37px;
  text-decoration:underline;
}
.sub-page h1 {
  text-decoration:none;
}
h2 {
  font-size:18px;
  margin-bottom:30px;
  text-decoration:none;
}
h3 {
  font-size:16px;
  margin-bottom:16px;
  text-decoration:none;
}
ul,ol {
  padding-left:40px;
  list-style-position:outside;
}
ul {
  list-style-type:disc;
}
ol {
  list-style-type:decimal;
}
.simple {
  list-style-type:none;
  padding-left:0px;
}
.empty {
  list-style-type:none;
  height:0;
  margin:0;
  padding:0;
}
td,th {
  padding-right:10px;
  text-align:left;
  vertical-align:top;
  font-weight:normal;
}
th {
  white-space:nowrap;
}
section tr + tr td,section tr + tr th {
  padding-top:7px;
}
img,iframe {
  border-radius:2px;
}
img,iframe,.sub-map {
  max-width:100%;
}
img {
  height:auto;
}
.float-right,.float-left {
  margin-bottom:2px;
  position:relative;
  top:5px;
}
.float-right {
  float:right;
}
.float-left,.float-row {
  float:left;
}
.img-left {
  text-align:left;
}
.img-center {
  text-align:center;
}
.img-right {
  text-align:right;
}
.copyright {
  text-align:right;
  font-size:9px;
  line-height:9px;
}
.img-center .copyright {
  margin-left:auto;
  margin-right:auto;
}
section,.section {
  padding:18px 25px 22px 25px;
  overflow:hidden;
  background-color:#f5f3f3;
  border:1px solid #767474;
  border-radius:10px;
}
.section {
  padding:60px 25px 60px 80px;
  line-height: 140%;
}
/*NEW*/
.section {
  font-family:'DejaVu Sans Mono','Courier New',Courier,monospace;
}
.frame {
  position:relative;
}
.anchor {
  position:absolute;
  top:-30px;
}
section .anchor {
  top:-76px;
}
a {
  font-weight:bold;
}
a[href^='http']::after {
  content:'\002197';
}
a[href*='innerer-heilraum.de']::after,.sub-map a::after {
  content:'';
}
a:link,a:visited {
  color:#543838;
  text-decoration:none;
  transition: color 500ms;
}
a:hover {
  color:#543838;
  text-decoration:underline;
}
a:active {
  color:#543838;
  text-decoration:none;
}
strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
ins {
  text-decoration:underline;
}
small {
  font-size:13px;
  line-height:130%;
}
.caps {
  letter-spacing:0.5px;
}
blockquote {
  color:#b78714;
  font-style:italic;
  letter-spacing:1px;
}

/* ADDITION */

.img {
  position:relative;
  padding-left:105px;
}
.img .float-left {
  position:absolute;
  top:22px;
  left:26px;
}
.img .float-left.calender {
  top:16px;
}
.sub-map {
  position:relative;
  margin-top:4px;
}
.credit {
  display:block;
  position:absolute;
  right:0px;
  top:-18px;
  padding:2px 3px 2px 3px;
  background-color:#FFFFFF;
  font-size:8px;
  letter-spacing:0.5px;
}

/* SMALL SCREEN */

@media only screen and (max-width:900px) {
  body,#base-div {
    background-image:none;
  }
  header {
    background-image:url(../bilder/head-mob-white.png);
    height:103px;
  }
  main {
    margin-left:0px;
    padding:25px 25px 90px 25px;
    line-height:160%;
  }
  nav ul {
    width:auto;
    position:relative;
    top:0px;
    border-left:none;
    border-right:none;
    border-bottom:none;
    border-radius:unset;
  }
  nav li {
    height:40px;
    background-image:none;
    font-size:16px;
  }
  footer {
    background-color:#ece8e8;
  }
  #top-li {
    height:0px;
  }
  #bottom-li {
    background-image:none;
  }
  .small-li,nav li ul li  {
    font-size:14px;
  }
  nav a {
    height:28px;
    width:auto;
    padding:12px 0px 0px 25px;
  }
  nav a:hover,nav a:active,#active-li a {
    background-image:none;
    background-color:#ffffff;
  }
  #active-li ul li a {
    background-color:transparent;
  }
  #active-li ul li a:hover {
    background-image:none;
    background-color:#ffffff;
  }
  #back-div {
    position:relative;
    top:20px;
    padding-left:25px;
    font-size:16px;
  }
  #change-div {
    right:25px;
  }
  li,table {
    margin-top:17.5px;
  }
  p,blockquote,.para,.simple,.section {
    margin-top:35px;
  }
  h2 {
    margin-bottom:35px;
  }
  h3 {
    margin-bottom:18.5px;
  }
  section .anchor {
    top:-43px;
  }
  img,img.para,.img-left,.img-right,.img-center  {
    display:none;
  }
  .float-row {
    display:block;
    max-width:42%;
  }
  header,nav,footer {
    animation:fadein 0.5s;
  }

  /* ADDITION */

  .img {
    padding-left:25px;
  }
  .sub-map {
    margin-top:35px;
  }
  .sub-map small {
    font-size:16px;
  }
  .credit {
    display:none;
  }
}

@media only screen and (max-width:400px) {
  th {
    white-space:initial;
  }
}

/* FADE IN */

@keyframes fadein {
  from {
    opacity:0;
  } to {
    opacity:1;
  }
}
