@charset "utf-8";

/* @import url(http://fonts.googleapis.com/css?family=Signika+Negative:700); */
/* 'Signika Negative' */
/* @import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:300,400); */
/* 'Merriweather Sans' */

/* Alle Rechte bei Albrecht Mälzer */
/*
Autor: Albrecht Mälzer
Letzte Änderung: 12.09.2021
*/


/* Grundlegendes */
html, body {
  padding: 0px;
  margin: 0px;
  background-color:#ffffff;
}

html  { 
  font-family:'Aral Unicode', 'Segoe UI', 'Arial Narrow', 'Arial Unicode', sans-serif;
  font-size: 62.5%; 
  line-height: 220%;
}

body {
  font-size: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Aral Unicode', 'Segoe UI', 'Arial Narrow', 'Arial Unicode', sans-serif;
  padding: 0px;
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h1 { 
  font-size: 200%;
  line-height: 120%;
}

h2, h3 { 
  line-height: 110%;
}

ul {
  color:inherit;
  background-color:inherit;
}

li {
  padding: 0px;
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
  color:inherit;
  background-color:inherit;
}

p {
  padding: 0px;
  margin: 0px;
  margin-top: 0.5em;
  overflow:hidden;
  font-size:120%;
}

p + p.folge {
  padding: 0px;
  margin: 0px;
}

table{
  border-collapse:collapse;
  overflow:hidden;
}

td ,th {
  margin:0px;
  padding:3px;
  padding-left:8px;
  padding-right:8px;
  font-size:120%;
}

td  a ,td  a img,th  a, th a img{
  margin:0px;
  padding:0px;
}


/* Klassen-Selektoren */

b.imael1:before {
  content:"kontakt"
}

b.imael1:after {
  content:"lei"
}

b.imael2:before {
  content:"cht-besser.d"
}

.kasten {
  padding:8px;
  padding-left:16px;
  padding-right:16px;
  background-color:#ffffff;
  margin-top:0px;
  margin-bottom:0px;
}

h1.kasten, h2.kasten, h3.kasten, h4.kasten {
  margin-top:8px;
}

a:hover, a:active {
  text-decoration:underline;
}


/* IDs */

#header, #main, #content, #mainnav, #footer {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* Kopfbereich */ 

div#header  {
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
	margin: 0px;
	padding: 0px;
  border: none; 
  color:#ffffff;
  font-size:120%;
  min-height: 125px;
}

div#header p{ 
	margin: 0px;
  padding: 0px;
  padding-top:20px;
  padding-right:15px;
  padding-left:140px;
  text-align:right;
  line-height:125%;
  font-family: 'Signika Negative', 'Segoe UI', 'Arial Narrow', 'Arial Unicode', sans-serif;
  font-style: normal;
}

/* Navigationsbereiche mit Links */ 
li.fuerkinder, 
li.logopaedie, li.psychotherapie {
  display:none ! important;
} 

#main {
	margin: 0px;
	margin-top: 120px;
	padding: 0px;
  border: none;
/*	float: left; */
  height:100%;
/*		width: *; */
}

#content {
	margin: 0px;
	padding: 25px;
	padding-bottom: 60px;
  border: none;
/*		width: *; */
}

div#main table {
  width:99.9%;
}

div#main li [colspan="2"] {
  width:98%;
}

/* Mache auch die Benutzer blöder, veralteter Web-Browser glücklich: */
  
div#Foto {
	margin: 0px;
	margin-left: 40px;
	margin-bottom: 20px;
	padding: 0px;
  border: 0px;
  float:right;
  width:230px;
  height:300px;
  overflow:hidden;
  background-image:url(../img/Ruth.001.30.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
  background-color:white;
}

div#Logo, div#Logo2 {
	margin: 0px;
	padding: 0px;
  border: none;
  position:absolute;
  top:23px;
  left:20px;
  overflow:visible;
  background-repeat: no-repeat;
  background-position:0px 0px;
}

/* Navigation links und am Unterrand */

#mainnav {
  position:fixed;
  top:125px;
	margin: 0px;
/*  margin-top:30px; */
	padding: 0px;
	padding-top: 55px;
	padding-right: 5px;
  border: none;
	float: left;
	width: 210px; 
  height:100%;
  font-size: 100%;
  text-align:center;
  display:none;  /* Navigationsmenü ausgeblendet
                    für eingeschränkte Hard- und Software */
}

@media (min-width: 800px) {
#mainnav {        /* Browser kann Media-Queries 
                     Navigationsmenü anzeigenblendet
                    für eingeschränkte Hard- und Software */
  display:block;
}

div#Logo, div#Logo2 {
  min-height:120px;
  max-height:120px;
  min-width:180px;
  max-width:180px;
  background-color:transparent;
}

div#Logo img:hover{
  display:none; 
}

div#Logo2 img{
/*  display:none; */
}

#main {
  margin-left:220px;
}
}

@media (max-width: 799px) {
#mainnav {
  display:none;
}

div#Logo, div#Logo2 {
  min-height:120px;
  max-height:120px;
  min-width:180px;
  max-width:180px;
}

div#Logo img{
/*  display:none; */
}

div#Logo2 img{
/*  display:none; */
}

}

#footer {
  border: none;
  float:left; 
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
  text-align:left;
  line-height:125%;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  background-color:transparent;
}

span.h, span.std, span.aus, a.aus {
  display:none;
}

span.aa:hover span.h, span.h:hover {
  display:inline;
/*  font-weight:bold; */
}

span.aa:hover span.v {
  display:none;
}

#mainnav ul li  span.an, #mainnav ul li  a.an {
  display:block;
}

#mainnav ul, #footer ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-family:'Signika Negative', 'Lekton', 'Arial Narrow', 'Arial Unicode',  sans-serif;
  font-size:120%;
  font-weight:400;
  font-style: normal;
}

#mainnav ul {
  margin-left:20px;
  margin-right:13px;
}

#footer ul {
  background-color:transparent;
}

#mainnav ul li{
  margin: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
	padding: 0px;
  list-style: none;
/*  width:*; */
  display:block;
  background-color:transparent;
}

#footer ul li{
  margin: 0px;
	padding: 0px;
  list-style: none;
/*  border:solid 1px orange; */
  display:inline-block;
  background-color:transparent;
}

#mainnav ul li  a,#mainnav ul li  span{
  margin: 0px;
	padding: 0px;
  padding-left:8px;
  padding-right:8px;
  padding-top:4px;
  padding-bottom:4px;
  font-weight:700;
  text-decoration:none;
/*  width:*; */
}

#footer ul li  a,#footer ul li  span{
  line-height: 170%;
  margin: 0px;
	padding: 5px;
  font-weight:700;
  text-decoration:none;
}

#mainnav ul li  span.an{
  color:#404060;
}

#footer ul li  span.an{
  color:#404060;
  background-color:white;
  border-left:2.3px solid #404060;
  border-top:2.3px solid #404060;
  border-right:2.3px solid #404060;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

#mainnav ul li:hover span.an, #mainnav ul li:active  span.an,
#mainnav ul li span.an:hover, #mainnav ul li span.an:active{
  background-color:#404060;
  border-left:2.3px solid #404060;
  border-right:2.3px solid #404060;
}

#footer ul li:hover span.an, #footer ul li:active  span.an,
#footer ul li span.an:hover, #footer ul li span.an:active{
  background-color:#404060;
}

#mainnav ul li:hover a.an, #mainnav ul li:active  a.an,
#mainnav ul li a.an:hover, #mainnav ul li a.an:active,
#footer ul li:hover a.an, #footer ul li:active  a.an,
#footer ul li a.an:hover, #footer ul li a.an:active {
  text-decoration:underline;
}

#mainnav ul li:hover span.an, #mainnav ul li:active  span.an,
#mainnav ul li span.an:hover, #mainnav ul li span.an:active,
#footer ul li:hover span.an, #footer ul li:active  span.an,
#footer ul li span.an:hover, #footer ul li span.an:active{
/*  font-weight:400; */
}

#Logo {
  animation:blende-ein 10s 0s 1 ease-out forwards; /* Warum ease-out zum ein-leiten, verstehe ich nicht */
}

@keyframes blende-ein {
  0% {
    opacity:0%;
  }
  50% {
    opacity:50%;
  }
  100% {
    opacity:100%;
  }
}