*, *: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: 0.9em; /* 16px */ font-family: Verdana, Arial, Helvetica, sans-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 { color: #0079ab;}
p { color: #505050; font-size: 1em; line-height: 1.55em; margin-top: 4px; }
ul { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6  {font-weight: normal}
h1 { color: #6e6e6e; font-size: 0.9em; line-height: 1.3em; letter-spacing: 0.05em; margin-bottom: 12px; }
h1 a:link, h1 a:visited  { color: #38a2d3}
h1 a:hover { color:  #f00}
h2  { color: #e60000; font-size: 1.5em; line-height: 1.3em; margin: 4px 0 0; }
h3  { color: #6e6e6e; font-size: 1.4em; line-height: 1.4em; }
h5  { color: #6e6e6e; font-size: 0.9em; line-height: 1.5em; margin: 0; }
h6 { color: #6e6e6e; font-size: 0.7em; line-height: 1.5em; margin: 0; }
#head  { margin-top: 20px; margin-bottom: 5px; margin-left: 10px; border-bottom: 1px solid #d7d7dc; }
.blogentry { margin-bottom: 20px; border-bottom: 1px solid #a1a1a1; }
.blogslides img { max-width: 100%  }
.blogtext p { font-size: 0.9em; line-height: 1.4em; margin-bottom: 6px; }
.blogtext p.technik{ color: #666; font-size: 0.8em; font-style: italic; line-height: 1.4em; margin-bottom: 15px; }
.blogtext p a { color: #06c; text-decoration: none; }
.blogtext p a:hover { color: #0079ab; text-decoration: none }
.blogslides p { font-size: 0.9em; line-height: 1.5em;}
#kontakt { margin-bottom: 20px  }
#kontakt img { max-width: 100%; }
#blogbox ul { margin-bottom: 10px; }
#blogbox li { color: #0079ab; font-size: 0.8em; line-height: 1.4em; margin-right: 8px; list-style-type: none; display: inline; }
#blogbox li a:hover { color: #0079ab;}
#kontakthead { background-color: #e70000; width: 122px; height: 38px; margin-bottom: 20px; }
#kontakthead h2 { color: #fff; font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; padding: 8px 10px 10px; }
#kontaktbox { }
#kontaktbox ul { margin-bottom: 20px; }
#kontaktbox li { color: #505050; font-size: 0.8em; line-height: 1.4em; margin-bottom: 6px; list-style-type: none; display: block; }
.kp { color: #e70000; text-transform: uppercase; letter-spacing: 0.1em; margin-right: 8px; }
#kontaktbox p { font-size: 0.8em; line-height: 1.8em; margin-bottom: 10px; }
#blogfooter { margin-top: -10px; margin-bottom: 20px; }
#blogfooter li { font-size: 0.8em; line-height: 1.5em; list-style-type: none; display: inline; }
#blogfooter li a:hover { color: #0079ab;}
#blogfooter li:last-child { float: right }
.pfeil { font-size: 1.4em; line-height: 1.4em; }
#archiv { float: left; margin-bottom: 20px; }
#archiv ul { text-align: left; padding-top: 0.25em; padding-bottom: 0.25em; list-style-type: none; }
#archiv li { width: 125px; height: 170px; margin-right: 15px; float: left; margin-bottom: 6px; }
#archiv li:nth-child(2n+1) { clear: left }
#archiv li:nth-child(1n+1) { clear: none; }
.city { margin-left: -3px}
.tellink a { color: #505050; cursor: text; }
.tellink a:hover { color: #505050 }
@media screen and (min-width: 40em)
{
h2 { font-size: 1.3em; line-height: 1.5em; }
.blogtext p a { color: #505050; text-decoration: dotted underline; }
.blogtext p a:hover { color: #0079ab; text-decoration: none }
#kontaktbox p { width: 540px }
.city { margin-left: 0px}
}

@media screen and (min-width: 55em) 
{
h2 { font-size: 1.5em; line-height: 1.5em; }
.blogtext p { max-width: 800px; }
.blogslides p { margin-bottom: 15px; max-width: 900px }

}

@media screen and (min-width: 72em) 
{ 
#page-wrapper { max-width: 1200px;  }
#content {width: 1200px;}
#head  { margin-bottom: 0px;  }
h2 { margin-top: 5px; }
#blog { width: 1000px; float: left; }
.blogtext p { font-size: 1em; line-height: 1.5em; max-width: 900px }
.blogtext p.technik{ font-size: 0.8em;  }
.blogslides img { max-width: 1000px; margin-top: 10px; }
.blogslides p { font-size: 0.9em; line-height: 1.5em; max-width: 940px; margin-bottom: 10px; }
#kontakt { width: 950px; float: left; }
#kontakt img { max-width: 950px  ;  }
#blogbox { width: 110px; float: right; margin-top: 6px; }
#blogbox ul { margin-bottom: 20px; }
#blogbox li { font-size: 0.8em; line-height: 1.2em; margin-bottom: 5px; display: block; }
#kontakthead { height: 40px;  }
#kontaktbox { width: 200px; float: right; margin-top: 6px; }
#kontaktbox li { font-size: 0.8em; line-height: 1.8em; margin-bottom: 20px;  }
#kontaktbox p { width: 200px }
.kp { display: block;}
.city { display: block;}
#blogfooter { width: 1000px ; }
#blogfooter ul {  }
#blogfooter li { font-size: 0.8em; }
#blogfooter li:last-child { padding-top: 0px; }
#archiv { width: 1000px; float: left; }
#archiv li p { font-size: 0.8em; line-height: 1.5em;  }