/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;  }
table { border-collapse: collapse; border-spacing: 0; }

/* Basis Start */
* {margin: 0; padding: 0; }
.clear {overflow:hidden; clear: both;}
.trenner {overflow:hidden; clear: both;width: 100%;height: 20px;}
* html .clear {height:1%}
img {border: none; max-width: 100%; height: auto;}
input, select, textarea { -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-appearance: none; border-radius: 0; }
input[type=checkbox] { -webkit-appearance: checkbox; appearance: checkbox; background: none; }
body { font-family: 'Open Sans', sans-serif; font-size: 100%; font-weight: 400; text-align: left; color: #000; line-height: 1.1em; }
/* Basis Ende */

#wrapper { position: relative; max-width: 1050px; width: 98%; margin: auto; padding: 20px 1%; }
strong { font-weight: 700; }
#logo { position: relative; width: 94%; height: auto; text-align: right; margin: 0 0 20px 0; padding: 0 6% 0 0; }
#subnavi { position: relative; width: 100%; height: auto; background-color: #40A536; text-align: right; }
#subnavi ul { overflow: hidden; margin: 0 10% 0 0; }
#subnavi ul li { float: right; display: inline; }
#subnavi ul li a { display: block; padding: 5px 10px; color: #fff; font-size: 0.65em; text-decoration: none; }
#kopfbild { position: relative; width: 100%; height: auto; margin: 0; padding: 0; background-color: #40A536; }
#sauberesache { position: relative; width: 100%; height: auto; background-color: #40A536; color: #fff; margin: 0 0 50px 0; padding: 20px 0 0 0; overflow: hidden; }
#sauberesache h1 { font-size: 2.5em; margin: 0 0 40px 80px; font-weight: 700; }
#sauberesache h2 { font-size: 1.45em; margin: 0 0 30px 0; font-weight: 700; }
#sauberesache #spalte1 { width: 25%; margin: 0 5% 40px 10%; float: left; display: inline; font-size: 0.75em; text-align: justify; }
#sauberesache #spalte2 { width: 25%; margin: 0 5% 40px 0; float: left; display: inline; font-size: 0.75em; text-align: justify; }
#sauberesache #spalte3 { width: 25%; margin: 0 5% 40px 0; float: left; display: inline; font-size: 0.75em; text-align: justify; }
#sauberesache #spalte2breit { width: 55%; margin: 0 5% 40px 0; float: left; display: inline; font-size: 0.75em; text-align: justify; }
#sauberesache a { color: #fff; text-decoration: none; }
#sauberesache a:hover { color: #fff; text-decoration: underline; }
#sauberkeit { float: left; display: inline; width: 30%; margin: 0 0 0 5%; }
#meisterbetrieb { float: right; display: inline; width: 55%; margin: 0 10% 0 0; }
#meisterbetrieb h2 { color: #a0a0a0; font-size: 2em; line-height: 1.3em; font-weight: 700; margin: 0 0 20px 0; }
#meisterbetrieb h3 { color: #a0a0a0; font-size: 1.4em; line-height: 1.3em; text-align: right; font-weight: 700; }
#meisterbetrieb h4 { color: #a0a0a0; font-size: 1em; line-height: 1.3em; text-align: right; font-weight: 700; }
#reinigung { position: relative; width: 100%; height: auto; margin: 30px 0; padding: 0; }
.hausspalte { position: relative; float: left; display: inline; width: 30.3333333333%; margin: 0 1.5% 30px 1.5%; }
.hausspalte h2 { background-image: url(../img/haus.png); background-repeat: no-repeat; background-position: top center; color: #fff; font-weight: 700; font-size: 0.85em; text-align: center; height: 120px; padding: 40px 0 0 0; line-height: 1.3em; }
.hausspalte p { font-size: 0.875em; text-align: justify; color: #000; line-height: 1.4em; margin: 20px 0 0 0; }
#footer { position: relative; width: 100%; height: auto; margin: 0; padding: 0; background-color: #40A536; padding: 20px 0; text-align: center; }
#footerinhalt { width: auto; white-space: nowrap; margin: 0 auto; font-size: 0.7em; color: #fff; text-align: left; display: inline-block; }
#footerinhalt img { margin: 0 0 10px 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

@media only screen and (max-width: 768px) {
	#logo img { width: 130px; }
	#sauberesache h1 { width: 90%; margin: 0 5% 20px 5%; font-size: 2em; line-height: 1.2em; }
	#sauberesache #spalte1 { width: 90%; margin: 0 5%; font-size: 1em; line-height: 1.4em; text-align: left; }
	#sauberesache #spalte2 { width: 90%; margin: 0 5%; font-size: 1em; line-height: 1.4em; text-align: left; }
	#sauberesache #spalte3 { width: 90%; margin: 0 5% 40px 5%; font-size: 1em; line-height: 1.4em; text-align: left; }
	#sauberesache #spalte2breit { width: 90%; margin: 50px 5% 40px 5%; font-size: 1em; line-height: 1.4em; text-align: left; }
	#sauberkeit { width: 40%; margin: 0 30% 30px 30%; }
	#sauberkeit img { width: 100%; }
	#meisterbetrieb { width: 90%; margin: 0 5%; }
	.hausspalte { width: 90%; margin: 0 5% 20px 5%; }
}