@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:#666666;
  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:#e42762; text-decoration:underline;}
a:hover {color:#000000; text-decoration:none;}
a:active, a:focus {outline:none;}
b {font-weight:600;}
i {font-style:italic;}
#rd {color:#e42762;}
.shwrz {color:#000000;}
h1 {margin:0px; padding:0px; font-size:24px; color:#e42762; line-height:1; font-family:'Lato-Light'; margin-bottom:20px;}
h1.projekte {margin:0px; padding:0px; font-size:24px; color:#e42762; line-height:1; font-family:'Lato-Light'; margin-bottom:0px;}
h2 {margin:0px; padding:0px; font-size:18px; color:#e42762; font-family:'Lato-Light'; text-transform:uppercase; margin-bottom:15px;}
h3 {margin:0px; padding:0px; font-size:18px; color:#000000; font-family:'Lato-Light'; text-transform:uppercase; margin-bottom:15px;}
h4 {margin:0px; padding:0px; font-size:20px; color:#e42762; font-family:'Lato-Light'; margin-bottom:15px;}
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;}
.ol5 {margin-left:26px; list-style-type:lower-alpha;}
/* Header */
header {width:100%; height:111px; margin:0px; padding:0px; border-bottom:1px solid #666666; 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:271px; margin-top:41px; margin-left:17px;}
#menu_bg {width:100%; height:38px; left:0px; top:112px; margin:0px; padding:0px; border-bottom:1px solid #666666; background:#ffffff; display:block;
		  position:absolute !important}
#hd_wrap {width:100%; height:555px; margin:0px; padding:0px; background-size:1920px auto, 1920px auto; border-bottom:1px solid #666666; position:relative !important}
.hd_home {background:url(../images/blende.jpg) no-repeat center center, url(../images/startseite.jpg) no-repeat center center #ffffff;}
.hd_aktuelles {background:url(../images/blende.jpg) no-repeat center center, url(../images/aktuelles.jpg) no-repeat center center #ffffff;}
.hd_projekte {background:url(../images/blende.jpg) no-repeat center center, url(../images/projekte.jpg) no-repeat center center #ffffff;}
.hd_archiv {background:url(../images/blende.jpg) no-repeat center center, url(../images/archiv.jpg) no-repeat center center #ffffff;}
.hd_workshops {background:url(../images/blende.jpg) no-repeat center center, url(../images/workshops.jpg) no-repeat center center #ffffff;}
.hd_seminare {background:url(../images/blende.jpg) no-repeat center center, url(../images/seminare.jpg) no-repeat center center #ffffff;}
.hd_vortraege {background:url(../images/blende.jpg) no-repeat center center, url(../images/vortraege.jpg) no-repeat center center #ffffff;}
.hd_vereinssatzung {background:url(../images/blende.jpg) no-repeat center center, url(../images/vereinssatzung.jpg) no-repeat center center #ffffff;}
.hd_kontakt {background:url(../images/blende.jpg) no-repeat center center, url(../images/kontakt.jpg) no-repeat center center #ffffff;}
.hd_impressum {background:url(../images/blende.jpg) no-repeat center center, url(../images/impressum.jpg) no-repeat center center #ffffff;}
.hd_datenschutz {background:url(../images/blende.jpg) no-repeat center center, url(../images/datenschutz.jpg) no-repeat center center #ffffff;}
#i_kontakt {width:60px; height:60px; right:40px; top:25px; margin:0px; padding:0px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out;
			-o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:block; z-index:100; position:absolute !important}
#i_kontakt img {width:60px;}
#i_kontakt a:active, #i_kontakt a:focus {outline:none;}
#i_kontakt:hover {transform:scale(1.1);}
#i_kontakt [data-title]:hover::before {content:attr(data-title); position:absolute; bottom:40px; display:inline-block; padding:4px 6px; border-radius:4px; background:#ffffff;
									   color:#000000; border:1px solid #000000; font-size:13px; font-family:'Lato-Regular'; white-space:nowrap;}
#i_kontakt [data-title]:hover::after {content:''; position:absolute; bottom:40px; left:8px; display:inline-block; color:#000000;}
/* Inhalt */
#wrapper {width:100%; height:auto; margin:0px; padding:0px; padding-top:40px; padding-bottom:40px; 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}
#ab2 {width:100%; height:30px; clear:both; position:relative !important}
/* Bottom */
#btns_linie {width:100%; height:30px; margin:0px; padding:0px; border-top:1px solid #dddddd; position:relative !important}
#btns {width:100%; height:auto; max-width:1500px; margin:10px auto; margin-top:30px; margin-bottom:0px; padding:0px; position:relative !important}
#btns_link {width:25%; height:auto; text-align:center; margin:0px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; 
			transition:all .2s ease-in-out; float:left; position:relative !important}
#btns_link a:active, #btns_link a:focus {outline:none;}
#btns_link:hover {transform:scale(1.1);}
#btns_link img {width:150px; margin:0px;}
[data-title] {outline:none; cursor:pointer; position:relative;}
[data-title]:hover::before {content:attr(data-title); position:absolute; bottom:20px; display:inline-block; padding:4px 6px; border-radius:4px; background:#ffffff; color:#000000;
							border:1px solid #000000; font-size:13px; font-family:'Lato-Regular'; white-space:nowrap;}
[data-title]:hover::after {content:''; position:absolute; bottom:20px; left:8px; display:inline-block; color:#000000;}
/* 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:#ededed; padding:15px; font-size:15px; z-index:1000000; -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; background:#cccccc; color:#000000; text-decoration:underline; 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:#000000; 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%;}
}
@media (max-width:1100px) {
h1, h1.projekte {font-size:22px;}
h2, h3 {font-size:17px;}
h4 {font-size:18px;}
/* Header */
#menu_bg {height:34px;}
#hd_wrap {height:318px; background-size:1100px auto, 1100px auto;}
/* Inhalt */
#wrapper {padding-top:30px; padding-bottom:40px;}
/* Bottom */
#btns_link img {width:100px;}
[data-title]:hover::before {bottom:10px; font-size:11px;}
[data-title]:hover::after {bottom:10px;}
/* Footer */
#f_links {font-size:13px;}
#f_rechts {font-size:14px;}
/* Cookie Hinweis */
#mbmcookie {font-size:14px;}
}
@media (max-width:900px) {
/* Header */
#menu_bg, #i_kontakt {display:none;}
}
@media (max-width:650px) {
h1, h1.projekte {font-size:20px;}
/* Header */
header {height:87px;}
#hdinh img {width:196px; margin-top:33px;}
#hd_wrap {height:202px; background-size:700px auto, 700px auto;}
/* Inhalt */
#wrapper {padding-top:20px; padding-bottom:40px;}
/* 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:510px) {
/* Bottom */
#btns_link {width:50%; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; float:left;}
#btns_link:hover {transform:none;}
#btns_link img {margin-bottom:30px;}
[data-title]:hover::before {bottom:30px;}
[data-title]:hover::after {bottom:30px;}
}