body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-top: 54px;
  
}

.umallesherum { width: 100%; max-width: 100%; overflow: hidden; }

.va-bottom { display: flex; align-items: flex-end; }
.va-center { display: flex; align-items: center; }

.bg-red { background-color: #c00 !important; }
.bg-dark { background-color: #1d3e70 !important; }
.bg-lgrey { background-color: #ddd !important; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600 !important; }
b { font-weight: 600; }
.light { font-weight: 300 !important; }

.produktvorteile {
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.card-columns.produktvorteile { column-count: 3; }
.formulare .card-columns { column-count: 3; }

.carousel-control-next, .carousel-control-prev { color: #fff !important; width: 9% !important; }

.card-columns { column-count: 4; }
.mt-2 { margin-top: 20px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mt-3 { margin-top: 40px !important; }
.mb-3 { margin-bottom: 40px !important; }
.mt-4 { margin-top: 60px !important; }
.mb-4 { margin-bottom: 60px !important; }

.pt-2 { padding-top: 20px !important; }
.pb-2 { padding-bottom: 20px !important; }
.pt-3 { padding-top: 40px !important; }
.pb-3 { padding-bottom: 40px !important; }
.pt-4 { padding-top: 60px !important; }
.pb-4 { padding-bottom: 60px !important; }

.sprungmarke { display: none; }
.passend { width: 100%; height: auto; }

.ohnerrahmen div { margin:0 !important; padding:0 !important; }

.prodrot-subhead { display: block; padding-top: 20%; }
.prodrot { position: absolute; bottom:10px; padding-right: 40px; } 
.prodrot span { font-size: 12px; text-transform: uppercase; border: 1px solid #ccc; padding: 4px 10px; margin: 0 5px 5px 0; display: block; float: left; }
.prodrot p:last-child { padding-top: 10px; clear: both; }

.prodselect-start { background-image: url(../images/bg-prod-start.png); background-repeat: repeat-y; background-position: center center; }

.zahlen { text-align: center; }
.zahlen h4 { color: #1d3e70; }
.zahlen h2 { color: #1d3e70; font-size: 68px; font-weight: 900 !important;letter-spacing: -1px; margin: 0 !important; padding: 0 !important; line-height: 50px; }
.zahlen small { color: #1d3e70; font-size: 14px; font-weight: 400 !important; text-transform: uppercase; }

#motorsportcar .carousel-caption { left: 0; right: 0; bottom: 0; padding: 10px 30px; background: rgba(0,0,0,.6);}
#motorsportcar .carousel-caption h1 { font-size: 30px; margin: 0; padding: 0; line-height: 35px; }

.produktfinder .sbox { height: 200px; overflow: auto; }
.produktfinder td { font-size: 80%; }
.produktfinder #ausgabefeld { min-height: 350px; }

.haendlersuche .card-columns .card-body { font-size: 80%; }
.instagram .card-columns .card-body { font-size: 80%; }

.instagram .card-columns { column-count: 3; }

.newsausgabe p { font-size: 115% !important; line-height: 200% !important; }

.card-img-top { height: auto !important; min-height: 1px; }


.schraeg { 
	-webkit-clip-path: polygon(0 0, 0 100%, 95% 100%, 100% 0); 
	clip-path: polygon(0 0, 0 100%, 95% 100%, 100% 0); 
}
.grauerkastenstartseite {
	padding-right: 30px;
	margin-left: -20px;
}
.grauerkastenstartseite h2 {
 font-size: 29px;
}
.mobshow { display: none; }
.mobhide { display: block; }
.carousel h4 { font-weight: 300 !important; }

.newslistefilter .card-body { display: none; }
.newslistefilter .card-header { cursor: pointer; }
.newslistefilter .fa-angle-double-up { float: right; display: none; }
.newslistefilter .fa-angle-double-down { float: right; }

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}
@media (max-width: 768px) {
	.mobshow { display: block; }
	.mobhide { display: none; }
	.carousel h4 { font-weight: 600 !important; }
	.carousel h5 { font-weight: 300 !important; }
  .vertical-align { display: block; }
  .zahlen { margin-bottom: 20px; }
  .card-columns { column-count: 2; }
  .prodrot { position: inherit; padding-left: 10px; }
  .prodrot-subhead { padding-top: 40px; }
  .carousel-control-next, .carousel-control-prev { width: 18% !important; }
  .card { margin-bottom: 20px; }
  .prodselect-start { background: #ddd; }
  .produktfinder td { display: block; }
  .sprungmarke { display: inherit; }
  .instagram .card-columns { column-count: 2; }
  .card-columns.produktvorteile { column-count: 1; }
  .formulare .card-columns { column-count: 1; }
  .prodrot p { text-align: center; }
  .schraeg { -webkit-clip-path: none; clip-path: none; }
	.grauerkastenstartseite { padding: 0px; margin: 0; }
}


	.insidecontainer  {	display: none; }

div.hrinside { position: relative; }
div.hrinside .background { position: absolute; width: 100%; height: auto; }
div.hrinside .stabi { position: absolute; top: 6%; left: 5%; width: auto; }
div.hrinside .medizin { position: absolute; top: 23%; left: 10%; width: auto;}
div.hrinside .gewindefahrwerke { position: absolute; top: 14%; left: 25%; width: auto; }
div.hrinside .logistik { position: absolute; top: 20%; left: 75%; width: auto; }
div.hrinside .prototypen { position: absolute; top: 32%; left: 20%; width: auto; }
div.hrinside .qualitaetsmanagement { position: absolute; top: 33%; left: 50%; width: auto; }
div.hrinside .spezialfedern { position: absolute; top: 24%; left: 40%; width: auto; }
div.hrinside .trak { position: absolute; top: 7%; left: 49%; width: auto; }
div.hrinside .verwaltung { position: absolute; top: 44%; left: 34%; width: auto; }
div.hrinside .versand { position: absolute; top: 50%; left: 55%; width: auto; }
div.hrinside .beschichtung { position: absolute; top: 65%; left: 75%; width: auto; }

@media (min-width: 768px) {
	.insidecontainer  {	display: block; }
	div.hrinside { width: 660px; height: 283px; }
	div.hrinside .stabi,
	div.hrinside .medizin,
	div.hrinside .gewindefahrwerke,
	div.hrinside .logistik,
	div.hrinside .prototypen,
	div.hrinside .qualitaetsmanagement,
	div.hrinside .spezialfedern,
	div.hrinside .trak,
	div.hrinside .verwaltung,
	div.hrinside .versand,
	div.hrinside .beschichtung { height: 35px; }
}

@media (min-width: 992px) {
	div.hrinside { width: 900px; height: 386px; }
	div.hrinside .stabi,
	div.hrinside .medizin,
	div.hrinside .gewindefahrwerke,
	div.hrinside .logistik,
	div.hrinside .prototypen,
	div.hrinside .qualitaetsmanagement,
	div.hrinside .spezialfedern,
	div.hrinside .trak,
	div.hrinside .verwaltung,
	div.hrinside .versand,
	div.hrinside .beschichtung { height: 45px; }
}

@media (min-width: 1200px) {
	div.hrinside { width: 1080px; height: 463px; }
	div.hrinside .stabi,
	div.hrinside .medizin,
	div.hrinside .gewindefahrwerke,
	div.hrinside .logistik,
	div.hrinside .prototypen,
	div.hrinside .qualitaetsmanagement,
	div.hrinside .spezialfedern,
	div.hrinside .trak,
	div.hrinside .verwaltung,
	div.hrinside .versand,
	div.hrinside .beschichtung { height: 50px; }
}

.newsausgabe { margin-bottom: 60px !important; }