@charset "utf-8";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;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none;}
*, *:before, *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body, html{margin:0;padding:0;background:#f4f4f4; color:#4a6171;font-size:15px;font-family: 'Lato', sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img a, img{border:none;border:0;}
a, img a{color:#00448e;text-decoration:none;background-color:transparent;}
a:hover{color:#4a6171;text-decoration:none;}
a:focus, a:visited, a:active, a:hover{outline:none;}
p{line-height:26px;font-size:15px;padding:0 0 20px 0;}
.clr{clear:both;}
.clr:before,
.clr:after{content:" ";display:table;}
.clr:after{clear:both;}
.clr{*zoom:1;}
strong{font-weight:600;}

header {min-height:530px;}
header .col50 {width:50%; float:left; height:530px;}
header .col50.colWrapText {background:#00448e;}
header .col50.colWrapText .colIntroInhalt {float:right; color:#fff; position:relative; right:0; width:auto; padding-right:110px;}
header .col50.colWrapText .colIntroInhalt .logo {margin:80px 0 58px 0;}
header .col50.colWrapText .colIntroInhalt h1 {font-size:42px; font-weight:700; letter-spacing:1.5px;}
header .col50.colWrapText .colIntroInhalt span {font-size:22px; line-height:32px;}
header .col50.colWrapText .colIntroInhalt p {font-size:16px; line-height:27px; width:420px;}
header .col50.colWrapText .colIntroInhalt .border {width:33%; height:3px; background:#bbc1c5; margin:30px 0 25px 0;}
header .col50.colIntroImage {float:right; position:relative; overflow:hidden;}

section .wrapContainer {width:1140px; margin:auto;}
section#leistungen {padding:95px 0 60px 0;}
section#leistungen .introText {text-align:center; padding:0 0 20px 0;}
section#leistungen .introText h2 {color:#00448e; font-weight:400; font-size:32px; letter-spacing:2.2px;}
section#leistungen .introText .border {width:27%; height:3px; background:#bbc1c5; margin:28px auto 23px auto;}
section#leistungen .introText p {color:#00448e; line-height:27px; font-size:16px; padding:0;}
section#leistungen .gridBoxen {}
section#leistungen .gridBoxen ul {margin:0 0 0 20px; padding:0; list-style-position:outside;}
section#leistungen .gridBoxen li {line-height:28px; text-align:left; color:#8c949a; list-style-type:square;}
section#leistungen .gridBoxen .colBox {width:48.5%; float:left; display:block; background:#fff; margin-top:3%; border-radius:5px; -webkit-box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.3); -moz-box-shadow:0px 0px 9px 0px rgba(204,204,204,0.3); box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.3);}
section#leistungen .gridBoxen .colBox.colMarginRight {margin-right:3%;}
section#leistungen .gridBoxen .colBox .textLeistungen {padding:35px 60px;}
section#leistungen .gridBoxen .colBox .textLeistungen h3 {color:#00448e; font-size:24px; font-weight:400; letter-spacing:1.3px; display:block; padding:0 0 20px 0;}
section#leistungen .gridBoxen .colBox .textLeistungen .border {width:100px; height:3px; background:#bbc1c5; margin:20px 0 15px 0;}
section#leistungen .gridBoxen .colBox .textLeistungen p {color:#8c949a; font-size:16px; line-height:23px;}
section#leistungen .gridBoxen .colBoxFull {width:100%; background:#5a6a76; padding:40px 0; text-align:center; color:#fff; border-radius:5px; -webkit-box-shadow: 0px 0px 9px 0px rgba(90,106,118,0.5); -moz-box-shadow: 0px 0px 9px 0px rgba(90,106,118,0.5); box-shadow: 0px 0px 9px 0px rgba(90,106,118,0.5);}
section#leistungen .gridBoxen .colBoxFull p.colTitle {font-size:24px; padding:0 130px 25px 130px; line-height:27px;}
section#leistungen .gridBoxen .colBoxFull p.colSublineText {font-size:16px; width:55%; margin:auto; padding:0;}

section#steuerkanzlei {padding:60px 0; background:#fff;}
section#steuerkanzlei .col50 {width:100%; text-align:left;}
section#steuerkanzlei .col50 h4 {color:#00448e; font-weight:400; font-size:32px; letter-spacing:1.7px; line-height:120%; text-align:center;}
section#steuerkanzlei .col50 .border {width:27%; height:3px; background:#bbc1c5; margin:28px auto 23px auto;}
section#steuerkanzlei .col50 p {color:#8c949a; font-size:16px; line-height:27px;}
section#steuerkanzlei .col50 img {float:right; margin:0 0 0 40px; border-radius:5px; width:30%; height:auto;}

section#kontakt {padding:60px 0; background:#c1c7ce;}
section#kontakt .col65 {float:left; width:58.5%; text-align:left;}
section#kontakt .col65 .iconChecked {background:url(../media/sprite.png); width:77px; height:70px; display:inline-block; vertical-align:middle;}
section#kontakt .col65 p {font-size:26px; line-height:42px; font-weight:300; color:#3b4551; display:inline-block; vertical-align:middle; padding-top:10px; margin-left:30px;}

.btn {
	padding:0;
	margin: 40px 0 0 0;
	background:#00448e;
	border-radius:5px;
	float:right;
	color:#fff;
	-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
	-webkit-box-shadow: 0px 0px 9px 0px rgba(90,106,118,0.5); -moz-box-shadow: 0px 0px 9px 0px rgba(90,106,118,0.5); box-shadow: 0px 0px 9px 0px rgba(90,106,118,0.5);
}

.btn .wrapIcon {background:#fff; display:inline-block; padding:20px 30px;border-bottom-left-radius:5px; border-top-left-radius:5px; vertical-align:top;
-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn .iconPlus {border-radius:60px; width:30px; height:30px; background:#00448e; color:#fff; text-align:center; font-weight:700; font-size:23px; line-height:28px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.btn .btnText {display:inline-block; padding:8px 40px 0 40px; text-align:center; font-size:22px; letter-spacing:1.3px; }
.btn .btnText .btnSubline {display:block; font-size:12px; line-height:24px; color:#5a85b4;}
.btn:hover {background:#5a6a76; color:#fff;}
.btn:hover .wrapIcon {background:#00448e;}
.btn:hover .wrapIcon .iconPlus {background:#fff; color:#5a85b4;}
.btn:hover .btnSubline {color:#fff;}

footer {background:#abb0b6; padding:14px 0; text-align:center; font-size:12px;}
footer a {color:#4a6171;}
footer a:hover {color:#00448e;}

@media (max-width:1300px) {
header .col50.colWrapText .colIntroInhalt {padding-right:60px; padding-left:60px;}
}

@media (max-width:1200px) {
section .wrapContainer {width:96%;}
}

@media (max-width:1140px) {
header {min-height:auto; position:relative; overflow:hidden;}
header .col50 {width:65%;}
header .col50.colIntroImage {width:35%;}
header .col50.colWrapText .colIntroInhalt {float:left; color:#fff; position:relative; right:0; width:auto; padding-right:20px;}

section#kontakt .col65 {width:auto;}
section#kontakt .col65 p {font-size:21px; line-height:36px; padding-top:13px; }
.btn {margin:28px 0 0 0;}
}

@media (max-width:1024px) {
section#kontakt .col65 {margin:auto; float:none;  text-align:center;}
section#kontakt .col65 .iconChecked {display:block; vertical-align:middle; text-align:center; margin:auto;}
section#kontakt .col65 p {margin:auto;}
.btn {float:none; width:50%; margin:auto; display:block;}
}

@media (max-width:960px) {
section#kontakt .col65 {width:100%; text-align:center;}
section#kontakt .col65 .iconChecked {margin:auto;}
section#kontakt .col65 p {margin:auto;}
.btn {float:none; margin:0 auto 0 auto; width:100%; text-align:center; padding:10px 0 25px 0;}
.btn .wrapIcon {display:none;}

@media (max-width:900px) {
header .col50, header .col50.colIntroImage {width:100%;}
section#leistungen {padding:60px 0;}

section#leistungen .introText h2 {font-size:28px;}
section#steuerkanzlei .col50 h4 {font-size:28px;}
section#leistungen .gridBoxen .colBoxFull p.colTitle {padding:0 5% 25px 5%; line-height:34px;}
section#leistungen .gridBoxen .colBoxFull p.colSublineText {font-size:16px; width:75%; margin:auto; padding:0;}
section#steuerkanzlei {padding:30px 0; }
section#steuerkanzlei .col50 {width:100%; text-align:left;}
section#steuerkanzlei .col50Right {float:left; width:100%; }
.mobileNo {display:none;}
section#leistungen .gridBoxen .colBox .textLeistungen {padding:20px;}
}

@media (max-width:768px) {
section#steuerkanzlei .col50 {text-align:center;}
section#steuerkanzlei .col50 img {float:none; display:block; margin:0 auto 20px auto; width:50%;}
section#steuerkanzlei .col50 .border {margin:28px auto;}
}

@media (max-width:640px) {
header .col50 {height:auto;}
header .col50.colIntroImage {height:200px;}
header .col50.colIntroImage img {width:100%; height:auto;}
header .col50.colWrapText .colIntroInhalt {width:100; padding:25px; text-align:center;}
header .col50.colWrapText .colIntroInhalt .logo {margin:40px 0;}
header .col50.colWrapText .colIntroInhalt .border {background:#fff; margin:30px auto 25px auto;}
header .col50.colWrapText .colIntroInhalt h1 {font-size:24px; line-height:120%;}
section#leistungen .introText h2 {font-size:24px; line-height:120%; letter-spacing:1.5px;}
section#leistungen .gridBoxen .colBox .textLeistungen h3 {font-size:19px; padding:0 0 17px 0;}
section#steuerkanzlei .col50 h4 {font-size:24px; letter-spacing:1.5px;}
section#leistungen .introText p {font-size:16px;}
header .col50.colWrapText .colIntroInhalt span {font-size:19px;}
header .col50.colWrapText .colIntroInhalt p {width:100%;}
section#leistungen .gridBoxen .colBox {width:100%;}
section#leistungen .gridBoxen .colBox.colMarginRight {margin-right:0;}
section#steuerkanzlei .col50 img {width:90%;}
}

@media (max-width:520px) {
header .col50.colWrapText .colIntroInhalt h1 {font-size:180%;}
header .col50.colWrapText .colIntroInhalt span {font-size:100%;}
header .col50.colWrapText .colIntroInhalt p {font-size:95%;}
section#kontakt .col65 p {font-size:110%; line-height:36px;}
}
