@charset "utf-8";
/* Startseite */
#slogan_wrap {width:100%; height:auto; left:0px; top:620px; text-align:center; margin:0px; padding:0px; z-index:1; position:absolute !important}
#gallery {position:relative; margin:0; background:none; border:none;}
#gallery figure {position:absolute; width:90%; display:inline-block; top:0px; left:0px; z-index:1; animation:wechseln 15s infinite;}
#gallery figure:last-of-type {position:relative;}
@keyframes wechseln {
0% {opacity: 0;}
20% {opacity: 1;}
40% {opacity: 1;}
60% {opacity: 0;}
100% {opacity: 0;}
}
#gallery figure:nth-of-type(2) {animation-delay:5s; opacity:0;}
#gallery figure:nth-of-type(3) {animation-delay:10s; opacity:0;}
#slogan_wrap img {height:60px; padding:0px; margin:0px;}
#inh_left {width:46%; height:auto; font-size:17px; line-height:1.5; margin:0px; padding:0px; padding-right:4%; padding-bottom:0px; float:left; position:relative !important}
#inh_right {width:46%; height:auto; font-size:17px; line-height:1.5; margin:0px; padding:0px; padding-left:4%; float:left; position:relative !important}
#ab_st {width:100%; height:30px; clear:both; position:relative !important}
#st_prk {width:100%; height:auto; text-align:center; margin:0px; padding:0px; padding-bottom:40px; padding-top:30px; border-top:1px solid #dddddd; position:relative !important}
#st_prk_inh {width:100%; height:auto; max-width:600px; margin:10px auto; margin-top:0px; margin-bottom:0px; padding:0px; position:relative !important}
#st_prk_dt {width:100%; height:auto; margin:0px; padding:0px; -webkit-box-shadow:6px 3px 22px -9px rgba(0,0,0,0.56); -moz-box-shadow:6px 3px 22px -9px rgba(0,0,0,0.56);
			-o-box-shadow:6px 3px 22px -9px rgba(0,0,0,0.56); box-shadow:6px 3px 22px -9px rgba(0,0,0,0.56); -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; position:relative !important}
#st_prk_dt:hover {transform:scale(1.1);}
#st_prk_dt img {border:1px solid #666666; margin-bottom:-5px;}
#st_prk_dt a {text-decoration:none;}
#st_prk_txt {width:auto; height:auto; left:15px; bottom:15px; color:#ffffff; font-size:22px; font-weight:600; margin:0px; padding:10px; background:#000000; z-index:10;
			 text-align:left; position:absolute !important}
#wrapp_nw {width:100%; height:auto; margin:0px; padding:0px; margin-top:0px; padding-top:30px; padding-bottom:30px; background:#dedede; position:relative !important}
#nw_overview {width:100%; max-width:980px; height:auto; margin:10px auto; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; background:#ffffff;
			  box-shadow:0 4px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4); border:1px solid #dddddd;
			  position:relative !important}
#nw_ov_l {width:360px; height:auto; margin:0px; padding-top:30px; padding-bottom:10px; text-align:center; float:left; position:relative !important}
#nw_ov_l img {width:150px;}
#nw_ov_r {width:590px; height:auto; font-size:17px; color:#000000; margin:0px; padding-top:30px; padding-bottom:10px; padding-right:30px; float:left; position:relative !important}
#nw_ov_r a {width:100px; height:37px; margin-bottom:0px; text-decoration:none; font-size:17px; color:#e42762; text-align:right; text-transform:uppercase; padding-right:46px;
			padding-top:9px; line-height:1; background:url(../images/mehr.png) no-repeat right top; float:right; display:block;}
#nw_ov_r a:hover {color:#000000;}
/* Angebote + Aktuelles */
#thinfont {font-size:17px; color:#666666; font-family:'Lato-Regular'; font-weight:lighter !important}
#ang_left {width:46%; height:auto; font-size:17px; line-height:1.5; margin:0px; padding:0px; padding-right:4%; padding-bottom:0px; float:left; position:relative !important}
#ang_right, #prk_right {width:46%; height:auto; margin:0px; padding:0px; padding-left:4%; float:left; position:relative !important}
#prk_right img.rahmen, #ang_right img, .mlinie {border:1px solid #999999;}
#blck {color:#000000;}
#ab_ang {width:100%; height:30px; border-bottom:1px solid #dddddd; margin-bottom:30px; clear:both; position:relative !important}
#ab_ang2 {width:100%; height:30px; border-top:1px solid #dddddd; position:relative !important}
#prk_pdf {width:auto; height:auto; min-height:52px; font-size:17px; margin:15px 0 0 0; padding:15px 0 0 48px; background:url(../images/pdf2.png) no-repeat left top;
		  background-size:38px, auto; position:relative !important}
/* Projekte mit Diashow und Schreibbeispielen */ 
#prk_dhsw_left {width:46%; height:auto; font-size:17px; line-height:1.5; margin:0px; padding:0px; padding-right:4%; padding-bottom:0px; float:left; position:relative !important}
#prk_dhsw_left img {width:150px;}
/* Diashow mit viel Bildern */
#dhsw {width:33.33%; height:120px; 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; margin-top:10px; text-align:center; float:left; position:relative !important}
/* Diashow mit wenig Bildern */
#dhsw2 {width:50%; height:170px; 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; margin-top:10px; text-align:center; float:left; position:relative !important}
#dhsw img {max-height:90px; border:0px !important;}
#dhsw2 img {max-height:140px; border:0px !important;}
#dhsw a:hover, #dhsw2 a:hover {zoom:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}   
#shbs {width:24.33%; height:155px; margin:0px; padding:0px; margin-left:1.5%; margin-right:1.5%; margin-top:10px; margin-bottom:14px; padding-top:43px; padding-left:3%;
	   padding-right:3%; background:url(../images/papier.png) no-repeat left top; background-size:189px, auto; -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; text-align:center; font-size:16px; color:#ffffff; float:left;
	   text-decoration:none; position:relative !important}
#auth {width:24.33%; height:204px; margin:0px; padding:0px; margin-left:1.5%; margin-right:1.5%; margin-top:10px; margin-bottom:14px; padding-top:20px; padding-left:3%;
	   padding-right:3%; background:url(../images/cover.png) no-repeat left top; background-size:358px, auto; -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; text-align:center; font-size:16px; color:#ffffff; float:left;
	   position:relative !important}
#auth img {height:90px; margin-top:45px; border:1px solid #29292b;}
#dhsw:hover, #dhsw2:hover, #shbs:hover, #auth:hover {transform:scale(1.1);}
a.ank {font-size:1px; color:#ffffff; text-decoration:none;}
#ab_prk {width:100%; height:10px; clear:both; position:relative !important}
/* Satzung des Vereins */
#stz_pdf {width:60px; height:auto; margin:0px; padding:0px; margin-left:20px; transition:all .2s ease-in-out; position:relative !important}
#stz_pdf img {width:60px;}
#stz_pdf:hover {transform:scale(1.1);}
/* Kontakt */
#kon_left {width:36%; height:auto; margin:0px; padding:0px; padding-right:4%; padding-bottom:0px; float:left; position:relative !important}
#kon_det {width:auto; height:auto; min-height:50px; font-size:18px; padding-left:60px; padding-top:15px; padding-bottom:15px; background-size:50px auto; position:relative !important}
#kon_hnws {width:100%; height:auto; font-size:17px; line-height:1.5; margin:0px; padding:0px; padding-top:30px; position:relative !important}
#rts {display:inline-block;}
#drr {display:none;}
#kon_right {width:56%; height:auto; font-size:17px; margin:0px; padding:0px; padding-left:4%; float:left; position:relative !important}
#k_lft {width:32%; height:auto; margin:0px; padding:0px; float:left; position:relative !important}
#k_rgt {width:68%; height:auto; margin:0px; padding:0px; float:left; position:relative !important}
#fm_bd {width:150px; height:auto; float:left; position:relative !important}
#fm_cd {width:auto; height:auto; float:left; position:relative !important}
#kt_form_hnws {width:68%; height:auto; font-size:14px; text-align:justify; line-height:normal; padding-left:32%; padding-bottom:10px; position:relative !important}
#kt_senden {width:68%; height:auto; padding-left:32%; padding-bottom:35px; position:relative !important}
.form_1 {width:97%; background:#ffffff; color:#000000; padding:1%; border:1px solid #4b5c68; font-size:17px; font-family:'Lato-Regular';}
.form_2 {width:97%; height:130px; background:#ffffff; color:#000000; padding:1%; border:1px solid #4b5c68; font-size:17px; font-family:'Lato-Regular';}
.form_3 {width:70px; height:33px; background:#ffffff; color:#000000; padding-left:10px; padding-top:4px; border:1px solid #4b5c68; font-size:17px; font-family:'Lato-Regular';}
.btn {font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; text-transform:uppercase; color:#ffffff; width:200px; border:0px; padding:10px; background:#ba227e; cursor:pointer;}
#kon_ab {width:68%; height:25px; padding-left:32%; clear:left; position:relative !important}
#kon_ab img {height:25px;}
#kon_ab2 {width:100%; height:5px; position:relative !important}
#kon_ab2 a {color:#ffffff; text-decoration:none;}
#kon_ab3 {width:100%; height:10px; clear:left; position:relative !important}
#em_sent {width:100%; height:auto; font-size:17px; line-height:1.5; margin:0px; padding:0px; padding-bottom:200px; position:relative !important}
/* Impressum */
#imp_left {width:46%; height:auto; margin:0px; padding:0px; padding-right:4%; padding-bottom:0px; float:left; position:relative !important}
#imp_det {width:auto; height:auto; min-height:45px; font-size:17px; padding-left:55px; padding-top:11px; padding-bottom:10px; background-size:45px auto; position:relative !important}
#imp_right {width:46%; height:auto; font-size:16px; line-height:1.5; margin:0px; padding:0px; padding-left:4%; float:left; position:relative !important}
/* Datenschutzerklärung */
#ds_left {width:46%; height:auto; font-size:16px; line-height:1.5; margin:0px; padding:0px; padding-right:4%; padding-bottom:0px; float:left; position:relative !important}
#ds_right {width:46%; height:auto; font-size:16px; line-height:1.5; margin:0px; padding:0px; padding-left:4%; float:left; position:relative !important}
/* Kontakt + Impressum Symbole */
.address {background:url(../images/s_address.png) no-repeat left top;}
.mail {background:url(../images/s_mail.png) no-repeat left top;}
.phone {background:url(../images/s_phone.png) no-repeat left top;}
.fax {background:url(../images/s_fax.png) no-repeat left top;}
.pin {background:url(../images/s_pin.png) no-repeat left top;}
.vorsitz {background:url(../images/s_vorsitz.png) no-repeat left top;}
.register {background:url(../images/s_register.png) no-repeat left top;}
.tax {background:url(../images/s_tax.png) no-repeat left top;}
.datenschutz {background:url(../images/s_datenschutz.png) no-repeat left top;}
.design {background:url(../images/s_design.png) no-repeat left top;}
.fotos {background:url(../images/s_fotos.png) no-repeat left top;}
@media (max-width:1230px) {
/* Diashow mit viel Bildern */
#dhsw {width:50%;}
}
@media (max-width:1140px) {
/* Diashow mit wenig Bildern */
#dhsw2 {height:130px;}
#dhsw2 img {max-height:100px;}
}
@media (max-width:1100px) {
/* Startseite */
#slogan_wrap {width:90%; top:400px;}
#slogan_wrap img {height:40px;}
#wrapp_nw {width:94%; padding-left:3%; padding-right:3%;}
#nw_overview {width:100%; max-width:100%; margin:0px; margin-left:0px; margin-right:0px;}
#nw_ov_l {width:37%;}
#nw_ov_l img {width:130px;}
#nw_ov_r {width:58%; padding-right:5%;}
/* Startseite + Kontakt */
#inh_left, #inh_right, #nw_ov_r, #prk_dhsw_left, #ang_left, #thinfont, #kon_left, #kon_right, #kon_hnws, .form_1, .form_2, #em_sent {font-size:16px;}
/* Projekte */
#prk_dhsw_left img {width:110px;}
#prk_pdf {min-height:48px; font-size:16px; padding:15px 0 0 45px; background:url(../images/pdf2.png) no-repeat left top; background-size:35px, auto;}
/* Projekte mit Schreibbeispielen */
#shbs {width:38%; font-size:15px; margin-left:3%; margin-right:3%; background-size:202px, auto;}
#auth {width:41%; font-size:15px;}
/* Kontakt */
#kon_det {min-height:45px; font-size:17px; padding-left:55px; padding-top:10px; background-size:45px auto;}
#kt_form_hnws {font-size:13px;}
/* Impressum */
#imp_det {min-height:40px; font-size:16px; padding-left:50px; padding-top:11px; background-size:40px auto;}
#imp_right {font-size:15px;}
/* Datenschutzerklärung */
#ds_left, #ds_right {font-size:15px;}
}
@media (max-width:990px) {
/* Startseite */
#nw_ov_l img {width:120px;}
}
@media (max-width:970px) {
/* Kontakt */
#kon_left {width:100%; padding-right:0px; padding-bottom:40px;}
#kon_right {width:100%; padding-left:0px;}
#em_sent {padding-bottom:0px;}
#rts {display:none;}
#drr {display:inline-block;}
/* Datenschutzerklärung */
#ds_left {width:100%; padding-right:0px; padding-bottom:20px;}
#ds_right {width:100%; padding-left:0px;}
}
@media (max-width:900px) {
/* Startseite */
#slogan_wrap {width:80%; top:375px;}
#slogan_wrap img {height:30px;}
/* Projekte mit Diashow und Schreibbeispielen */
#prk_dhsw_left {width:100%; padding-right:0px; padding-bottom:30px;}
#prk_right {width:100%; padding-left:0px;}
/* Diashow mit viel Bildern */
#dhsw {width:33.33%;}
/* Diashow mit wenig Bildern */
#dhsw2 {width:33.33%; height:150px;}
#dhsw2 img {max-height:120px;}
/* Projekte mit Schreibbeispielen */
#shbs {width:21.33%; background-size:223px, auto;}
#auth {width:24.33%;}
/* Angebote */
#ang_left {width:100%; padding-right:0px; padding-bottom:30px;}
#ang_right {width:100%; padding-left:0px;}
}
@media (max-width:800px) {
/* Startseite */
#inh_left {width:100%; padding-right:0px; padding-bottom:20px;}
#inh_right {width:100%; padding-left:0px;}
/* Impressum */
#imp_left {width:100%; padding-right:0px; padding-bottom:60px;}
#imp_right {width:100%; padding-left:0px;}
}
@media (max-width:740px) {
/* Diashow mit wenig Bildern */
#dhsw2 {width:50%;}
}
@media (max-width:720px) {
/* Diashow mit viel Bildern */
#dhsw {width:50%;}
/* Projekte mit Schreibbeispielen */
#shbs {width:34%; margin-left:5%; margin-right:5%; background-size:260px, auto;}
#auth {width:41%; font-size:16px;}
}
@media (max-width:700px) {
/* Startseite */
#st_prk_dt {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
#st_prk_dt:hover {transform:none;}
}
@media (max-width:650px) {
/* Startseite */
#slogan_wrap {width:70%; top:243px;}
#slogan_wrap img {height:25px;}
#st_prk_inh {max-width:auto; margin:0px;}
#st_prk_txt {font-size:19px;}
#nw_ov_l img {width:100px;}
/* Projekte mit Diashow und Schreibbeispielen */
#dhsw, #dhsw2, #shbs, #auth {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
#dhsw:hover, #dhsw2:hover, #shbs:hover, #auth:hover {transform:none;}
}
@media (max-width:570px) {
/* Kontakt */
#k_lft, #k_rgt {width:100%;}
#kon_ab, #kt_form_hnws, #kt_senden {width:100%; padding-left:0px;}
}
@media (max-width:510px) {
/* Startseite */
#st_prk_txt {font-size:17px;}
#nw_ov_l {width:97%; padding-top:20px; padding-bottom:10px; padding-left:3%; text-align:left;}
#nw_ov_r {width:94%; padding-top:0px; padding-left:3%; padding-right:3%;}
/* Satzung des Vereins */
#stz_pdf {transition:none;}
#stz_pdf:hover {transform:none;}
}
@media (max-width:440px) {
/* Projekte mit Diashow und Schreibbeispielen */
#dhsw, #dhsw2 {width:100%; margin-bottom:30px;}
#shbs {width:150px; height:156px; margin-left:0px; margin-right:0px; padding-left:20px; padding-right:20px; background-size:190px, auto; font-size:16px; float:none;}
#auth {width:150px; margin-left:0px; margin-right:0px; padding-left:20px; padding-right:20px; float:none;}
}