* { margin: 0px; padding: 0; outline: 0}
body { color: #4f4f4f; font-size: 100%; line-height: 1.6em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; background-color: #ffffff; text-align: center }
p   { margin-bottom: 2em; word-wrap: break-word; }
h1  { font-size: 200%; font-family: "Trebuchet MS", Verdana, Arial; line-height: 1.2em; margin-bottom: 0.4em; color: #5e5e5e }
h2  { font-size: 160%; font-family: "Trebuchet MS", Verdana, Arial; line-height: 1.2em; margin-bottom: 12px; padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; width: 100%; color: #5e5e5e }
h3  { font-size: 120%; font-family: "Trebuchet MS", Verdana, Arial; margin-bottom: 0.4em; color: #5e5e5e}
h4  { font-size: 110%; font-family: "Trebuchet MS", Verdana, Arial; color: #5e5e5e }
code { color: #2b2b2b; font-size: 110%; line-height: 1.6em; }
table { width:100%; Êborder-collapse:collapse; margin-bottom: 2em }
th, td { text-align:left; padding:5px 10px; border-bottom:1px solid #e5e5e5; }
hr {border:0; background:#e5e5e5; height:1px; margin-bottom: 2em; }
a { -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in }
a:link     { color: #903 ; font-weight: bold; text-decoration: none }
a:visited    { color: #903; font-weight: bold; text-decoration: none }
a:hover       { color: black; font-weight: bold; text-decoration: none }
a:active     { color: #903; font-weight: bold; text-decoration: none }
a:focus     { color: #903; font-weight: bold; text-decoration: none }
a:hover img { opacity:.8; }
ul#navigation  { font-size: 130%; background-color: transparent; margin-bottom: 10; padding: 0; line-height: 1.4em }
ul#navigation li  { background-color: transparent; list-style-type: none; margin-right: 3%; padding: 0; display: inline }
blockquote   { color: #a6a6a6; font-style: italic; font-weight: normal; font-size: 110%; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; padding-right: 30px; margin-bottom: 25px; padding-left: 30px; border-left: 4px solid #ddd}
#page         { background-color: #ffffff; text-align: left; margin-top: 0px; margin-right: auto; margin-left: auto; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; max-width: 960px }
#page img		{ max-width: 100%; height: auto; border: 0px }
#header   { margin-left: 4.1667%; margin-right: 4.1667%; margin-top: 4.1667%; margin-bottom: 4.1667%; }
#banner { margin-bottom: 4.1667%; }
#logo   { max-width: 880px; height: auto }
#logo h1  { font-size: 240%; font-family: "Trebuchet MS", Verdana, Arial; line-height: 1.2em; margin-bottom: 0.6em; color: #5e5e5e}
#logo img { margin: 0px; padding: 0px; border: 0px }
#nav   { clear: both; max-width: 880px }
#rechner   { background-color: #f0f9ff; }
#main      { text-align: left; clear: both; padding-right: 4.1667%; padding-left: 4.1667%; }
#main ul  { margin-bottom: 2em; margin-left: 6% }
#main ol { margin-bottom: 2em; margin-left: 6% }
.grid3      { text-align: left; float: left; width: 30.8%; margin-right: 3.6727%; margin-bottom: 2em }
.grid3end      { text-align: left; float: left; width: 30.8%; margin-bottom: 2em }
.grid2      { text-align: left; float: left; width: 47.8636%; margin-right: 4.2727%; margin-bottom: 2em }
.grid2end      { text-align: left; float: left; width: 47.8636%; margin-bottom: 2em }
#footer  { color: #2b2b2b; clear: both; font-size: 100%; text-align: center; margin-bottom: 40px; margin-top: 80px }
#footer a:link   { color: #903; text-decoration: none }
#footer a:visited   { color: #903; text-decoration: none; text-align: center }
#footer a:hover   { color: #000; text-decoration: none; text-align: center }
#main a:link      { color: #903; font-weight: bold; font-size: 100%; text-decoration: none }
#main a:visited      { color: #903; font-weight: bold; font-size: 100%; text-decoration: none }
#main a:hover      { color: #000; font-weight: bold; font-size: 100%; text-decoration: none }
.Bilder { float: right; padding-top: 5px; padding-left: 20px; padding-bottom: 20px }
.textfeld   { width: 90%; font-size: 100%; line-height: 1.6em; border: solid 1px #ddd; margin-bottom: 1.8em; padding: 0.5em;}
.textfeld1   { width: 60%; font-size: 100%; line-height: 1.6em; border: solid 1px #ddd; margin-bottom: 1.8em; padding: 0.5em;}
.textfeld50   { width: 50%; font-size: 100%; line-height: 1.6em; border: solid 1px #ddd; margin-bottom: 1.8em; padding: 0.5em;}
.textfeld20   { width: 20%; font-size: 100%; line-height: 1.6em; border: solid 1px #ddd; margin-bottom: 1.8em; padding: 0.5em;}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button:active {
position:relative;
top:1px;
}
.bold { font-weight: bold }
.kursiv { font-style: italic }
.dunkler { color: #919191 }
.logoklein { color: #afafaf; font-size: 0.4em; padding-top: 10px }
.bildlinks   { vertical-align: top; float: left; margin: 5px 20px 5px 0; border: none 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease  }
.bildrechts   { vertical-align: top; float: right; margin: 5px 0px 5px 20px; border: none 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease  }
#home .home, #gadient .gadient, #kunz .kunz, #kontakt .kontakt, #konditionen .konditionen  { color: #000000 }
/* Video responsive internal -------------------------------------------------------------------- */
video {
  width: 100%    !important;
  height: auto   !important;
}
/* Responsive Video youtube etc-------------------------------------------------------------------- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 2em;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Breakpoint < 768px -------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
.grid2      { float: none; width: 100%}
.grid2end { float: none; width: 100%}
.grid3      { float: none; width: 100%}
.grid3end { float: none; width: 100%}}

/* Breakpoint < 480px -------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
ul#navigation  { font-size: 140%; padding-top: : 20px; line-height: 0.2em }
ul#navigation li  { background-color: transparent; list-style-type: none; display: block; border-bottom: 2px solid #ffffff; max-width: 480px; }
#navigation a:link  { background-color: #eee; display: block;  padding: 16px; }
#header   { margin-bottom: 10px }
#logo h1  { font-size: 180%; }
h1  { font-size: 160%; }
.Bilder { float: none; padding-top: 5px; padding-left: 0px; padding-bottom: 10px }
}