html, body
{
  margin-bottom: 10px; 
  padding: 0;
}

body
{
  background-color: #CFDCEE;
  color: #494A73;
  font-family: Verdana;
  font-size: 80%;
}

@font-face
{
  font-family: 'andreas-unkelbach';
  src: url("/font/andreas-unkelbach.eot?21685815");
  src: url("/font/andreas-unkelbach.eot?21685815#iefix") format('embedded-opentype'), url("/font/andreas-unkelbach.woff?21685815") format('woff'), url("/font/andreas-unkelbach.ttf?21685815") format('truetype'), url("/font/andreas-unkelbach.svg?21685815#andreas-unkelbach") format('svg');
  font-weight: normal;
  font-style: normal;
}

table, td
{
  font-size:100%;
  font-family:Verdana;
  color: #494A73;
}


#titel 
{
position: absolute;
top: 10px;
left: 838px;
margin: 0px;
padding: 0px;
z-index: 1;
}

#menueblog, #menue
{
position: fixed;
top: 25px;
left: 150px;
width: 190px;
background: #EFF2F6;
color: #000000;
margin: 0px;
padding: 10px;
border: 1px dotted #051427;
z-index: 14;
}

#inhalt 
{
position: absolute;
top: 45px;
left: 345px;
background: #ffffff;
color: #000000;
width: 635px;
margin: 0px;
padding: 0px;
padding-right: 5px;
border: 1px dotted #051427;
z-index: 3;
}

#tagcloud 
{
position: fixed;
top: 55px;
left: 975px;
background: #E0E7EF;
color: #000000;
width: 350px;
margin: 0px;
padding: 10px;
border: 1px dotted #051427;
z-index: 20;
}

#spruch 
{
position: fixed;
left: 160px;
bottom: 185px;
color: #233C60;
width: 175px;
margin: 0px;
padding: 0px;
z-index: 11;
font-size: 8pt;
border: 0px solid;
}

#text
{
 margin: 10px 20px 10px 25px;
 padding: 0px;
 border: 0px solid #000000;
}



.artikel
{  
 text-align: justify;
 hyphens: auto;
  -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
}

#bildunten 
{
position: fixed;
padding: 0px;
bottom: -5px;
margin: 0px;
z-index:10;
}

a
{
  color: #47497B;
  font-weight: normal;
  text-decoration: underline;
  font-family: Verdana;
}

a:hover
{
  color: #646696;
  font-weight: normal;
  text-decoration: none;
  font-family: Verdana;
}


a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover 
{
text-decoration: none;
color: #000000;
}





.menu
{
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
}

.menu li, .menu li ul
{
  position: relative;
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;

}

.menu li ul li
{
  padding-top: 10px;
}

.menu li ul li ul, .menu li ul li ul li
{
  padding-left: 10px;
  padding-top: 0px;
}

.schmal
{
  display: none;}

#menue a
{
  color: #0C223C;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana;
}

#menue a:hover
{
  font-weight: bold;
  color: #243F61;
}

a.menueblog
{
  color: #0C223C;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  font-family: Verdana;
  margin-left: 18px;
}

a.menueblog:hover
{
  font-weight: bold;
  color: #243F61;
}

a.tags
{
  color: #0C223C;
  font-weight: normal;
  font-size: 7pt;
  text-decoration: none;
  font-family: Verdana;
}

a.tags:hover
{
  color: #243F61;
}

a.edit
{
  color:#243F61;
  font-weight:bold;
  text-decoration:none;
}

a.edit:hover
{
  color:#243F61;
  font-weight:bold;
  text-decoration:none;
}

.klein
{
  font-size:8pt;
}


.titel
{
  font-size:10pt;
  color: #243F61;
  font-weight:bold;
}

h1, h2
{
  font-size:10pt;
  color: #243F61;
  font-weight:bold;
}

h3
{
  color: #243F61;
  font-size: 10pt;
}

h4
{
  color: #243F61;
  font-size: 10pt;
  color: #243F61;
  text-align: center 
    
}

.entwurf
{
  font-size:12pt;
  color: #AF0017;
  font-weight:bold;
}

.printhinweis
{
  display: none;
}

.symbol
{
  font-family: 'andreas-unkelbach';
  font-weight: normal;
}

blockquote 
{
	margin: 1em 3em;
	border-left: 2px solid #999;
	padding-left: 1em; 
}


.btnfb {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #46629E;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btnfb:hover {
  background: #5C7DC1;
  color: #ffffff;
  text-decoration: none;
}
.btnxing {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #006567;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btnxing:hover {
  background: #D5D700;
  color: #006567;
  text-decoration: none;
}
.btntw {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #0084B4;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btntw:hover {
  background: #007EAC;
  color: #ffffff;
  text-decoration: none;
}
.btngp {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #C83F2F;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btngp:hover {
  background: #D45C4C;
  color: #ffffff;
  text-decoration: none;
}
.btnrss {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #F38C29;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btnrss:hover {
  background: #FB9E3D;
  color: #ffffff;
  text-decoration: none;
}
.btnpp {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #042761;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btnpp:hover {
  background: #0A87C1;
  color: #ffffff;
  text-decoration: none;
}
.btnamzn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #000000;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btnamzn:hover {
  background: #F8981D;
  color: #ffffff;
  text-decoration: none;
}
.btnfdb {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #243F61;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btnfdb:hover {
  background: #47497B;
  color: #ffffff;
  text-decoration: none;
}
.btnest {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #F29200;
  background: #2171B8;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight: bold;
}
.btnest:hover {
  background: #309ED9;
  color: #F29303;
  text-decoration: none;
  font-weight: bold;
}

.btnlib {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #F5F4F4;
  background: #553B39;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight: bold;
}
.btnlib:hover {
  background: #7E403E;
  color: #FAEDD4;
  text-decoration: none;
  font-weight: bold;
}
  

.btnaw {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  background: #870067;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  font-weight: bold;
}
.btnaw:hover {
  background: #870067;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
  



@media screen and (max-width: 700px)
{
  #tagcloud, #spruch, #bildunten
  {
    display: none;
  }
 
  
  img
  {
    max-width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px auto;
    float: none;
  }
  
  #inhalt
  {
    margin: auto;
    margin-bottom: 5px;
    margin-top: -1px;
    width: 97%;
    position: static;
    padding: 5px;
  }
  
  #titel
  {
    position: absolute;
    top: 5px;
    left: 14px;
  }
  
  #text
  {
    margin: 5px;
  }
  
  #menue
  {
    position: static;
    width: 97%;
    margin: auto;
    margin-top: 40px;
    padding: 5px;
    background: #EFF2F6;
  }
  
  .menu
  {
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
  }
  
  .menu li
  {
    position: relative;
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
  }
  
  .menu ul
  {
    position: absolute;
    top: 2px;
    left: 0;
  }
  
  .menu ul, .menu ul li ul
  {
    height: 0;
    overflow: hidden;
    padding: 0;
  }
  
  .menu li:hover > ul, .menu li:hover > ul li ul
  {
    overflow: visible;
    padding: 0;
    height: auto;
  }
  
  .schmal
  {
    display: block;
  }
}

@media screen and (min-width: 701px) and (max-width: 1016px)
{
  #spruch, #bildunten
  {
    display: none;
  }
  
  #menue
  {
    position: static;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -20px;
    float: left;
  }
  
  #inhalt
  {
    width: 450px;
    /* width: calc(100% - 220px);
    width: -o-calc(100% - 220px);
    width: -webkit-calc(100% - 220px); */
    position: static;
    margin-left: 210px;
    margin-top: 10px;
    margin-right: 10px;
  }
  
  #titel
  {
    position: static;
    margin-left: 235px;
    margin-left: calc(100% - 151px);
    margin-left: -o-calc(100% - 151px);
    margin-left: -webkit-calc(100% - 151px);
  }
  
  img
  {
    max-width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px auto;
    float: none;
  }
}




@media screen and (min-width: 701px) and (max-width: 900px)
{
  #inhalt
  {
    width: 450px;
    width: calc(100% - 220px);
    width: -o-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    position: static;
    margin-left: 210px;
    margin-top: 10px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 901px) and (max-width: 1016px)
{
  #inhalt
  {
    width: 650px;
    width: calc(100% - 220px);
    width: -o-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    position: static;
    margin-left: 210px;
    margin-top: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1174px)
{
  #tagcloud
  {
    display: none;
  }
}

@media screen and (max-width: 1380px)
{
  #tagcloud
  {
    width: 250px;
    width: calc(100% - 1020px);
    width: -o-calc(100% - 1020px);
    width: -webkit-calc(100% - 1020px);
  }
}


@media (prefers-color-scheme: dark) 
{


#inhalt 
{

background: #E1E1E1;
color:      #0F0F0F;

}


}