@charset "utf-8";
body, html {
  margin:0;
  padding:0;
}
body {
  border:0px;
  font-weight:normal;
  font-style:normal;
  font-variant:normal;
  line-height:normal;
  font-family:'Lato-Regular' !important;
  color:#777777;
  background:#dedede;
}
@font-face {font-family:'Lato-Regular'; src: url('../schriften/Lato-Regular.eot'); 
src: url('../schriften/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../schriften/Lato-Regular.woff2') format('woff2'), url('../schriften/Lato-Regular.woff') format('woff'), 
url('../schriften/Lato-Regular.ttf') format('truetype'); font-style:normal; font-weight:normal; text-rendering:optimizeLegibility;}
@font-face {font-family:'Lato-Light'; src: url('../schriften/Lato-Light.eot'); 
src: url('../schriften/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../schriften/Lato-Light.woff2') format('woff2'), url('../schriften/Lato-Light.woff') format('woff'), 
url('../schriften/Lato-Light.ttf') format('truetype'); font-style:normal; font-weight:normal; text-rendering:optimizeLegibility;}
img {max-width:100%; border:0px; height:auto; width:auto\9; /* ie8 */}
a {color:#081018; text-decoration:underline;}
a:hover {color:#777777; text-decoration:none;}
a:active, a:focus {outline:none;}
b {font-weight:600;}
i {font-style:italic;}
#blue {color:#7398b9; line-height:1.7;}
h1 {margin:0px; padding:0px; font-size:24px; color:#73a2cb; line-height:1; font-family:'Lato-Light'; margin-bottom:20px;}
h2 {margin:0px; padding:0px; font-size:18px; color:#73a2cb; line-height:1; font-family:'Lato-Light'; margin-bottom:5px;}
h3 {margin:0px; padding:0px; font-size:20px; color:#73a2cb; line-height:1; font-family:'Lato-Light'; margin-bottom:20px;}
h4 {margin:0px; padding:0px; font-size:24px; color:#73a2cb; line-height:1; font-family:'Lato-Light'; margin-bottom:30px;}
ul {margin:0px; padding:0px; margin-left:13px; list-style-type:disc;}
ol {margin:0px; padding:0px;}
.ol1 {margin-left:38px; list-style-type:decimal;}
.ol3 {margin-left:23px; list-style-type:upper-roman;}
.ol4 {margin-left:26px; list-style-type:decimal;}
/* Header */
header {width:100%; height:110px; margin:0px; padding:0px; border-bottom:1px solid #73a2cb; background:#ffffff; position:relative !important}
#hdinh {width:100%; height:auto; max-width:1500px; margin:10px auto; margin-top:0px; margin-bottom:0px; padding:0px; position:relative !important}
#hdinh img {width:291px; margin-top:20px; margin-left:17px;}
#menu_bg {width:100%; height:38px; left:0px; top:111px; margin:0px; padding:0px; border-bottom:1px solid #73a2cb; background:#ffffff; display:block;
		  position:absolute !important}
/* Inhalt */
#wrapper {width:100%; height:auto; margin:0px; padding:0px; padding-top:40px; padding-bottom:50px; background:#ffffff; position:relative !important}
section {width:100%; height:auto; max-width:1400px; margin:10px auto; margin-top:0px; margin-bottom:0px; padding:0px; position:relative !important}
#ab {width:100%; height:1px; clear:both; position:relative !important}
/* Bottom Buttons */
#bottom {width:100%; height:auto; margin:0px; margin-top:40px; padding:0px; padding-top:40px; border-top:1px solid #73a2cb; position:relative !important}
#bottom_inh {width:100%; height:auto; max-width:1400px; margin:10px auto; margin-top:0px; margin-bottom:0px; padding:0px; position:relative !important}
#btns {width:25%; height:auto; text-align:center; margin:0px; padding:0px; transition:all .2s ease-in-out; float:left; position:relative !important}
#btns img {width:120px; margin-top:0px;}
#btns:hover {transform:scale(1.1);}
#btns [data-title]:hover::before {content:attr(data-title); position:absolute; bottom:10px; display:inline-block; padding:4px 6px; border-radius:4px; background:#ffffff;
								  color:#466d8f; border:1px solid #466d8f; font-size:12px; font-family:'Lato-Regular'; white-space:nowrap;}
#btns [data-title]:hover::after {content:''; position:absolute; bottom:10px; left:4px; display:inline-block; color:#466d8f;}
/* Footer */
footer {width:100%; height:auto; max-width:1500px; margin:10px auto; margin-top:40px; margin-bottom:40px; padding:0px; position:relative !important}
#f_links {width:50%; height:auto; font-size:14px; line-height:1.5; margin:0px; padding:0px; float:left; position:relative !important}
#f_links a {color:#000000; text-decoration:none; text-transform:uppercase;}
#f_links a:hover {color:#777777; text-decoration:none;}
#f_links a:active, #f_links a:focus {outline:none;}
#f_rechts {width:50%; height:auto; font-size:15px; line-height:1.5; text-align:right; margin:0px; padding:0px; float:left; position:relative !important}
/* Cookie Hinweis */
#mbmcookie {position:fixed; bottom:0px; left:0px; right:0px; background:#42729c; padding:15px; font-size:15px; z-index:10000000000000;
			color:#ffffff; -webkit-box-shadow:1px 1px 10px 1px #888888; -moz-box-shadow:1px 1px 10px 1px #888888; box-shadow:1px 1px 10px 1px #888888;}
#mbmcookie a.button {cursor:pointer; color:#000000; background:#cccccc; padding:8px 20px; margin-left:10px; border-radius:5px; font-weight:bold; float:right;}
#mbmcookie a.button:hover {background-color:#aaaaaa;}
#mbmcookie a.hws {color:#ffffff; text-decoration:underline;}
#mbmcookie a.hws:hover {text-decoration:none;}
#mbmcookie p.cookiemessage {display:block; padding:0px; margin:0px;}
@media (max-width:1580px) {
/* Footer */
footer {width:94%; max-width:auto; margin:0px; margin-top:40px; margin-bottom:40px; padding-left:3%; padding-right:3%;}
}
@media (max-width:1500px) {
/* Header */
#hdinh {max-width:auto;}
#hdinh img {margin-left:3%;}
/* Inhalt */
section {width:94%; max-width:auto; margin:0px; padding-left:3%; padding-right:3%;}
/* Bottom Buttons */
#bottom_inh {max-width:auto; margin:0px;}
}
@media (max-width:1100px) {
h1, h4 {font-size:22px;}
h2 {font-size:17px;}
h3 {font-size:18px;}
/* Header */
header {height:100px;}
#hdinh img {width:251px; margin-top:20px;}
#menu_bg {height:34px; top:101px;}
/* Inhalt */
#wrapper {padding-top:30px;}
/* Footer */
#f_links {font-size:13px;}
#f_rechts {font-size:14px;}
/* Cookie Hinweis */
#mbmcookie {font-size:14px;}
}
@media (max-width:900px) {
/* Header */
#menu_bg {display:none;}
}
@media (max-width:700px) {
/* Bottom Buttons */
#btns img {width:100px;}
#btns [data-title]:hover::before {font-size:11px;}
}
@media (max-width:650px) {
h1, h4 {font-size:20px;}
/* Inhalt */
#wrapper {padding-top:20px;}
/* Cookie Hinweis */
#mbmcookie {font-size:13px;}
}
@media (max-width:565px) {
/* Footer */
#f_links {width:100%; padding-bottom:20px;}
#f_rechts {width:100%; text-align:left;}
}
@media (max-width:500px) {
/* Bottom Buttons */
#bottom {padding-top:0px;}
#btns {width:50%;}
#btns img {margin-top:40px;}
}
@media (max-width:330px) {
/* Header */
header {height:110px;}
#hdinh img {width:250px; margin-top:30px;}
}