@charset "UTF-8";
/** RESET AND CLEARFIX
================================================**/
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
margin:0;
padding:0;
border:0;
text-align:left;
height:100%;
font-family: 'Open Sans', sans-serif;;
font-size:14px;
font-weight: 400;
line-height:20px;
color:#444;
background:#333 url(/bilder/bg_1.jpg) top center no-repeat fixed;
} 
div {
font-family: 'Open Sans', sans-serif;;
font-size:14px;
font-weight: 400;
line-height:20px;
}


a:link, a:active , a:visited{outline: none;text-decoration : none ; font-size : 14px; font-style : normal ; line-height: 20px; color: #444}
a:hover{text-decoration : none ; font-size : 14px; font-style : normal ; color : #772B1A;line-height: 20px}
a.totop{text-decoration:none;position:fixed;right:20px;bottom:20px;border:0;background:url(../imgcss/totop.png);height:96px;width:96px}
#layout { margin:15px auto 0 auto;overflow: hidden;text-align:left;padding:0;width:984px; background:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 1px 1px 11px #8f8f8f; /* webkit browser*/ -moz-box-shadow: 1px 1px 11px #8f8f8f; /* firefox */ box-shadow: 1px 1px 11px #8f8f8f;}
#inhalt{width:984px;overflow:hidden;padding:0 0 80px 0;vertical-align:top}
#inhalt_links { float:left;width:206px;height:100%;vertical-align:top;margin:0;padding:20px 20px 30px 10px}
#inhalt_mitte { float:left;width:708px;height:100%;vertical-align:top;margin:0;padding:20px 20px 30px 20px}
.clear {display:block; height:0; overflow:hidden; clear:both;}
.inhalt_rechts { float:right;position:relative;width:235px;min-height:360px;margin:0;padding:20px 0 0 0;vertical-align:top; background:transparent; }
.rechte{ float:left;width:100%;margin:0;padding:10px 0 0 0;text-align:center;color:#f9f9f9;vertical-align:middle; }
.rechte  a:link, .rechte a:hover; .rechte a:visited , .rechte a:active{ color:#f9f9f9; }
.separator { float:left;width:980px;height:2px;margin:0 0 2px 0;background: url('/bilder/separator_footer.png') -6px 0;}
#logo {height:300px;margin:5px 5px 0 7px;background:url('../bilder/logo_neu.jpg')no-repeat;padding:5px 0 1px 0}
#navigation { padding:3px 0 3px 0;margin:0;width:100%;font-size:14px;line-height:24px}
#navigation p{ padding:3px 0 3px 10px;margin:0;height:24px;border-bottom:1px dotted #999; }
#navigation a{ width:100%;font-size:14px;height:24px;line-height:24px; }
#navigation a:hover{width:100%;font-size:14px;height:24px;line-height:24px;font-weight:bold;color:#575FA8}
h1{text-decoration:none;font-size:24px;font-weight:400;padding:0 0 10px 0;line-height:28px;vertical-align:middle;}
h2{text-decoration:none;font-size:20px;font-weight:400;padding:0 0 10px 0;line-height:24px;vertical-align:middle;}
h3{text-decoration:none;font-size:16px;font-weight:400;padding:0 0 10px 0;line-height:20px;vertical-align:middle;}
h4,h5,h6 { text-decoration : none ; font-size : 14px; line-height:18px;}
p { padding:2px 0 2px 0;margin:0; font-weight:400;font-size:14px;}
hr { border:0;border-top:1px dotted #d1d1d1;margin:0 15px 0 10px; }
.text_titel {text-decoration : none ; border-bottom:1px solid #fff;font-size : 11px; font-weight:bold;height:22px; vertical-align:middle;padding-left:5px;font-style : normal ; color : #444; }
.text {text-decoration:none; font-size : 14px; font-style : normal ; }
.fliesstext { text-decoration : none ; font-size : 14px; font-style : normal ; color : #DAD1C4; line-height: 18px }
.form-data{}
.form-data p {margin:0px 0px 8px 0px;}
.form-data label.large{float:left;font-size:14px;padding-top:3px;font-weight:bold;cursor:hand;}
.form-data label.large{width:80px;}
.form-data input.large{color:#000080;height:20px;}
.form-data input.large{width:300px;}
.button-small{color:#ffffff;height:25px;border:none;font-size:14px;font-weight:400;cursor:pointer;}
.button-small{width:147px;height:50px;margin:5px 0 0 0;padding:0 20px 5px 0;background:url(/imgcss/botton_gruppe.png) 0 -50px; }
.button-small:hover{width:147px;height:50px;margin:5px 0 0 0;padding:0 20px 5px 0;background:url(/imgcss/botton_gruppe.png); }
#wrapper_fuss{padding:50px 0 0 0;margin:0;width:100%;height:150px;background-color:rgb(27,27,27);}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin: 0;padding:0;border: 0;list-style: none;font-weight: 400;text-decoration: none;line-height: 1;font-size: 16px;position: relative;}
#cssmenu {width: 100%;}
#cssmenu a {line-height: 1.3;}
#cssmenu > ul > li:first-child {background: none;}
#cssmenu > ul > li:first-child > a {padding: 5px 0 5px 10px;background:transparent;border: none;border-bottom: 1px dotted #55acee;text-align: left;font-size: 14px;}
#cssmenu > ul > li:first-child > a > span {padding: 0;}
#cssmenu > ul > li:first-child:hover {background: none; /*#e84323; */}
#cssmenu > ul > li {background: none; /*#e94f31; */}
#cssmenu > ul > li:hover {background: none; /*#e84323; */color:#55acee;}
#cssmenu > ul > li > a {font-size:14px;display: block;background:transparent;color: #333;border-bottom: 1px dotted #55acee;border-top: none;}
#cssmenu > ul > li > a > span {display: block;padding: 5px 0 5px 10px;}
#cssmenu > ul > li > a:hover {color:#000;text-decoration: none;}
#cssmenu > ul > li.active {border-bottom: none;}
#cssmenu > ul > li.has-sub > a span {background: url(images/icon_plus.png) 96% center no-repeat;}
#cssmenu > ul > li.has-sub.active > a span {background:#55acee url(images/icon_minus.png) 96% center no-repeat;}
/* Sub menu */
#cssmenu ul ul {display: none;background: #fff;}
#cssmenu .zeigen{display: block;background: #fff;}
#cssmenu ul ul li {padding:0 0 0 4px;margin:0 0 0 -4px;border-bottom:1px solid #d4d4d4;border-top:none;background: #f7f7f7;}
#cssmenu ul ul li:last-child {border-bottom: none;}
#cssmenu ul ul a { background:url(images/right.png) 10px center no-repeat;padding: 10px 10px 10px 25px;display: block;color: #676767;font-size: 12px;font-weight: 400;}
#cssmenu ul ul a:before {position: absolute;left: 15px;color: #e94f31;}
#cssmenu ul ul a:hover {color: #e94f31;}

.auto-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  grid-gap: 1rem;

}
@media screen and (max-width: 16rem) {
  .auto-grid {
    grid-auto-rows: 1fr;
  }
}

.grid-box {
  display: flex;
  flex-flow: column nowrap;
  padding: 1px;

  border: 1px solid #999;
  border-radius: 5px;
}

/* The Frame for the Figures */
.grid-figure {
  margin: 0;
  padding: 1px;
  text-align: center;
  font-style: italic;
  color: #4d4d4d;
}

.grid-img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity .25s ease-in-out;
}
.grid-img:hover {
  opacity: .7;
}


.m-top {
  margin-top: auto;
}

.grid-box p {
  margin: 0;
  text-align:center;
  padding: 0 1rem 0 1rem;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #333;
}

button {
  -ms-grid-row-align: center;
      align-self: center;
  padding: .5rem 2rem;
  font-size: 1.5rem;
  text-align: center;
  text-shadow: 1px 1px #bfbfbf;
  background-color: #51991F;
  color: #F7FFF2;
  cursor: pointer;
  border: 0;
  border-radius: .25rem;
  box-shadow: 3px 3px 5px 0px rgba(153,153,153,1);
  transition: opacity .5s;
}
button:hover {
  opacity: .7;
}