@charset "UTF-8";
@font-face{font-family:Outfit;src:url(../fonts/Outfit-Light.ttf);font-weight:normal}
@font-face{font-family:Outfit;src:url(../fonts/Outfit-Medium.ttf);font-weight:bold}
@font-face{font-family:Outfit;src:url(../fonts/Outfit-Bold.ttf);font-weight:900}
/* global */
*{font-family:Outfit,sans-serif;margin:0;padding:0;border:0;letter-spacing:normal}
b{font-weight:bold}
p.PageTitle{font-size:24px;font-weight:normal;color:#111111}
p.PageSubTitle{font-size:16px;font-weight:normal;color:#111111}
p.MainTitle{font-size:18px;font-weight:bold;color:#3B5998}
p.SubTitleExtra{font-size:15px;font-weight:bold;color:#3B5998}
p.SubTitle,div.SubTitle{font-size:15px;font-weight:bold;color:#111111}
p.MainText,div.MainText{font-size:14px;font-weight:normal;color:#111111}
.MainText a{font-size:14px;font-weight:normal;color:#111111;text-decoration:none}
.Mauto{margin:auto}
.Mtop10{margin-top:10px}
.Mright10{margin-right:10px}
.Mtop20{margin-top:20px}
.Mbottom20{margin-bottom:20px}
.Mtop30{margin-top:30px}
.Mtop40{margin-top:40px}
.Mbottom40{margin-bottom:40px}
.Mright60{margin-right:60px}
.Mbottom40{margin-bottom:40px}
.Mleft120{margin-left:120px}
.Mright120{margin-right:120px}
.Mright130{margin-right:130px}
.VAbottom{vertical-align:bottom}
.VAtbottom{vertical-align:text-bottom}
.VAmiddle{vertical-align:middle}
.VAtop{vertical-align:top}
.TAleft{text-align:left}
.TAcenter{text-align:center}
.TAright{text-align:right}
.Fleft{float:left}
.Fright{float:right}
.Cboth{clear:both}
.Dinline{display:inline}
.Cpointer{cursor:pointer}
.W200{width:200px}
/* frame */
div#PageWrapper{position:absolute;top:0;left:0;width:100%}
div#HeaderWrapper{min-height:125px;width:100%}
div#Header{position:fixed;top:0;height:125px;width:100%;z-index:9999}
div#HeaderTitleWrapper{height:85px;width:100%;background-color:#3D5A97}
div#HeaderTitle{position:relative;width:858px;margin:auto;padding-top:22px;font-size:30px;font-weight:bold;color:#FDFDFD;text-align:left}
div#HeaderLogo{position:absolute;top:4px;right:0px}
div#HeaderNavigationWrapper{height:40px;width:100%;background-color:#203052}
ul#HeaderNavigation{width:858px;height:40px;margin:auto;list-style-type:none;overflow:hidden;text-align:left}
ul#HeaderNavigation li.MainNav{width:141px;height:26px;float:left;text-align:center;font-size:16px;color:#111111;overflow:hidden;background-color:#EBEAEC;margin:4px 1px 0px 1px;padding-top:6px;cursor:pointer}
ul#HeaderNavigation li.MainNav:hover{color:#FDFDFD;background-color:#8F8A91}
ul#HeaderNavigation li.MainNav.ActiveNavigation{height:30px;background-color:#FDFDFD}
ul#HeaderNavigation li.MainNav.ActiveNavigation:hover{color:#203052;background-color:#FDFDFD}
li#HaederNav2 ul{position:absolute;display:none}
li#HaederNav2:hover ul{display:block}
li#HaederNav3 ul{position:absolute;display:none}
li#HaederNav3:hover ul{display:block}
ul.HeaderSubNavigation{list-style-type:none;overflow:hidden;text-align:left;margin:0;margin-top:5px;padding:0;background-color:#FDFDFD}
ul.HeaderSubNavigation li.SubNav{width:141px;height:23px;text-align:center;font-size:12px;color:#111111;overflow:hidden;background-color:#EBEAEC;margin-top:2px;padding-top:7px;cursor:pointer}
ul.HeaderSubNavigation li.SubNav:hover{color:#FDFDFD;background-color:#3D5A97}
div#ContentWrapper{background-color:#FDFDFD;width:100%}
div#Content{width:858px;margin:auto;margin-bottom:77px}
div#FooterWrapper{position:fixed;bottom:0px;left:0px;height:57px;width:100%}
div#Footer{position:fixed;bottom:0;height:57px;width:100%;z-index:9999}
div#FooterNavigationWrapper{height:27px;width:100%;background-color:#203052}
ul#FooterNavigation{width:858px;height:27px;margin:auto;list-style-type:none;overflow:hidden;text-align:left}
ul#FooterNavigation li{width:141px;height:18px;float:left;text-align:center;font-size:12px;color:#111111;overflow:hidden;background-color:#EBEAEC;margin:3px 1px 0px 1px;padding-top:3px;cursor:pointer}
ul#FooterNavigation li:hover{color:#FDFDFD;background-color:#8F8A91}
ul#FooterNavigation li.ActiveNavigation{background-color:#FDFDFD}
ul#FooterNavigation li.ActiveNavigation:hover{color:#203052;background-color:#FDFDFD}
div#FooterAddressWrapper{height:30px;width:100%;background-color:#3D5A97}
div#FooterAddress{position:relative;width:858px;margin:auto;padding-top:5px;font-size:14px;color:#FDFDFD;text-align:center}
/* content */
img#WelcomeImage{height:387px;width:549px}
img.PersonPicOverview{width:200px;border:0}
img.PersonPic{float:left;width:200px;border:0;margin-right:60px}
div.PersonDesc{float:left;text-align:left}
a.tel{text-decoration:none;color:inherit}
iframe#GoogleMaps{width:858px;height:400px}
/* texts */
div#HeaderTitle::before{content:"Anwaltskanzlei Strecke & Behrschmidt"}
li#HaederNav1::before{content:"Willkommen"}
li#HaederNav2 div::before{content:"Rechtsanwälte"}
li#HaederNav2-1::before{content:"Heinz Strecke"}
li#HaederNav2-2::before{content:"Claudia Behrschmidt"}
li#HaederNav2-3::before{content:"Johannes Werner"}
li#HaederNav2-4::before{content:"Philipp Schmid"}
li#HaederNav3 div::before{content:"Kanzlei"}
li#HaederNav3-1::before{content:"Kontakt"}
li#HaederNav3-2::before{content:"Ihr Weg zu uns"}
li#FooterNav1::before{content:"Claudia Behrschmidt"}
li#FooterNav2::before{content:"Johannes Werner"}
li#FooterNav3::before{content:"Kontakt"}
li#FooterNav4::before{content:"Ihr Weg zu uns"}
li#FooterNav5::before{content:"Impressum"}
li#FooterNav6::before{content:"Datenschutz"}
@media (max-width: 858px){
/* global */
p.PageTitle{font-size:19px;font-weight:normal;color:#111111}
p.PageSubTitle{font-size:14px;font-weight:normal;color:#111111}
p.MainTitle{font-size:16px;font-weight:bold;color:#3B5998}
p.SubTitleExtra{font-size:13px;font-weight:bold;color:#3B5998}
p.SubTitle,div.SubTitle{font-size:13px;font-weight:bold;color:#111111}
p.MainText,div.MainText{font-size:12px;font-weight:normal;color:#111111}
.MainText a{font-size:12px;font-weight:normal;color:#111111;text-decoration:none}
.mDnone{Display:none}
.mTAleft{text-align:left}
.mTAcenter{text-align:center}
.mMleft0{margin-left:0px}
.mMright0{margin-right:0px}
.mMbottom100{margin-bottom:100px}
.mCenterX{margin-left:50%;transform:translateX(-50%)}
.mFleft{float:left}
/* frame */
div#PageWrapper{width:auto;padding-right:10px;}
div#HeaderWrapper{min-height:60px}
div#HeaderTitleWrapper{height:auto}
div#HeaderTitle{width:100%;padding:10px;font-size:20px}
div#HeaderNavigationWrapper{height:auto}
ul#HeaderNavigation{width:100%;padding:0 5px}
ul#HeaderNavigation li.MainNav{width:32%;height:26px;font-size:14px}
ul.HeaderSubNavigation{width:32%;margin-top:10px}
ul.HeaderSubNavigation li.SubNav{width:100%;height:30px;font-size:11px}
div#Content{width:100%;padding:5px;height:100%;margin-bottom:100px}
div#FooterWrapper{height:auto;width:100%}
div#Footer{height:auto;width:100%}
div#FooterNavigationWrapper{height:auto;width:100%;padding:0 5px 3px 5px}
ul#FooterNavigation{width:100%;height:auto}
ul#FooterNavigation li{width:32%;font-size:11px}
div#FooterAddressWrapper{height:auto;width:100%;padding:0 5px 5px 5px}
div#FooterAddress{width:100%}
/* content */
img#WelcomeImage{height:100%;width:100%;padding-top:10px}
img.PersonPic{width:140px;margin-right:20px}
div.PersonDesc{width:190px}
iframe#GoogleMaps{width:100%}
}