@font-face {
    font-family: 'crimson_textroman';
    src: url('../fonts/crimsontext-roman-webfont.eot');
    src: url('../fonts/crimsontext-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/crimsontext-roman-webfont.woff2') format('woff2'),
         url('../fonts/crimsontext-roman-webfont.woff') format('woff'),
         url('../fonts/crimsontext-roman-webfont.ttf') format('truetype'),
         url('../fonts/crimsontext-roman-webfont.svg#crimson_textroman') format('svg');
    font-weight: normal;
    font-style: normal;

}  
  
   @font-face {
    font-family: 'source_sans_proextralight';
    src: url('../fonts/sourcesanspro-extralight-webfont.eot');
    src: url('../fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-extralight-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight';
    src: url(../fonts/'sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


.headerstart {
	
		background:url("../img/person/startseite.jpg") no-repeat;
		background-size: 64%; 
	
}

.headerleistungen_1 {
	background-size: 64%;
	background-image: url(../img/person/leistungen_est.jpg);
	background-repeat: no-repeat;
	
}

.headerleistungen_2 {
	background-size: 64%;
	background-image: url(../img/person/leistungen_lohn.jpg);
	background-repeat: no-repeat;
	
}

.headerleistungen_3 {
	background-size: 64%;
	background-image: url(../img/person/leistungen_nachfolge.jpg);
	background-repeat: no-repeat;
	
}

.headerleistungen_4 {
	background-size: 64%;
	background-image: url(../img/person/leistungen_est_2.jpg);
	background-repeat: no-repeat;
	
}

.social {
	
	position:relative;
	right:0px;
	top:10px;
	margin-bottom:20px;
		
}

.social_mobile {
	
	position:absolute;
	right:100px;
	top:30px;
	display:none;		
}

.rightside_480 {display:none;}

.social img {height:30px;margin-left:8px;}
.social_mobile img {height:50px;margin-left:10px;}

.h195 {
	
		height:145px;
	
}

.m-start {
	
		margin-top:95px;
	
}

.grey_block {

	background-color:#888;
	color:#fff;	
	
}

.green_block {
	background-color: #88ba14;
	color: #fff;
	
}

.green_block h2{

	color:#fff!important;
	
}

span.green{
	color: #709911;
	text-decoration: none;
	
}

.grey_block h2, .grey_block a:hover {
	color: #88ba14;
	text-decoration: none;
	
}

.grey_block a {

	color:#fff;	
	
}

#service_nav {
	
	/*height:75px;*/
	margin-top:10px;
	
}

.mainnav a {
	
		font-family:"crimson_textroman", Georgia, "Times New Roman", Times, serif;
		font-size:21px;
		letter-spacing: 2px;
	
}

.mainnav a:hover {
	
		text-decoration:none;
	
}

.left {
	
		float:left;
	
}

.both {
	
		clear:both;
	
}

.w70 {
	
		width:70px;
	
}

.wfull {
	
		width:100%;

}

.open {
	
		padding:10px 20px 5px;
		border-top:solid #fff 20pt;
	
}

.res_hide {
	
		display:none;
	
}

.res_show {
	
		display:block;
	
}

.content{ 
	
		float:left;
		width:97%;
		margin-left:20px;
		text-align:justify;
	
}

.content_full{ 
	
		float:left;
		width:95%;
		margin-left:20px;
		text-align:justify;
	
}

.schmuck {
	
		width:16px;
		height:96px;
		background-image:url(../img/schmuck.png);
		float:left;
		margin:25px 0 0 -15px;
	
}

.schmuck_full {
	
		width:16px;
		height:96px;
		background-image:url(../img/schmuck.png);
		float:left;
		margin:25px 0 0 0;
	
}

.mleft_15 {
	
		margin-left:-15px;
	
}

.block_wrapper{
	
		margin-top:20px;
		background-color:#87b81f;; 
		padding:0;
	
}

.left_block {
	
		width:50%;
		
	
}

.left_block {
	
		width:48%;

	
}

.lh_lei {
	
		line-height:26pt;
	
}

ul {
	
		padding-left:15px;
		list-style-image:url(../img/bullet.png);
	
}

.team img {
	
		position:relative;
	
}

.teamtext {
		
	position:absolute;
	top:20px;
	left:40px;
	color:#fff;
	line-height:14pt;
	font-size:14px;
		
}

.teamtext_right {
	
	position:absolute;
	top:20px;
	right:40px;
	color:#fff;
	line-height:14pt;
	font-size:14px;
	text-align:right;
	
}

.teamtext h2, .teamtext_right h2 {
		
	font-size:16px;
	margin:2px 0 0 0;
	padding:0;
	color:#fff;
		
}

.teamtext span, .teamtext a, .teamtext_right span, .teamtext_right a {
		
	font-family:"crimson_textroman", Georgia, "Times New Roman", Times, serif;
	color:#fff;
		
}

.teamtext span.point {
		
	color:#fff;
	width:5px;
		
}

.borderline {
	
	border:1px solid #585858;
	
}

.feld2 {

		background-color:#fefefe; 
		width: 100%; 
		border:1px solid #585858; 
		height: 150px;
		
		}

.feld {

		background-color:#fefefe; 
		width: 100%;
		border:1px solid #585858;
		
		}
		
.submit {

		background-color:#87b81f;
		color:#ffffff;
		border-width:0px;

}

.w150 {

		width:150px;
	
}

.w100 {

		width:105px;
	
}

.top10 {
	
		margin-top:10px;
	
}

.top5 {
	
		margin-top:5px!important;
	
}

.teamtop {
	
		margin-top:0px!important;
	
}
	
.mainnav {position:absolute; width:890px;}
	

@media (max-width: 991px) {
	
	.mainnav {position:inherit;width:auto!important;}
	
	.rightside {right:10px!important;}
	
	.rightborder {
		
		border-right:solid #ffffff 20px;
		
	}
	
	.headerstart, .headerleistungen_1, .headerleistungen_2, .headerleistungen_3, .headerleistungen_4 {
	
		background:none;
	
}

	.res_hide {
		
		display:inline!important;
		
	}
	
	.res_show {
	
		display:none;
	
}

	.container {
		
		width:auto;
		
	}
	
	.schmuck {
		
		margin-left:0;
		
	}
	
	.content {
	width: 85%;
	text-align: justify;
		
	}
	
	.content_full {
		
		width:82%;
		
	}
	
	.teamtop {
	
	margin-top:30px!important;
		
	}
	
	.teamtext {
		
	
	top:10%;
	left:15%;
	font-size:16px;
	line-height:16pt;
	
		
}

.teamtext_right {	
	
	top:10%;
	right:15%;	
	font-size:16px;
	line-height:16pt;
	
}

.teamtext h2, .teamtext_right h2 {
		
	font-size:22px;
		
}
	

	
}

@media (max-width: 767px) {
	
	.social {display:none;}
	.social_mobile {display:block;}
	.rightside {/*margin-right:17px;*/width:auto!important;position:inherit!important;}
	#navbar {text-align:left!important;}
		



.grey_block h2, .green_block h2, h2 {

	font-size:16px!important;	
	
}

.navbar-collapse {
	
	background-color:#585858;
	height:auto;
	margin-left:0!important;
	margin-right:0!important;
	margin-top:11px;
	height:auto!important;

}

.navbar-header {
	
	margin-left:0!important;
	
}

#service_nav {
	
	height:25px;
	
}

#service_nav a, .mainnav a {
	
		color:#fff;
	
}

.mainnav {
	
	padding-bottom:20px;
	
}

#navbar {
	
	color:#fff;
	
}

#navbar a:hover {
	
	color:#87b81f;
	
}



.rightborder {
		
		border-right:0;
		border-bottom:solid #ffffff 20px;
		
	}
	
	
	
}

@media (max-width: 500px) {
	
	.rightside_480 {display:block;line-height:30px;}
	.rightside {display:none;}
	
	.container > .navbar-collapse {height:200px!important;}
	
	.navbar-header img {
		
		width:150px!important;
		height:auto!important;		
	
	}
	
	.social_mobile {
		
		right:35px!important;
		top:70px!important;
		
		}
		
	.social_mobile img {		
		height:45px!important;	
		width:auto!important;		
		}
		

	
.teamtext {
		
	
	font-size:10px;
	line-height:11px;
	left:18%;
	
		
}

.teamtext_right {	
	
	font-size:10px;
	line-height:11px;
	right:18%;	
	
}

.teamtext h2, .teamtext_right h2 {
		
	font-size:12px;
		
}

.width_small {
	
	max-width:120px;
	
}
	
}

.navbar-inverse {

	height:125px!important;

}

.container > .navbar-collapse {

	height:145px!important;

}

/* 10052021 Navfunktion */

.mainnav nav, .subtrenner {
   float:left;
}

.subtrenner_r {
   float:right;
}

.mainnav nav ul {
   padding-left:0;
}

.mainnav nav li {
   display: inline-block;
   list-style-type: none;
   position: relative;
}

.mainnav nav li ul {
   display: none;
   position: absolute;
   width: 100px;
   left: 0;
   top: 100%;
   margin: 0;
   padding: 0;
}

.mainnav nav li:hover > ul {
   display: block;
}

.mainnav nav a {
   /*padding: 5px 10px;
   color: #fff;
   text-align: center;
   background: #000;
   height: 20px;*/
   display: block;
}

ul.sub li {

	width:300px;
	text-align:left;

	

}

ul.sub li a {
   padding: 5px 15px;
   color: #fff;
   background: #9f286c!important;
   display: block;
}

ul.sub li a:hover {
   background: #86bd24!important;
}

.rightside {right:0px;position:absolute;width:505px;}

@media (max-width: 767px) {
	
	ul.sub li {
	width:auto; display:table-cell;
	}
	ul.sub li:nth-child(3) {
	display:inherit;float:left;
	}	
	ul.sub li:nth-child(4) {
	display:flex;
	}

	ul.sub li a {
  	padding: 0 20px 0 0;
  	color: #fff;
  	background:transparent!important;
	display:table-cell;
}

	ul.sub li a:hover {
   	background: transparent!important;
}
	.trenner {top:7px; position:relative;width:23px;float:left;}
	
	.mainnav a {letter-spacing:0;}
	
	.rightside nav, .rightside_480 nav {height:25px;}
	
	.subtrenner {height:25px;}
	
	
}

@media (max-width: 500px) {
	
	.container > .navbar-collapse {height:220px!important;}
	
	.mainnav nav li ul {left:100px; top:0px;}
	
	.mainnav nav li ul li {display:block!important;}
	
	.mainnav nav li a {width:120px!important;}
	
	ul.sub li:nth-child(4) {display:table-cell!important;}
	
	.rightside_480 a {font-size:19px!important;}
	
}