#PageWrapper.f-ms { z-index:0; clear:both; background-color:#f5f5f5 }
#TopSpacer1.f-ms { width:100%; height:75px; z-index:0; clear:both; margin-left:auto; margin-right:auto; overflow:hidden }
#HeaderWrapper.f-ms { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-image:url(../Resources/akkuschrauber.png); background-position:right top; background-size:contain; background-repeat:no-repeat; background-attachment:fixed }
#Header.f-ms { width:86%; z-index:0; clear:both; padding:10% 7% 15%; margin-left:auto; margin-right:auto; background-image:url(../Resources/schrauben.png); background-position:left; background-size:contain; background-repeat:no-repeat; background-attachment:fixed }
#About2.f-ms { width:74%; max-width:1000px; z-index:0; padding:3%; margin:60px auto 90px; background-color:#f5f5f5; box-shadow:0px 0px 20px 7px rgba(30,30,30,0.15) }
#AboutLeft2.f-ms { width:43.75%; z-index:0; float:left; padding-top:12%; padding-bottom:12%; background-image:url(../Resources/logo_schwarz.png); background-position:center; background-size:contain; background-repeat:no-repeat }
#AboutRight2.f-ms { width:42.35%; z-index:0; float:right; padding:3% }
#m6.f-ms { width:96%; z-index:0; padding:3% 2%; margin-right:auto; background-color:#81c535 }
#BodyWrapper.f-ms { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; box-shadow:0px 0px 14px 4px rgba(30,30,30,0.07) }
#Body.f-ms { width:90%; max-width:1200px; z-index:0; clear:both; padding:10% 1% 5%; margin-left:auto; margin-right:auto }
#m2.f-ms { left:315px; top:1124px; width:4px; height:59px; overflow:hidden }
#Welcome.f-ms { width:81.94%; z-index:0; padding:45px; margin:0px auto 10%; background-color:#fff; box-shadow:-1px 6px 16px 4px rgba(30,30,30,0.14) }
#Innenausbau.f-ms { width:43px; overflow:hidden }
#instagram1.f-ms { width:24px; padding-bottom:-3px; margin:3px; overflow:hidden }
#m3.f-ms { left:315px; top:1124px; width:4px; height:59px; overflow:hidden }
#About.f-ms { width:81.94%; z-index:0; padding:45px; margin:0px auto; background-color:#fff; box-shadow:-1px 6px 20px 4px rgba(30,30,30,0.12) }
#AboutLeft.f-ms { width:46%; z-index:0; float:left; padding:3% 0% }
#Fliesen.f-ms { width:63px; overflow:hidden }
#AboutRight.f-ms { width:46%; z-index:0; float:right; padding:3% 0% }
#Pencil.f-ms { width:53px; overflow:hidden }
#About1.f-ms { width:81.94%; z-index:0; padding:45px; margin:70px auto 10%; background-color:#fff; box-shadow:-1px 6px 20px 4px rgba(30,30,30,0.12) }
#AboutRight1.f-ms { width:46%; z-index:0; float:right; padding:3% 0% }
#Bodenverlegung.f-ms { width:48px; overflow:hidden }
#AboutLeft1.f-ms { width:46%; z-index:0; float:left; padding:3% 0% }
#TurenZargenFenster.f-ms { width:64px; overflow:hidden }
#m4.f-ms { left:333px; top:1964px; width:4px; height:59px; overflow:hidden }
#ShowcaseWrapper.f-ms { width:91.94%; z-index:0; padding:45px; margin:0px auto 10%; background-color:#fff; box-shadow:-1px 6px 20px 4px rgba(30,30,30,0.12) }
#m1.f-ms { width:100%; height:800px; display:inline-block }
#m5.f-ms { left:267px; top:3002px; width:4px; height:59px; overflow:hidden }
#Contact.f-ms { width:30%; z-index:0; padding:45px; margin-left:auto; margin-top:0px; margin-right:auto; background-color:#fff; box-shadow:-1px 6px 20px 4px rgba(30,30,30,0.12) }
#Email.f-ms { width:94%; z-index:0; padding:3%; margin-left:auto; margin-right:auto; background-color:#fff }
#Mail.f-ms { width:70px; overflow:hidden }
#Name.f-ms { width:80%; padding:2%; background-color:#fff; border:solid #d8d9da 2px }
#Email1.f-ms { width:80%; padding:2%; background-color:#fff; border:solid #d8d9da 2px }
#Subject.f-ms { width:80%; padding:2%; background-color:#fff; border:solid #d8d9da 2px }
#Message.f-ms { width:80%; height:100px; padding:2%; background-color:#fff; border:solid #d8d9da 2px }
#SendFormButton.f-ms { width:50%; padding-top:8px; padding-bottom:8px; background-color:#f5f5f5; border:solid #d8d9da 2px }
#FooterWrapper.f-ms { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#1e1e1e }
#Footer.f-ms { width:100%; z-index:0; clear:both; padding-top:5%; padding-bottom:5%; margin-left:auto; margin-right:auto }
#instagram.f-ms { width:48px; margin:3px; overflow:hidden }
#dont-delete-me.f-ms { position:absolute; left:57px; top:-60px; width:33px; height:15px; z-index:1 }
#CSSMenu.f-ms { position:fixed; left:0px; top:0px; width:94%; z-index:9999; padding:0px 3%; background-color:#000; box-shadow:-1px -6px 20px 5px rgba(0,0,0,0.92); overflow:auto }
#m7.f-ms { position:fixed; left:7px; top:11px; width:99px; height:55px; z-index:9999; background-image:url(../Resources/logo_white.png); background-position:center; background-size:contain; background-repeat:no-repeat }
@media screen and (max-width:1400px)
{
	#HeaderWrapper.f-ms { background-image:url(../Resources/akkuschrauber1.png); background-size:auto }
}
@media screen and (max-width:1400px) and (-webkit-min-device-pixel-ratio:1.3), screen and (max-width:1400px) and (-o-min-device-pixel-ratio:13/10), screen and (max-width:1400px) and (min-resolution:125dpi)
{
	#HeaderWrapper.f-ms { background-image:url(../Resources/akkuschrauber.png); background-size:330px 618px }
}
@media screen and (max-width:1200px)
{
	#ShowcaseWrapper.f-ms { width:91.67% }
}
@media screen and (max-width:1000px)
{
	#ShowcaseWrapper.f-ms { width:90% }
	#Contact.f-ms { width:50% }
}
@media screen and (max-width:768px)
{
	#TopSpacer1.f-ms { height:30px }
	#AboutLeft2.f-ms { width:80%; float:none; clear:both; margin-left:auto; margin-right:auto }
	#AboutRight2.f-ms { width:80%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto }
	#Welcome.f-ms { width:85.79%; padding:25px }
	#About.f-ms { width:87.72%; padding:25px }
	#AboutLeft.f-ms { width:auto; float:none; clear:both; margin-left:auto; margin-right:auto }
	#AboutRight.f-ms { width:auto; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto }
	#About1.f-ms { width:87.72%; padding:25px }
	#AboutRight1.f-ms { width:auto; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto }
	#AboutLeft1.f-ms { width:auto; float:none; clear:both; margin-left:auto; margin-right:auto }
	#ShowcaseWrapper.f-ms { width:auto; padding:25px }
	#m1.f-ms { height:900px }
	#Contact.f-ms { width:auto; clear:both }
	#Email.f-ms { width:80%; clear:both }
	#Name.f-ms { width:93.59% }
	#Email1.f-ms { width:93.59% }
	#Subject.f-ms { width:93.59% }
	#Message.f-ms { width:93.59% }
	#CSSMenu.f-ms { padding-top:0px; padding-bottom:0px; overflow:visible }
	#m7.f-ms { top:4px; width:40px; height:20px }
}
@media screen and (max-width:480px)
{
	#About2.f-ms { width:70% }
	#AboutLeft2.f-ms { width:94% }
	#AboutRight2.f-ms { width:94% }
	#Body.f-ms { width:auto }
	#Welcome.f-ms { width:auto; padding:15px }
	#About.f-ms { width:auto; padding:15px }
	#About1.f-ms { width:auto; padding:15px }
	#ShowcaseWrapper.f-ms { padding:15px; margin-top:0% }
	#m1.f-ms { height:800px }
	#Contact.f-ms { padding:25px }
	#Email.f-ms { width:90% }
	#Name.f-ms { width:92.85% }
	#Email1.f-ms { width:92.85% }
	#Subject.f-ms { width:92.85% }
	#Message.f-ms { width:92.85% }
	#CSSMenu.f-ms { width:95.82%; padding:10px }
	#m7.f-ms { left:0px; top:6px; width:70px; height:35px }
}
@media screen and (max-width:320px)
{
	#PageWrapper.f-ms { width:100% }
	#Header.f-ms { width:auto }
	#About2.f-ms { width:auto }
	#AboutLeft2.f-ms { width:100% }
	#AboutRight2.f-ms { width:85% }
	#m1.f-ms { height:414px }
	#Email.f-ms { width:85% }
	#Name.f-ms { width:90% }
	#Email1.f-ms { width:90% }
	#Subject.f-ms { width:90% }
	#Message.f-ms { width:90% }
	#SendFormButton.f-ms { padding:1% }
}