

.hoerer-1{
	z-index: -1;
  	position: relative;
  	margin-top: -700px;
}
.hoerer-1-text{margin-top: 0px;}
.nummer-1{margin-top:-200px;}


.hoerer-2{
	z-index: -1;
  	position: relative;
  	margin-top: -550px;
}
.hoerer-2-text{margin-top: 350px;}
.nummer-2{margin-top:-200px;}


.hoerer-3{
	z-index: -1;
  	position: relative;
  	margin-top: -400px;
}
.hoerer-3-text{margin-top: 500px;}
.nummer-3{margin-top:-200px;}


.hoerer-4{
	z-index: -1;
  	position: relative;
  	margin-top: -250px;
}
.hoerer-4-text{margin-top: 650px;}
.nummer-4{margin-top:-200px;}


.preis p{
	color: #ffffff;
	font-size: 30px;
	line-height: 37px;
}

@media(max-width: 1130px){
	.hoerer-1{margin-top: -600px;}
	.hoerer-2{margin-top: -450px;}
	.hoerer-3{margin-top: -300px;}
	.hoerer-4{margin-top: -150px;}

}

@media(max-width: 992px){
	.hoerer-1{margin-top: -500px;}
	.hoerer-2{margin-top: -350px;}
	.hoerer-3{margin-top: -200px;}
	.hoerer-4{margin-top: -100px;}

}


@media(max-width: 767px){
	.hoerer-1, .hoerer-2, .hoerer-3, .hoerer-4{margin-top: -1400px;}
	.hoerer-1-text, .hoerer-2-text, .hoerer-3-text, .hoerer-4-text{
		margin-top: -170px;
		width:50%
	}

	.klein-anzeige{
		width: 50%;
  		margin-left: 50%; 
	}
}


@media(max-width: 575px){
	.hoerer-1, .hoerer-2, .hoerer-3, .hoerer-4{
		margin-top: -1200px;
		z-index:-1;
		opacity:0.8;
	}
	.hoerer-1-text, .hoerer-2-text, .hoerer-3-text, .hoerer-4-text{
		margin-top: -92px;
		z-index: 3;
		position: relative;
	}
}

.lSSlideOuter .lightSlider{height:150px!important;}

i.gelb{color:#e4c498; text-decoration:none;}


.no-setcard{display:block;width:140px;}
.only-setcard{display:none;}

.set-card{width:50%!important;}

.set-card hr{margin-top:1px;margin-bottom:1px;}

.set-card p{font-size:9px;color:#333;line-height:11px;}

.preis{
    background: #58286e;
    text-align: center;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    padding-top: 30px;
    margin-left: 30px;

}

.preistabelle{display:none;}

@media(max-width: 640px){
	.no-setcard{display:none;}
	.only-setcard{
		display: block;
		margin-top: -25px !important;
		margin-left: 62%;
		z-index: 14;
		position: relative;
	}	
	.preistabelle{display:block;}

}


.lightbox { display: none; }
				
#hoerer{height:600px;}

.unten-1{
	line-height:22px;
	padding-top:15em;
}
.unten-2{
	line-height:22px;
	padding-top:20em;
}
.unten-3{
	line-height:22px;
	padding-top:25em;
}
.unten-4{
	line-height:22px;
	padding-top:30em;
}

.unten{
	display: table-cell;
	line-height:22px;
}

.nummer{
	font-size: 10em;
	color: #d1d1d1;
	padding-left:0em;
	font-style: normal;
	font-weight: 600;
	position: absolute;
	text-align:center;
}


#hoerer-1 {
	background: url("../images/hoerer-1.jpg");
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto auto;
    background-repeat: no-repeat;
    background-position-y: -42em;
    background-size: cover;
}

#hoerer-2 {
	background: url("../images/hoerer-2.jpg");
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto auto;
    background-repeat: no-repeat;
    background-position-y: -37em;
    background-size: cover;
}

#hoerer-3 {
	background: url("../images/hoerer-3.jpg");
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto auto;
    background-repeat: no-repeat;
    background-position-y: -32em;
    background-size: cover;;
}

#hoerer-4 {
	background: url("../images/hoerer-4.jpg");
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto auto;
    background-repeat: no-repeat;
    background-position-y: -27em;
    background-size: cover;
}



#hoerer-1 img{
	margin-top: -15em;
	float: right;
	width: 70%;
}
#hoerer-2 img{
	margin-top: -10em;
	float: right;
	width: 70%;
}
#hoerer-3 img{
	margin-top: -5em;
	float: right;
	width: 70%;
}
#hoerer-4 img{
	margin-top: -0em;
	float: right;
	width: 70%;
}


#in-ear-banner{
	background: url("../images/in-ear.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-size: cover;
	height:500px;
	margin-top:100px;
}









.collapse.no-transition,
.collapse.no-transition.collapsing {
    transition: none !important;
}

.HotSpotWrapper {
	display: block;
	position: relative;
	overflow: visible;
}
.HotSpotWrapper .HotSpot {
	position: absolute;
	display: block;
	overflow: visible;
}
.bullet {
	width: 40px;
	height: 40px;
	background-color: #58296E;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-radius: 50%;
}
.bullet::after{
	content: '+';
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	top: -16px;
	position: absolute;
	padding-left: 4px;
}

.bullet-text-rechts{
	margin-left:30px;
}

.bullet-text-links{
	margin-left: -225px;
	text-align: right;
	margin-top: 8px;
}

.HotSpot p {
	position: absolute; 
	top: -50px;
	left: 0px;
	text-align: center;
	color: #ffffff;
	border-color: #fff;
	border-width: 1px;
	border-style: solid;
	width: 150px;
	padding: 5px;
	margin: auto;
	font-size:.8em;
	border-radius: 10px;
	opacity: 0;
	transform: scale(0.0);
	z-index: 99999;
	transition: all 0.2s linear;
    margin-left:-50px;
}
.HotSpot:hover p {
	opacity: 1.0;
	transform: scale(1.0);
}
.HotSpot a {
	text-decoration: none;
	color: #006600;
	font-size:1.0em;
	background-color: #fff;
	padding: 2px 6px;
	border: 1px solid #fff;
	border-radius: 3px;
}

.HotSpot span {
  color: #000;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
  width: 200px;
  display: inline-block;
  padding: 5px;
  left: 20px;
  position: absolute;
  top: -3px;
}

.project-thumb{
	padding:15px;
}

/* allgemein */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom:1.5rem;
}

h1 .h1 {font-size: 3.0rem;}
h2, .h2 {font-size: 2.5rem;}
h3, .h3 {font-size: 2.0rem;}
h4, .h4 {font-size: 1.5rem;font-weight:300;}
h5, .h5 {font-size: 1.3rem;font-weight:300;}


p, td, li{
	color:#000;
	font-size: 19px;
  	line-height: 27px;
}

img{border-radius:10px;}

.no-border{border-radius:0px;}

.hg-zart{
	background:#e6e6e6;
}


.nav-tabs .nav-link.active  {
  color: #fff;
  background-color: #58296E;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-link:hover  {
  color: #fff;
  background-color: #ed92ff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.filmheader{height:45px;}
.video-block{height:500px;}

@media(max-width: 1200px){
	.filmheader{margin-top:30px;}
    .video-block{height:400px;}
}
@media(max-width: 991px){
	.filmheader{height:60px;}
	.video-block{height:320px;}
}
@media(max-width: 769px){
	.filmheader{height:30px;}
	.video-block{height:auto;}
}

/* NLB */

.im-betrieb{
padding: 10px;
border: 2px dotted #58296E;
width: 100%;
border-radius: 10px;
width: 150px;
text-align: center;
}
.in-kanzlei {
	padding: 10px;
	border: 2px dotted #58296E;
	width: 100%;
	border-radius: 10px;
	width: 200px;
	text-align: center;
}

.aussen1{
	padding:20px;
	border: 2px dotted #58296E;
	border-radius:15px;
	background: #ececec;
}
.aussen2 {
	padding: 20px;
	background: #ececec;
	border-radius:15px;
 border: 1px solid #dfdfdf;
}
.innen1 {
	padding: 20px;
}
.innen2 {
	padding: 20px;
	border: 2px dotted #58296E;
	border-radius: 10px;
}

#nlb p{font-size:14;}
#nlb i{font-weight:500;color:#58296E;}
#nlb li::before, #nlb-vorteile li::before {
	content: "•";
	color: #58296E;
	display: inline-block;
	width: 1em;
	margin-left: -18px;
}

.nlb-vorteile li {
	font-size: 1.0em !important;
 line-height: 1.4 !important;
}

#nlb li{
	font-size:13px;
	line-height: 15px;
}
#nlb .aussen1{min-height:350px;}


.sl4{margin-top:200px;}
.sl2{margin-top:200px;}

@media (max-width: 991px) {
	#nlb h3 {		font-size: 22px;	}
	#nlb .aussen1, #nlb .aussen2{min-height:38px!important;}
	.sl4{display:none;}
	.sl2{display:none;}
}
@media (max-width: 769px) {
	#nlb h3 {
		font-size: 1.8em;
	}
}
@media (max-width: 450px) {
	#nlb h3 {
		font-size: 1.3em;
		font-weight:700;
	}
}
 
/* -------------- */

.menu-btn{display:block;}
.menu-btn li a:before {display:none;}
.menu-btn a {
	width: 100%;
	font-size: 14px!important;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 1.62px;
	text-transform: uppercase;
}
.menu-btn a:hover {color:#fff!important;background:#58296E;}
.menu-btn li {border-bottom:1px solid #fff;}

/* Finanzbuchhaltung */
.context li:before {
	content: "•";
	color: #58296E;
	display: inline-block;
	width: 1em;
	margin-left:-18px;
}

/* Filialen */


.filialen .portfolio-item{
	border-radius:10px;
	border:2px solid #512b6a;
}

/* SLIDER */

#slider h2{
	color:#58296E!important;
	font-size:1.7em;
	line-height: 1.1em !important;
}
#slider a{color:#fff;}
#slider a:hover{color:#58296E;}

#slider{background:#58296E;}

#slider .carousel-caption {
	position: absolute;
	top: 20%;
	/*left: 0px;*/
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: left;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	width: 50px;
	height: 50px;
}
.carousel-control-next-icon {
	background-image: url('../images/pfeilr.png');
	height: 100px;
}
.carousel-control-prev-icon{
background-image: url('../images/pfeill.png');
height: 100px;
}
.sl-textblock{
	max-width:1200px;
}
.rechts{
	margin-left:auto;
	margin-right:auto;
	left:50%;
}
.links {
	width: 30%;
	text-align:left;
}

.msg-r{
	padding:15px;
	border-radius:10px;
	background: rgba(0, 0, 0, 0.7);
	animation-fill-mode: forwards;
}
.wow {opacity: 0; }


@media (max-width: 1200px) {
	#slider h2 {font-size: 1.7em;}
}
@media (max-width: 991px) {
	#slider h2 {font-size: 1.6em;}
}

@media (max-width: 769px) {
	#slider h2 {font-size: 1.2em;}
	#slider .carousel-caption {top: 0px;}
	.msg-r {max-width: 110% !important;}
	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		width: 30px;
		height: 50px;
	}
}

@media (max-width: 500px) {
	#slider h2 {font-size: 0.9em;color:#fff!important;}
}

@media (max-width: 450px) {
	#slider h2 {font-size: 0.7em;}
	#slider p {font-size: 11px;}
	#slider .carousel-caption {top: -10px;}
}

/* STARTSYMBOLE */

.start-symbole{margin-top:-100px;}

@media (max-width: 991px) {
	.start-symbole {
		margin-bottom: 0px;
	}
}


.slicknav_arrow .svg-inline--fa {
	margin-top: 7px;
}

#contentwrapper{
	box-shadow: 0 0 4px 4px rgb(197, 197, 197);
	margin-left: auto;
	margin-right: auto;
}
.header-area, .inside{
		background:#fff;
	}

.schatten-unten {
	box-shadow: 0px 15px 15px -15px #111;
}


/* index */

header img{border-radius:0px!important;}

.hoergeraet{
	max-width: 250px;
	margin: auto;
	display: inherit;
}

#ohren img{
	margin:auto;
	display: inherit;
	box-shadow: -7px -7px 0px #58296E;
}

.portfolio-metro-top {padding: 40% 20%;}

.flip-content h4{color:#58296E!important;}
#tabs1 h3{font-weight:300;}


@media (max-width: 1200px) {
	.pricing-item{min-height:240px!important;}
}

@media (max-width: 991px) {
	#tabs1 h3{font-weight:300;font-size:1.3em}
	#tabs1 .btn-bordered{padding:20px 20px;}
}

@media (max-width: 769px) {
	#tabs1 h3 {
		font-weight: 300;
		font-size: 1.0em
	}
	#ueberblick hr{margin:3px 0px;}
}

@media (max-width: 575px) {
	#tabs1 .fa-1x{font-size:3em;}
	#tabs1 h3{font-size:130%;font-weight:300;}
	.pricing-item{margin: 20px 20%;}
}

/* scrollicon */
.scroll-icon {
	bottom: 80px;
	display: inline-block;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 999;
	bottom: -100%;
}

.scroll-icon a {
	border: 2px solid #fff;
	border-radius: 50px;
	color: #fff;
	font-size: 25px;
	padding: 25px 10px;
}
.animated.infinite {

	animation-iteration-count: infinite;

}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}



/* fix tabs */


 #fixed-tabs {
 	position: fixed;
 	right: 0;
 	text-align: center;
 	line-height: 1;
 	font-size: 0;
 	z-index: 2500;
 }

 #fixed-tabs a{
 	text-decoration: none;
 	font-size: 15px;
 	background-color: #58296E;
 	color: #fff;
 	position: relative;
 	overflow: hidden;
 	transition: width .3s;
    font-weight:500;
 }

 #fixed-tabs i {
 	font-size: 20px
 }

 #fixed-tabs .fa,
 #fixed-tabs span {
 	color: #fff;
	 background-color: #58296E;
	 border-radius: 5px;
}
#fixed-tabs td {
	text-decoration: none;
 	font-size: 15px;
 	color: #fff!important;
	font-weight:500;
}


 #fixed-tabs i,
 #fixed-tabs i:before {
 	display: block;
 	margin: 0 auto !important
 }

 #fixed-tabs em {
 	font-size: 10px;
 	text-align: center;
 	font-style: normal;
 	margin-top: 8px;
 	display: none;
 	font-weight: 600
 }

 #fixed-tabs strong {
 	font-weight: 600;
 	color: #fff;
 	font-size: 14px;
 }

 #fixed-tabs .ra {
 	background-color: #222324
 }

 #fixed-tabs .fb {
 	background-color: #58296E;
 	border-top-left-radius: 5px;
 	border-bottom-left-radius: 5px;
	border:1px solid #fff;
 }

 #fixed-tabs .gp {
 	background-color: #58296E;
 }

 
 #fixed-tabs .so i:before {
 	opacity: 0
 }

 #fixed-tabs .call {
 	background-color: #0c9312
 }

 #fixed-tabs .call,
 #fixed-tabs .map {
 	display: none
 }

 /* 1001px*/
 @media (min-width: 769px) {
 	#fixed-tabs a {
 		background-color: #58296E;
 	}

 	#fixed-tabs a.ra {
 		background-color: #222324
 	}

 	#fixed-tabs a.fm {
 		background-color: #58296E;
 	}

 	#fixed-tabs a.po {
 		background-color: #E32E19
 	}

 	#fixed-tabs {
 		position: fixed;
 		top: 60%;
 	}

 	#fixed-tabs a {
 		display: block;
 		text-align: left;
 		margin-left: auto;
 		/*box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4)*/
 	}

 	#fixed-tabs a span {
 		display: block
 	}

 	#fixed-tabs a span:first-child {
 		text-align: center;
 		padding: 7px 0
 	}

 	#fixed-tabs a,
 	#fixed-tabs a span:first-child,
 	.scrolled #fixed-tabs a,
 	.scrolled #fixed-tabs a span:first-child {
 		width: 75px
 	}

 	.scrolled #fixed-tabs a span:last-child,
 	#fixed-tabs a span:last-child {
 		position: absolute;
 		left: 40px;
 		top: 50%;
 		width: 220px;
 		-webkit-transform: translate(0, -50%);
 		transform: translate(0, -50%);
 		-webkit-transition: width .3s;
 		transition: width .3s
 	}

 	.scrolled #fixed-tabs a:hover,
 	#fixed-tabs a:hover {
 		width: 200px
 	}
 }

 @media (min-width: 769px) {
 	#fixed-tabs {
 		position: fixed;
 		top: 50%
 	}

 	#fixed-tabs a,
 	#fixed-tabs a span:first-child {
 		width: 75px
 	}

 	#fixed-tabs a span:last-child {
 		left: 80px
 	}

 	#fixed-tabs a:hover {
 		width: 280px
 	}

 	#fixed-tabs i {
 		font-size: 20px
 	}

 	#fixed-tabs em {
 		display: block
 	}

 	.scrolled #fixed-tabs a,
 	.scrolled #fixed-tabs a span:first-child {
 		width: 30px
 	}

 	.scrolled #fixed-tabs em {
 		display: none
 	}

 	.scrolled #fixed-tabs i {
 		font-size: 16px
 	}

 	#fixed-tabs .fb:hover {
 		background-color: #58296E!important;
 	}

 	#fixed-tabs .so:hover {
 		background-color: #84bd00 !important
 	}

 	#fixed-tabs .gp:hover {
 		background-color: #58296E !important;
 	}
 }

@media (max-width: 991px) {
	.site-wrapper-reveal{
			margin-bottom:0px!important;
	}

	.logo-main, .logo-light{width:250px;}	
}

 @media (max-width: 768px) {
	#fixed-tabs {display:flex!important;}
 	#fixed-tabs {
 		bottom: 0;
 		width: 100%;
 		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
 		display: -webkit-box;
 		display: -webkit-flex;
 		display: -ms-flexbox;
 		display: flex;
 	}

 	#fixed-tabs a {
 		padding: 12px 0;
 		-webkit-box-flex: 1;
 		-webkit-flex: 1;
 		-ms-flex: 1;
 		flex: 1
 	}

 	#fixed-tabs a span {
 		display: inline-block;
 		vertical-align: middle
 	}

 	#fixed-tabs a span:last-child {
 		margin-left: 7px
 	}

 	#fixed-tabs a strong {
 		display: none
 	}

 	#fixed-tabs a strong.hider {
 		display: inline
 	}

 	#fixed-tabs a.fm {
 		background-color: #0a0908
 	}

		.btn-scroll-top.show {
			bottom: 80px;
		}

 	footer,
 	.mean-container .mean-nav {
 		padding-bottom: 41px !important
		}
	
	.logo-main, .logo-light{width:200px;}	

 }

 @media (max-width: 740px) {
 	header #logo {
 		padding: 5px
 	}

 	header #logo img {
 		width: 90px
 	}

 	#fixed-tabs a.fm {
 		display: none
 	}

 	#fixed-tabs .call,
 	#fixed-tabs .map {
 		display: block
 	}

 	#fixed-tabs a.fb,
 	#fixed-tabs a.so,
 	#fixed-tabs a.gp {
 		display: block;
 		border-radius: 0px;
			width: 25%;
			border: #fff solid thin;
 	}

 	#fixed-tabs a strong.hider {
 		display: none
 	}
 }

 @media (max-width: 590px) {
 	header #info .pho {
 		display: none
 	}
 }

 @media (max-width: 420px) {
 	header #info .phy {
 		display: none
 	}
.scroll-icon{
	bottom: -100px;
}

 	#fixed-tabs a {
 		font-size: 12px
 	}
 }

/* footer */
footer h6{
	font-size: 22px !important;
	color:#fff!important;
}

footer p, footer td {
	color: #fff;
	line-height: 22px !important;
	font-weight:300;
	font-size:16px;
}
footer address {
	color: #fff;
	line-height: 22px !important;
}

footer tr {
	color: #fff;
	line-height: 22px !important;
}

td {
	color: #000000;
	line-height: 22px !important;
}


footer .lead {
	font-size: 17px;
	color: #fff;
	font-weight: 600;
	line-height: 28px !important;
}
footer a{color:#fff;}
footer a:hover{color:#ed92ff!important;}

footer li{padding-bottom:10px;}



/* SimpleCE */
.sce_edit_button{width:140px;font-weight:500;}
.sce_edit_button a{color:#fff;}
.sce_type_short .sce_inline_editor, .sce_type_short .sce_editor {
    display: inline-block;
    min-width: 200px;
    background-color: rgba(243,243,243,0.5);
}
.cke_editable {
    cursor: text;
    background-color: rgba(243,243,243,0.5);
}
.sce_editable_area a{font-size:14px;font-weight:300;}
.backend .image-container {max-width:400px;} 
.sce_loop_container{width:100%;}
.sce_loop_container .sce_inline_editor{margin-top:5px;}
.sce_loop_container {list-style: decimal;} 
 
.sce_editable_area .fa{font-size:24px;font-weight:300;}
 
footer:not(.bg--primary):not(.bg--dark) a {
    color: #fff;font-weight:300;
} 
footer:not(.bg--primary):not(.bg--dark) a:hover {
 	color: #56aaff;
 }

/* Termin */

.terminframe{
	width: 100%;
	padding: 15px;
	border: 1px solid #909090;
	background: #e2e9ff;
	margin-bottom: 50px;
}

/* start */


#team small{color:#0154a4;}

.team-slider{
	padding:15px!important;
	background-position:top center!important;
	background-repeat:no-repeat!important;
	background-size:cover!important;
	box-shadow: -3px -3px 0px #58296E;
	border-radius: 5px;
	margin:5px!important;
}

.abstand-video{margin-top:100px}

#tabs1 .icon-box__icon{min-height:100px;}

.lSPager{display:none;}
.screenshots-item img{margin:auto;display:inline-block;}

#about h2{font-size:2rem;}

td {vertical-align: top;}

.brillen{margin-top:50px;}
.brillen2{display:none;}


@media (max-width: 1230px) {
	body{margin-top:0px!important;}
	footer{bottom:0px !important;}
	.brillen {
		margin-top: 40px;
		height: 500px;
	}
	
}

@media (max-width:992px) and (min-width:768px) {
	.brillen {
		display:none;
		margin-top: 150px;
		height: 550px;
	}
	.brillen2{display:block;}
}
@media (max-width: 768px) {
	.brillen2{display:block;}
}

/* TEAM */

.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ih-item a {
	color: #333;
}

.ih-item a:hover {
	text-decoration: none;
}

.ih-item img {
	width: 100%;
	height: 100%;
}

.ih-item.square {
	position: relative;
	/*
  width: 316px;
  height: 216px;
  */
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);

}

.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 15px;
}

.ih-item.square .info h4{color:#58296E;padding-top:15px;}

.ih-item.square.effect6 {
	overflow: hidden;
}

.ih-item.square.effect6.colored .info {
	background: #1a4a72;
	background: rgba(26, 74, 114, 0.6);
}

.ih-item.square.effect6.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}

.ih-item.square.effect6 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.ih-item.square.effect6 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.ih-item.square.effect6 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.ih-item.square.effect6 .info p {
	font-style: italic;
	font-size: 14px;
	position: relative;
	color: #fff;
	padding: 20px 20px 20px;
	text-align: center;
	-webkit-transition: all 0.35s 0.1s linear;
	-moz-transition: all 0.35s 0.1s linear;
	transition: all 0.35s 0.1s linear;
}

.ih-item.square.effect6 .info td {
	font-size: 14px;
	color: #fff;
}

.ih-item.square.effect6 a:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.ih-item.square.effect6 a:hover .info {
	visibility: visible;
	opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.ih-item.square.effect6.from_top_and_bottom .info p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}




/* LANDWIRTSCHAFT */
#landwirtschaft .startbild {
	background-image: url('../images/landwirtschaft.jpg');
	background-position: center center;
	background-repeat: no-repead;
	background-size: cover;
	height: 450px;
	width: auto;
}

@media (max-width: 900px) {
	#landwirtschaft .startbild {
		height: 350px;
	}
}

@media (max-width: 769px) {
	#landwirtschaft .startbild {
		height: 275px;
	}
}



/* JOBS */
#jobs .startbild {
	background-image: url('../images/mandanten.jpg');
	background-position: center center;
	background-repeat: no-repead;
	background-size: cover;
	height: 450px;
	width: auto;
}

@media (max-width: 900px) {
	#jobs .startbild {
		height: 350px;
	}
}

@media (max-width: 769px) {
	#jobs .startbild {
		height: 275px;
	}
}


.ftsz14{font-size:16px!important;}

.formulare .tab-content--2 {margin-left:15px;}


.no-bg{
	background-color: #fff !important;
	padding: 0px!important;
}

@media (max-width: 991px) {
.formulare .tab-content--2 {
	margin-left: 0px;
	margin-top: 20px;
}
}

@media (max-width: 900px) {
	#mandanten .startbild {
		height: 350px;
	}
}

@media (max-width: 769px) {
	#mandanten .startbild {height: 275px;}	
}

/* KONTAKT */

#kontakt td {
	color: rgb(59, 59, 59)!important;
}

/* DATENSCHUTZ */
#datenschutz ul li{
	font-size: 14px;
	line-height:18px;
}
#datenschutz ul {
	list-style: none;
	padding-left: 1em;
	margin-bottom:18px;
}

#datenschutz ul li:before {
	content: "•";
	color: #58296E;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}
#datenschutz a{
	color: #58296E;
}

#datenschutz a:hover{
	color: #000;
}

#datenschutz td {
	color: rgb(59, 59, 59);
	font-size: 14px;
}

#datenschutz td {line-height: 16px !important;}

#datenschutz h1 {margin-top:30px;}
#datenschutz h2 {margin-top:30px;}
#datenschutz h3 {margin-top:20px;}
#datenschutz h4 {margin-top:20px;}
#datenschutz h5 {margin-top:20px;}






/* IMPRESSUM */

.call-to-action-wrapper::before{background-color: rgba(255, 255, 255, 0.8)};

#rechtliches p{font-size: 14px;Line-height: 18px;}
#rechtliches h4{font-size: 16px;}

#weiteres p{font-size: 12px;Line-height: 14px;}
#weiteres h4{font-size: 14px;}

.box {
	border: 1px solid #848484;
	border-bottom-color: #848484;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom: 2px solid #58296E;
	background: #fff;
	margin: 10px;
	margin-bottom: 10px;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	padding: 1.85714286em;
	margin-bottom: 30px;
}

#impressum .box.fas {
	color: #58296E;
}

#impressum .box:hover{
	background: #1e7ad7!important;
	color:#fff!important;
}
#impressum .box:hover .feature__body h3{
	background: #1e7ad7!important;
	color:#fff!important;
}
#impressum .box:hover .svg-inline--fa{
	background: #1e7ad7!important;
	color:#fff!important;
}
#impressum .box:hover td{
	background: #1e7ad7!important;
	color:#fff!important;
}
#impressum .box:hover a{
	background: #1e7ad7!important;
	color:#a7e5ff!important;
}


#impressum .box:hover {
	box-shadow: 0 0 20px rgba(33, 33, 33, .2);
	background: #f3f5f6;
}
#impressum td {
	color: rgb(59, 59, 59);
	font-size: 14px;
}
#impressum td {line-height:16px !important;}


#impressum h1{font-size:2.2em}
#impressum p{font-size:14px;}
#impressum li{font-size:14px;}
#impressum ul{margin-bottom:14px;}
#impressum .fas{color:#58296E;}





/* team */
.kommentar {
  font-style: italic;
  font-size: 14px;
  line-height: 15px;
  color: #132256;
  padding-top: 20px;
  text-align: left;
}


#team h4{font-size:1.3rem;}
#team small{
	font-weight: 300;
	font-size: 14px;
	line-height: 15px !important;
	display: inline-block;
}
#team table{margin:auto;display:inline-block;}
#team td{color:#fff;}

/* allgemein */


.schatten-top{
	box-shadow: -7px -7px 0px #58296E;
	border-radius: 10px;
}

iframe{
	box-shadow: -7px -7px 0px #58296E;
	border-radius: 10px;
}

#adresse iframe{width:inherit;}

iframe::after{
	box-shadow: 1px 1px 15px -5px #444444!important;
}

#historie img{
	box-shadow: -7px -7px 0px #58296E;
	border-radius: 10px;
}

body ul li{
	list-style: disc;
}
body ul li::after{
	color:#58296E;
}
.bild-grau {
	transition: all;
	filter: gray;
	-webkit-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: grayscale(1);
}

.bild-grau:hover {
	filter: none;
}

.img-style {
	border-radius: 10px;
	box-shadow: 0 0 4px 4px #ececec;
	width: 90%;
	margin-left: 5%;
}
.img-style:hover {
	transform:scale(1.1, 1.1);
	transition-duration: 2s;
}
.img-style2 {
	border-radius: 10px;
	box-shadow: 0 0 4px 4px #ececec;
}

#leistung {
	margin-left: 1rem;
	padding: 0px;
}

#leistungen ul {
	list-style: none;
	padding-left: 1em;
}
#leistungen ul li:before {
	content: "•";
	color: #58296E;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}
.leistungen{margin-left:-1rem;}

.card-body ul {
	list-style: none;
	padding-left: 1em;
}
.card-body ul li:before {
	content: "•";
	color: #58296E;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}


body {
	color: #000;
	background-color: #58296E;
}

.lead{
	font-size: 1.4rem;
	font-weight: 500;
	color:#737373;	
	line-height: 1.8rem;
}

.videocontainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videocontainer {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

#pageplaceholder {
  display: flex;
  flex-direction: column;
  box-shadow: 1px 1px 15px -5px #444444;
  width: 96%;
  background: rgb(244, 244, 244);
}

.no-1200{display:block;}
.only-handy{display:none!important;}
.no-handy{display:block!important;}
.only-tablet{display:none!important;}
.no-tablet{display:block!important;}


@media (max-width: 1200px) {
	.no-1200{display:none;}
}

@media (max-width: 991px) {
#leistungen ul li{
		font-size: 14px;
		line-height: 18px;
	}
	.only-tablet{display:block!important;}
	.no-tablet{display:none!important;}

}


@media (max-width: 767px) {
	.only-handy{display:block!important;}
	.no-handy{display:none!important;}

	.tab-nav--2-pill li a:before{display:none;}

	.leistungen{
			margin-left: -0px;
			padding: 0px;
			margin-bottom:20px;
			border-radius:10px;
		}

	#leistungen{padding:0px;}

	.card-body ul li,
	.card-body p{
		font-size:14px;
		line-height:18px;
	}

	.lead {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}

	.minh75{min-height:0 px;}
}

@media (max-width: 768px) {
	.btn-bordered { 
		padding: 15px 15px;
	}
}





@media all and (max-width: 500px) {
	.col-xxs-12 {
		width: 90%;
		margin-left: 40px;
	}
	.col-xxs-push-correct{
		margin-left: -25%;
	}
}

.lila {
	color: #58296E !important;
}
.lila{color:#58296E!important;}
.weiss{color:#fff!important;}
.grau{color:rgb(170, 170, 170)!important;}
.schwarz{color:rgb(59, 59, 59)!important;}
.rot{color:#E32E19!important;}

.bg-weiss{background:#fff;}
.bg-grau{background:#f4f4f4;}


.br10{border-radius:10px;}
.br15{border-radius:15px;}




a{color:#58296E;}
a:hover{color:#58296E;}

.border15{border-radius:15px;}

.minh75{min-height:75px;}

.mt-15{margin-top:-15px;}
.pb0{padding-bottom:0px!important;}
.pt50{padding-top:50px!important;}
.pt95{padding-top:95px!important;}
.pt100{padding-top:100px!important;}
.pb50{padding-bottom:50px!important;}
.pb100{padding-bottom:100px!important;}
.pb150{padding-bottom:150px!important;}

.mt0{margin-top:0px!important;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}


.mt-10{margin-top:-10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}
.mt-25{margin-top:-25px;}
.mt-30{margin-top:-30px;}
.mt-40{margin-top:-40px;}
.mt-50{margin-top:-50px;}
.mt-60{margin-top:-60px;}
.mt-70{margin-top:-70px;}
.mt-80{margin-top:-80px;}
.mt-90{margin-top:-90px;}
.mt-100{margin-top:-100px;}
.mt-150{margin-top:-150px;}

.mb0{margin-bottom:0px!important;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}


.mb-10{margin-bottom:-10px;}
.mb-15{margin-bottom:-15px;}
.mb-20{margin-bottom:-20px;}
.mb-30{margin-bottom:-30px;}
.mb-40{margin-bottom:-40px;}
.mb-50{margin-bottom:-50px;}
.mb-60{margin-bottom:-60px;}
.mb-70{margin-bottom:-70px;}
.mb-80{margin-bottom:-80px;}
.mb-90{margin-bottom:-90px;}
.mb-100{margin-bottom:-100px;}
.mb-150{margin-bottom:-150px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
.ml150{margin-left:150px;}


.ml-10{margin-left:-10px;}
.ml-15{margin-left:-15px;}
.ml-20{margin-left:-20px;}
.ml-30{margin-left:-30px;}
.ml-40{margin-left:-40px;}
.ml-50{margin-left:-50px;}
.ml-60{margin-left:-60px;}
.ml-70{margin-left:-70px;}
.ml-80{margin-left:-80px;}
.ml-90{margin-left:-90px;}
.ml-100{margin-left:-100px;}
.ml-150{margin-left:-150px;}


.mr0{margin-right:0px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}
.mr150{margin-right:150px;}


.mr-10{margin-right:-10px;}
.mr-15{margin-right:-15px;}
.mr-20{margin-right:-20px;}
.mr-30{margin-right:-30px;}
.mr-40{margin-right:-40px;}
.mr-50{margin-right:-50px;}
.mr-60{margin-right:-60px;}
.mr-70{margin-right:-70px;}
.mr-80{margin-right:-80px;}
.mr-90{margin-right:-90px;}
.mr-100{margin-right:-100px;}
.mr-150{margin-right:-150px;}




