html,button,input,select,textarea{font-family:'Nunito Sans',sans-serif;color: #000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{font-size:1em;line-height:1.4;margin:0;background:#fff}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc}
img{vertical-align:middle}
fieldset{border:0}
textarea{resize:vertical}
input[type=submit] {outline: none}
h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}

a,a:link,a:visited{color:#F39600;text-decoration:none}
a:hover{color:#000}
p{font-size:17px;line-height:24px}

/* ==========================================================================
   layout */


html{
  background:#fff;
  scroll-behavior: smooth;
  font-weight: 300;
}

.wrapper{
  background:#fff;
}

.page{
  background:#fff;
  max-width:1100px;
  margin:0 auto;
  box-shadow:0 0 10px rgba(0,0,0,.15);
}

img{
  width:100%;
}


h2{
  font-size:35px;
  font-weight: 500;
  color:#F39600;
}

h3{
  font-size:23px;
  font-weight: 500;
  color:rgba(243,150,0,.57);
  padding-bottom:10px;
}

p {
  font-size:14px;
  color:#171717;
  line-height: 26px;
}

b {
	font-weight: 500;
}

a {
	transition: 0.3s;
}




/*header*/

.header{
  box-shadow:0 10px 15px -15px rgba(0,0,0,.25);
  padding-right:25px;
  position:relative;
}

.logo{
  width:240px;
  /*float:left;*/
}



.navs{
	/*float:right;*/
}

.sub-nav,
.haupt-nav {
	position:absolute;
	right: 35px;
}


.sub-nav{
	top: 0;
  /*float:right;*/
  margin-top:22px;
}

.sub-nav li{
  font-size:12px;
  list-style:none;
  float:left;
}
.sub-nav li:first-child{
  padding-right:30px;
}
.sub-nav li a{
  color:rgba(0,0,0,.4);
}

.sub-nav li a:hover{
	color:#171717;
}

.haupt-nav{
	bottom: 25px;
  	margin-left:30%;
}

.haupt-nav li{
  font-size:14px;
  text-transform:uppercase;
  font-weight:600;
  list-style:none;
  float:left;
  padding-right:50px;
}
.haupt-nav li a{
  color:#F39600;
}

.haupt-nav li a:hover{
	/*color:#171717;
	color:rgba(23,23,23,.5);*/
  opacity:.5;
}

@media (max-width: 768px){
	.haupt-nav {
		margin-left: 0;
	}
	.haupt-nav li {
		float: none;
		display: block;
		text-align: right;
		padding-right: 0;
	}
}

@media (max-width: 460px){
	.haupt-nav {
		display: none;
	}
	.sub-nav {
		display: none;
	}
}








/*firsttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt*/



.intro {
  padding:50px 50px 50px 35px;
}

.intro h2:nth-child(2){
  padding-left:12%;
}

.intro p{
  padding-left:10px;
}




@media (max-width: 580px){
	.intro h2:nth-child(2){
  	padding-left:0%;
	}
	.intro p{
	  padding-left:0px;
	}
}








.rechtsgebiete{
  padding:0px 100px 30px 35px;
}

.liste{
  margin-top:15px;
  list-style:none;
}
.liste li{
  font-size:14px;
  color:#171717;
  font-weight:300;
  line-height:32px;
  padding-left:20px;
  /*position:relative;*/
}

.liste li:before{
  display:block;
  content:"";
  width:4px;
  height:4px;
  border-radius: 2px;
  background:rgba(23,23,23,.7);
  float:left;
  margin-left:-10px;
  margin-top:15px;
  /*margin-right:10px;*/
  /*position:absolute;
  left:5px;
  top:50%;*/
  transform:translateY(-50%);
}

.familie {
  margin-right: 4%;
}


.box{
  width: 48%;
  /*float:left;*/
  padding:10px 10px 10px 10px;
  background:rgba(243,150,0,.02);


    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

@media (max-width: 768px){
	.flex-container {
		display: block;
	}
	.box{
	  width: 100%;
	  /*margin-bottom: 35px;*/
	}
	.familie{
		margin-bottom: 35px;
	}
	.rechtsgebiete{
		padding-right:35px;
	}
}






/*bio*/


.bio{
	padding:50px 60px 40px 60px;
	background:rgba(206,204,204,.08);
}

.über-mich h3{
	padding-bottom:0px;
	margin-bottom:-5px;
	margin-top:35px;
}

.foto{
	/*background:url("../images/logo.png") no-repeat;*/
	/*background-size:34.5% 450px;*/
	background: grey;
	width:34.5%;
	margin-right:4%;
	/*height:450px;*/
	float:left;
}


.über-mich{
	width:61.5%;
	float:left;
}



@media (max-width: 580px){
	.foto{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	.über-mich{
		float:none;
		width:100%;
	}
	.bio{
		padding:40px 35px 40px 35px;
	}
}







/*footer*/


.list{
  margin-top:15px;
  list-style:none;
  margin-bottom:20px;
  width:28%;
  /*outline:1px solid lime;*/
}

.flex-item:nth-child(1){
	width:21%;
  /*outline:1px solid lime;*/
}

.flex-item:nth-child(2){
	width:22%;
}

.flex-item:nth-child(3){
	width:29%;
}

.list li{
  font-size:14px;
  color:#171717;
  font-weight:300;
  line-height:34px;
  padding-left:20px;
  position:relative;
}

.footer a {
	color:#171717;
}
.footer a:hover {
	color: #F39600;
}

.kontakt h2{
  padding-left:15px;
}


.footer{
  box-shadow:0 -10px 15px -15px rgba(0,0,0,.15);
  z-index:9999;
  position: relative;
  padding: 20px 35px;
  min-height:180px;
}



/*.colors{
	width:21px;
	height:100%;
}*/

/*.colors2{
	width:21px;
	height:100%;
}*/

.color {
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 100%;
	/*outline: 1px solid lime;*/
	background: url(../images/colors.png);
}




.flex-item{


	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}


.kontakt{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer-sub-nav {
	display: none;
}


@media (max-width: 768px){
	.kontakt{
		display:block;
	}
	.flex-item{
		width:100% !important;
	}
}



@media (max-width: 460px){

	.footer-sub-nav {
		display: block;
	}
}








/*impressum */

.impressum {
	padding:50px 80px 50px 35px;
}

.list-impressum {
  	padding-bottom:0px;
  	margin-bottom:-15px;
}


.impressum h3 {
  color:rgba(243,150,0,1);
	margin-top:20px;
  	padding-bottom:5px;
  	font-size:20px;
}

.impressum h4{
	margin-top:10px;
  	color: #171717;
  	font-size:16px;
  	font-weight:400;
}

.datenschutz .liste{
  margin-top:0;
  margin-bottom:10px;
}

.impressum a,.impressum a:link,.impressum a:visited{font-weight:bold}

@media (max-width: 768px){
	.impressum{
		padding:50px 35px 50px 35px;
	}
}




@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}

/* ==========================================================================
   plugins */

/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-sans-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans Light'), local('NunitoSans-Light'),
       url('../fonts/nunito-sans-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v3-latin-300.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'),
       url('../fonts/nunito-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v3-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-sans-v3-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'),
       url('../fonts/nunito-sans-v3-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v3-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v3-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v3-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v3-latin-600.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* ========================================================================== */

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ==========================================================================
   print styles */

@media print {
    *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    a[href^="javascript:"]:after,a[href^="#"]:after {content:""}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100% !important}
    @page{margin:0.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}