*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
html    { font-size: 100%;}
body { color: #282828; font-size: 1em; /* 16px */ font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; background-color: #fff; /* 24px */}
#page-wrapper { margin: 0 auto; }
#content { width: 100%; padding: 0.8em 10px; }
a:link { color: #6e6e6e; text-decoration: none; outline-style: none }
a:visited { color: #6e6e6e; text-decoration: none; outline-style: none  }
a:hover, a:focus, a:active { color: #0079ab;}
a.red:link {color:#e10000;}
a.red:visited {color:#e10000;}
#nav a.red:link {color:#e10000;}
#nav a.red:visited {color:#e10000;}
p { color: #666 }
ul { margin: 0; padding: 0; list-style-type: none; }

h1,h2,h3,h4,h5,h6  {font-weight: bold}
h1 { color: #e10000; font-size: 1.4em; font-weight: normal; letter-spacing: 0.05em; margin: 10px 0; padding: 0; }
h2  { color: #3c3c3c; font-size: 1.3em; margin-top: -10px; margin-bottom: 0px; padding-bottom: -20px}
h3  { color: #3c3c3c; font-size: 1.6em; line-height: 1em; margin-bottom: 15px; }
h4  { color: #3c3c3c; font-size: 1.3em; line-height: 1.3em; margin-bottom: 15px; }
#hmenu { margin-top: -10px; margin-bottom: -16px; }
#head  { margin-top: 25px; margin-bottom: 20px; margin-left: 10px; }
#logo { display: none }
#nav { display: none}
img { max-width: 100%; }

#kd li.te   { color: #3c3c3c; font-weight: bold; }
#kd li.tei { margin-bottom: 15px }
#content li { color: #666; font-size: 1.2em; line-height: 1.7em; list-style: none;   }
#content ul   { margin-bottom: 30px }
#content ul.vita li   { padding-bottom: 20px }
#left {width: auto; float: left}
#middle { width: auto; float: left }
#sidebar { width: auto;float: left;}

#grid { float: left; margin-bottom: 20px; padding-right: 10px; }
#grid ul { list-style-type: none; }
#grid li { float: left; margin-bottom: 6px; }
#grid li:nth-child(2n+1) { clear: left }
#grid li:nth-child(1n+1) { clear: none; }
#grid img {max-width: 100%; max-height: px;}

.entry { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #cdcdcd; }
.entry1 { padding-bottom: 20px;  }
.slide img { max-width: 100%; margin-bottom: 15px; }
.text1 { border-bottom: 1px dotted #cdcdcd; padding-bottom: 10px; }
.text p { font-size: 1em; line-height: 1.4em; margin-bottom: 20px; }

.text p.link{ font-size: 1em; font-style: italic; line-height: 1.4em;  }
.text p a { color: #39c; text-decoration: none; }
.text p a:hover { color: #e10000; text-decoration: none }

#contact { border-bottom: 1px solid #e10000 }

#bienen { border-top: 1px solid #dcdcdc; }
#bienen a:link { color: #39c; text-decoration: none; outline-style: none }
#bienen a:visited { color: #39c; text-decoration: none; outline-style: none  }
#bienen a:hover { color: #e10000;}

#footer { margin-top: 10px }
#footer ul { padding-top: 10px; }
#footer li{ color: #c00; font-size: 0.8em; margin-right: 10px; display: inline         }


@media screen and (min-width: 40em)
{
h1.home { display: none}
.view_mobil { display: none}
#hmenu { display: none}
#head { }
#logo { display: inline }
#logo { float: left; margin-right: 20px }
#nav { display: inline }
#nav  { width: 400px; float: left; margin-top: 14px;   }
#nav ul > li { color: #e10000; font-size: 0.8em; font-family: serif; text-transform: uppercase; letter-spacing: 0.1em; margin-right: 15px; list-style: none; display: inline; }
#nav a { color: #6e6e6e; outline-style: none}
#nav a:hover { color: #e10000; outline-style: none}
#nav li.aktiv a {color: #282828}
#nav li.aktiv a:hover { color: #0079ab}
#grid {}
#grid img {height: 100px}
#grid li {margin-right: 10px;}
.portrait {width: 100%}
h2 { font-size: 1.3em; line-height: 1.5em; margin-bottom: -10px; }
#content { float: left; }
#contact { float: left; }
#bienen { width: 100% }
#footer { clear: left; max-width: 800px }
}

@media screen and (min-width: 55em) 
{
#contact { width: 800px;  }
#kd { width: 200px; float: right  }
.kontaktportrait { margin-bottom: 20px}
#left {width: 300px; float: left;}
#middle { width: 210px; float: left; margin-right: 80px; }
#sidebar { width: 230px; float: left;}
#left ul { margin-top: 11px;   }
#content li { font-size: 0.8em; line-height: 1.7em; margin-bottom: 4px;    }
#content ul   { margin-bottom: 10px }
#content ul.vita   { width: 220px ; }
#content ul.vita li   { padding-bottom: 8px }
h1 { display: none }
h3.preise   { margin-top: 20px}
h3  { font-size: 1em; margin-bottom: 10px;}
h2 { font-size: 1.5em; line-height: 1.5em; }
.text p { max-width: 700px; margin-bottom: 6px;}
.portrait { margin-bottom: 10px}
ul.pr { padding-bottom: 30px}
}


@media screen and (min-width: 72em) 
{ 
#page-wrapper { max-width: 1100px;  }
#content { width: 1000px; margin-left: 80px;}
#grid { width: 1200px; float: left; }
.text p { font-size: 1em; line-height: 1.5em; max-width: 800px }
.text p.link{ font-size: 0.8em;  }
.slide img { max-width: 1000px; }