.mobileOff {  }
.mobileOn, .mobileImgOn { display: none; }
.realtive { position: relative; }

.left_banner_content_text { position: absolute; z-index: 999; top: 40px; width: 400px; }
.left_banner_content_text p.big { font-size: 3.25em; line-height: 1.1em; margin-bottom: .2em; }
.left_banner_content_text p { font-weight: 700; }

.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
	background: #706f6f; height: 5px;
}
.navbar-toggler-icon { display: block; margin-bottom: 5px; width: 2em; }

@media (min-width: 1300px) {
	.container {
	    max-width: 1300px;
	}
}
@media (max-width: 2000px) {
	.colored .text {font-size: 2em; line-height: 1.25em; margin: 20px 0 0 20px;  }
	.home .colored .text {font-size: 3em; line-height: 1.25em; margin: 20px 0 0 20px;  }
	.colored .name {font-size: 1.15em; bottom: 15px; margin-left: 20px; }
	.colored .img { width: 120px; }
	.colored {  }
}
@media (max-width: 1900px) {
	.colored .text {font-size: 1.75em; line-height: 1.25em; }
	.colored .name {font-size: 1.15em; bottom: 15px; }
	.colored .img { width: 120px; }
}
@media (max-width: 1700px) {
	.colored .text {font-size: 1.5em; line-height: 1.25em; margin: 15px 0 0 15px; }
	.home .colored .text {font-size: 2.65em; line-height: 1.25em; margin: 20px 0 0 20px;  }
	.colored .name {font-size: 1em; bottom: 10px; margin-left: 15px; }
	.colored .img { width: 100px;  bottom: 12px; right: 12px; }
	.colored { }

}
@media (max-width: 1600px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1500px) {
	.colored .text {font-size: 2.25em; line-height: 1.25em; }
	.colored .name {font-size: 1.5em; }
	.colored .img { width: 130px; }
	.colored .name { bottom: 15px; }
	.colored .img { bottom: 20px; right: 20px; }
    .swiper-slide { width: 60%; }
}
@media (max-width: 1400px) {
}
@media (max-width: 1300px) {
	body { font-size: 14px; }
	.colored {  }
	.colored .text {font-size: 2em; line-height: 1.25em; margin: 20px 0 0 20px; }
	.colored .name {font-size: 1em; margin-left: 20px; }
	.colored .img { width: 100px; }

	.mitarbeiter .colored .text {
	    width: 85%;
	}
	.mitarbeiter .colored .name { margin-left: 10px; }
}
@media (max-width: 1200px) {
	.full { padding-left: 0; padding-right: 0; max-width: 100%; }
	.navbar-btn, .navbar-nav { margin-left: 15px; }

	.colored .text { margin: 15px 0 0 15px;  }

	.mitarbeiter .colored .text {
	    font-size: 1.25em;
	    line-height: 1.2em;
	    width: 80%;
	}
	.copyr p { padding-top: 10px; }

}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 8px;
}
@media (min-width: 1100px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: .5rem;
		padding-left: .5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link:first-child {
		padding-left: 0;
	}
}


@media (max-width: 1100px) {
	.navbar-brand img { width: 100px; }
	.navbar-nav {
		margin-top: -50px;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.show .dropdown-toggle::before {
		display: none;
	}
	.navbar-btn div { margin-right: 0; margin-left: 5px; }
	.navbar-btn .col-2 { padding:  0; }

	.colored .text {font-size: 1.75em; line-height: 1.25em; margin: 20px 0 0 20px; }
	.mitarbeiter .colored .text { margin: 10px 0 0 10px; }
	.colored .name {font-size: 1em; margin-left: 20px; }
	.colored .img { width: 90px; }

	span.col1 {
	    width: 160px;
	}
	span.col2 {
    	width: 190px;
    }
	span.col3 {
    	width: 130px;
    }
    div.col1 { width: 192px; }
	.nav-item a:before  {
		display: inline-block;
	    width: 1px;
	    height: 10px;
	    margin-right: 6px;
	    vertical-align: 0;
	    content: "";
	    border-left: 1px solid #A62A4D;
	}
	.nav-item:first-child  a:before  {
		content: '';
	    border: none;
	}
}

@media (max-width: 1024px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: .5rem;
	    padding-left: .25rem;
	}
	.card img {
	    max-width: 140px;
	    margin-right: 1em;
	    margin-top: 0;
	}
	.card-header span.col1 {
	    width: 80px;
	}
	.card-header span.col3 {
    	width: 230px;
	}
	.sort span.col1 {
	    width: 80px;
	}
}

@media (max-width: 991px) {
	h1, h2, h3, h4, h5, h6 {
    	line-height: 1.3em;
	    font-size: 1.5em;
	}
	.mobileOff { display: none; }
	.mobileOn { display: block;  }
	.navbar-nav {
	    margin-top: 50px; background: #eee; padding: 10px 40px 30px;
	}
	a.video span { margin-left: 26px; }
	.navbar-brand {
	    display: inline-block;
	    padding-top: .3125rem;
	    padding-bottom: .3125rem;
	    margin-right: 1rem;
	    font-size: 1.25rem;
	    line-height: inherit;
	    white-space: nowrap;
	    position: absolute;
	    right: 10px;
	    top: 0;
	}
	.navbar {
	    padding: 0;
	    min-height: 110px;
	}
	.navbar-toggler {
	    margin-top: 0; position: absolute; top: 0; left: 0;
	}
	.navbar-collapse {
	    padding: 30px 10px; margin-top: 30px;
	}
	.nav-item a span { display: block; color: #000; font-weight: 400; }
	.nav-item a:before {
	    display: none;
	    margin-right: 0;
	}
	.nav-item a:after  { display: none; }
	.navbar a.active {
	    color: #A62A4D; font-weight: 700;
	}
	.news { width: 48%; margin-right: 2%; float: left; margin-top: 2em;}
    .swiper-slide {
      width: 80%;
      height: 350px;
    }
    .swiper-slide:first-child {
		width: 10%;
    }
	.mitarbeiter .colored .text {
	    font-size: 1.1em;
	    line-height: 1.1em;
	}
	.cont-5 { width: 32%; padding-right: 1em; display: inline-block; text-align: left; vertical-align: top; margin-bottom: 4em; }
	h3 span.ball { font-size: 1.25em; }
	.cont-5 h3 span.einrueck { font-size: .8em; }
	.team { width: 100%; margin-right: 0; float: none; margin-bottom: 2em; }
}

@media (max-width: 768px) {
	.smallOn { display: block; }
	.sectionPadding { padding: 0 15px; }
	.zitat { font-size: 1.25em; }
	.right-col {
    	font-size: .9em;
		max-width: 100%;
		margin-top: 3em;
		padding-right: 0;
		padding-left: 0;
	}
	.colored .text {font-size: 1.5em; line-height: 1.25em; }

	.mitarbeiter {
	      width: 100%;
	      height: 250px;
	      float: inherit;
	      margin-right: 0;
	      margin-bottom: 1em;
	}
	.mitarbeiter .p2, .mitarbeiter .p4 { order:3; }
	.mitarbeiter .i2, .mitarbeiter .i4 { order:1; }

	.mitarbeiter .p1, .mitarbeiter .p3 { order:1; }
	.mitarbeiter .i1, .mitarbeiter .i3 { order:3; }

	.mitarbeiter .colored .text {
	    font-size: 1.4em;
	    line-height: 1.2em;
	}
	.mitarbeiter .colored {

	}
	.mitarbeiter .colored .name {
	    font-size: 1em;
	    bottom: 15px;
	}
	h3 { font-size: 1em; }
	.news {
	    margin-top: 1em;
	    border-bottom: solid 1px #000;
	}
	.news:last-child {
	    margin-bottom: 2em;
	}

	.cont-5 { width: 49%; padding-right: 1em; display: inline-block; text-align: left; vertical-align: top; margin-bottom: 4em; }
	h3 span.ball { font-size: 1.75em; }
	.cont-5 h3 span.einrueck { font-size: 1em; }
	.abstandM { margin-top: 2em; }
	.socIcon { padding-top: 1em; }

/* 	.col-md-6.mb3 { margin-bottom: 0;} */
	h3 { margin-top: 2em; }

}

@media (max-width: 667px) {

}
@media (max-width: 650px) {
	.colored .img { display: none; }
}
@media (max-width: 650px) {

}
@media (max-width: 568px) {
	.right-col {
		padding-right: 15px;
		padding-left: 15px;
	}
	.tblheader, .tdltd {
		margin-left: 0;
		margin-right: 5px;
	}

	.mitarbeiter {
		height: 250px;
	}
	.mitarbeiter .colored .text {
	    font-size: 1.1em;
	    line-height: 1.2em;
	}
	.mitarbeiter .colored {

	}
	.mitarbeiter .colored .name {
	    font-size: .9em;
	    bottom: 15px; font-weight: 600;
	}
	span.col1 { width: auto; display: inline-block; }
	span.col2 { width: auto; display: inline-block; }
	.komma:after { content: ", "; }
	span.col3 { width: auto; display: inline-block; }

	.sort .col1, .sort .col2 { margin-right: 1em; }
	div.col1 { width: 197px; display: inline-block; margin-right: 20px; margin-bottom: 2em; }
	div.col4 { width: 440px; display: inline-block; }
	.card-header span.col1 {
	    width: 45px;
	}
	.sort span.col1 {
	    width: 45px;
	}
}
@media (max-width: 520px) {
	.news { width: 100%; }

	h2, h4.rot {
    line-height: 1.3em;
    font-size: 1.2em;
	}

	.home .colored .text {font-size: 2em; line-height: 1.25em; margin: 20px 0 0 20px;  }
    .swiper-slide {
      width: 84%;
      height: 250px;
    }
    .swiper-slide:first-child {
		width: 8%;
    }
    .colored .text {
	    font-size: 1.4em;
	    line-height: 1.15em;
	    width: 85%;
	}
	font-size: 13px;
}
@media (max-width: 414px) {
	.mitarbeiter .colored .text {
	    font-size: 1.1em;
	    line-height: 1.1em;
	}
	.colored .text {font-size: 1em; line-height: 1.25em; margin-left: 10px; margin-right: 10px; }
	.colored .name {font-size: .8em; margin-left: 10px; }
	.sliderBorder span {
	    border-width: 20px 0 20px 20px;
		margin-top: 0px;
		margin-left: -5px;
	}

}

@media (max-width: 380px) {
	.mitarbeiter .colored .text {
	    font-size: .9em;
	    line-height: 1.2em;
	    margin: 10px 0 0 10px; font-weight: 600;
	}
	.mitarbeiter .colored .name {
	    font-size: .8em;
	    bottom: 5px; font-weight: 600;
	}
	.mitarbeiter .colored {
    	padding: 0;
	}
}
@media (max-width: 320px) {

}

@supports (-webkit-overflow-scrolling: touch) {

}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}