* {
  /* border: 1px solid red !important; */
}

/*==================ScrollBar=====================*/

::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0.0);
  width: 14px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.0);
  box-shadow: inset 0 0 5px grey;
}

::-webkit-scrollbar-thumb {
  background-color: #BE1522;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

/*==================ScrollBar=====================*/


/*==================Text-Markieren=====================*/
::selection {
  background: #BE1522;
  color: #fafafa;
}

::-moz-selection {
  background: #BE1522;
}
/*==================Text-Markieren=====================*/


/*---------------------btn-primary--------------------*/

.btn-primary {
  color: #fff;
  background-color: #BE1522;
  border-color: #BE1522;
  border-radius: 0px;
}

.btn-primary:hover {
  -webkit-box-shadow: 0px 15px 35px -4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 15px 35px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 15px 35px -4px rgba(0, 0, 0, 0.3);
  transition: linear all 0.2s;
  color: #212121;
  background-color: #fafafa;
  border-color: #BE1522;
}

/*---------------------btn-primary--------------------*/
body {
  position: relative;
}

html {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

h1 {
  font-family: 'Roboto', sans-serif !important;
  text-transform: uppercase;
  font-weight: 700;
}

h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 600;
}

p, li, div {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

hr {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
  width: 15%;
  border-top: 4px solid #BE1522;
  margin: 20px auto;
  opacity: 1;
  background: transparent;
}

.white-hr {
  border-top: 4px solid #ffffff;
}

a {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

.left-hr {
  margin: 20px 0px !important;
}


@media (min-width: 1200px) {
  .fs-1 {
      font-size: 3.5rem!important;
  }
}














/*==================HEADER=====================*/

#header .header_background {
  background-color: #BE1522;
  color: #fafafa;
  height: 60px;
}

#header i {
}

#header h6 {
  margin-bottom: 0;
}

#header a:link,
#header a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* mouse over link */
#header a:hover {
  color: #ffffff;
  text-decoration: underline;
  transition: linear all 300ms;
}

/* selected link */
#header a:active {
  color: #ffffff;
}
/*==================HEADER=====================*/





















/*==================NAVBAR=====================*/
.navbar {
  background: #111111;
}

.navbar .active {
  font-weight: 900;
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #BE1522;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/*==================NAVBAR=====================*/










#aktuelles {
  /* background: #be1622; */
  color: #fff;
}








/*==================CAROUSEL=====================*/
#carouselExampleCaptions {
}


.carousel-indicators [data-bs-target] {
  width: 20px;
  height: 0px;
}

.carousel-indicators button {
  background: #BE1522 !important;
}

.carousel-inner {
  height: 600px;
}

.carousel-inner h1 {
  background: #BE1522;
  display: inline;
}

.carousel-inner h3 {
  background: #565656;
  display: inline;
}

.carousel-item {
  height: 600px;
}

.carousel-bg-1 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/carousel0_dark.jpg");
}

.carousel-bg-2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/carousel1_dark.jpg");
}

.carousel-bg-3 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/carousel2_dark.jpg");
}

.carousel-bg-4 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/carousel3_dark.jpg");
}
/*==================CAROUSEL=====================*/























/*==================PRODUKTE=====================*/
#produkte {
  background-color: #eaeaea;
}

.card {
  transform-style: preserve-3d;
  perspective: 500px;
}

.card:hover h5{
  color: #BE1522;
  transition: linear 500ms;
}

.card-footer {
  background: #BE1522;
  color: #fff;
}
/*==================PRODUKTE=====================*/



















/*==================PRODUKTEDETAIL=====================*/
#produkteDetail {
  background: #212121;
  color: #fafafa;
}

#produkteDetail .nav-item button {
  background-color: rgba(255,255,255,0.2);
}


#produkteDetail .nav-item .nav-pills .nav-link{
  border-radius: 0;
  outline: none !important;
}


#produkteDetail .nav-item .nav-pills .nav-link.active,
#produkteDetail .nav-item .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #BE1522 !important;
  border-radius: 0;
  outline: none !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #BE1522 !important;
}

/*==================PRODUKTEDETAIL=====================*/


















/*==================parallaxSection=====================*/
#parallaxSection {
  height: 250px;
  background: transparent;
  position: relative;
}

.parallax-window {
  min-height: 250px;
  background: transparent;
}

#parallaxSection .parallaxSection_leftSlogan {
  height: 80px;
  line-height: 80px;
  margin: auto;
  margin-top: -165px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  background: #BE1522;
  color: #fafafa;
  font-weight: bold;
  display: table;
}

.parallax {
  /* The image used */
  background-image: url("../img/bild_parallax.jpg");

  /* Set a specific height */
  min-height: 250px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*==================parallaxSection=====================*/





















/* ===============================galerie=============================== */
#galerie {
  background-color: #eaeaea;
}
/*
#galerie .itemO {
  margin: 3px;
}

#galerie .itemO img {
  display: block;
  width: 100%;
  height: auto;
} */

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 18px;
    height: 18px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #be1622;
}

/* =========================Overlay-Box====================== */
#owl-demo .itemO{
  margin: 3px;
}
#owl-demo .itemO img{
  display: block;
  width: 100%;
  height: auto;
}

#owl-demo1 .itemOwl{
  height: 80%;
  margin: 3px;
}
#owl-demo1 .itemOwl a{
  display: block;
  width: 100%;
  text-decoration: none;
  color: white;
  font-size: 20px;
}


 .itemO .image{
	position:relative;
	overflow:hidden;
}

.itemO .image img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.itemO:hover .image img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
}

.itemO .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}

.itemO .image .overlay-box .link{
	position:absolute;
  bottom: -100%;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	color:#ffffff;
  background-color: rgba(0, 0, 0, 0.8);
	opacity:0;
  z-index: 10;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.itemO .image .overlay-box .txt{
	position:relative;
	display:table-cell;
  padding-top: 5%;
	color:#ffffff;
	text-transform:capitalize;
	font-weight:800;
	font-size:14px;
}

.itemO:hover .image .overlay-box .link{
  bottom: -67%;
	opacity:1;
  border-top: 3px solid #be1622;
}

.itemO .image .overlay-box a {
  text-decoration: none;
}
/* =========================Overlay-Box====================== */
/* ===============================galerie=============================== */








/*==================ABOUTUS=====================*/
#aboutus {
  /* background-color: #fff;
background-image: url("../img/about_us.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover; */
}

#aboutus .linkeSeiteAboutUs {
  /* background-image: url("../img/about_us.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; */
}


#aboutus .rechteSeiteAboutUs {
  background: rgba(255,255,255,0.9);
}
/*==================ABOUTUS=====================*/



/*==================ZAHLEN=====================*/

#zahlen {
  background: #BE1522;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: italic;
}

#zahlen .fig-number {
  font-weight: 900;
}
/*==================ZAHLEN=====================*/


#map {
  height: 300px;
  width: 100%;
}





/*==================impressum=====================*/
#impressum {
  background: #424242;
  color: #fff;
}

#impressum a:link,
#impressum a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* mouse over link */
#impressum a:hover {
  color: #ffffff;
  text-decoration: underline;
  transition: linear all 300ms;
}

/* selected link */
#impressum a:active {
  color: #ffffff;
}

#impressum #impressumMehrButton {
  color: #ffffff;
}

#impressum #impressumMehrButton:hover {
  color: #000000;
}

#impressum #impressumMehrButton:link,
#impressum #impressumMehrButton:visited {
  outline: none !important
}

/* mouse over link */
#impressum #impressumMehrButton:hover {
  outline: none !important
}
/*==================impressum=====================*/




/*==================KONTAKT=====================*/
#kontakt {
  background-color: #212121;
  color: #fff;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

.form-control, .form-control:focus, .form-control:active, .form-control:hover {
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  border: none;
  overflow: auto;
}

input, input:focus, input:active {
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: medium;
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none !important;
}

.FormElement {
  color: #111;
}

.FormElement input {
  border: none;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  margin-bottom: 5px;
  border-bottom: 2px solid lightgray;
}

.FormElement textarea {
  background-color: #fff;
  border: none;
  padding: 10px;
  width: 100%;
  border-bottom: 2px solid lightgray;
}

#validation {
  background-color: #fff;
  color: #111;
  border: none;
  padding: 10px;
  width: 100%;
  height: 50px;
  border-bottom: 2px solid lightgray;
}

#checkbox {
  width: 10%;
  vertical-align: sub;
}

#ContactButton {
  width: 100% !important;
  border-radius: 0px;
  height: 50px;
  background: #111;
  color: #fff;
  border-bottom: 2px solid transparent;
}

#ContactButton:hover {
  background: #fff;
  color: #111;
  box-shadow: none;
  border-bottom: 2px solid transparent;
  transition: linear all 0.2s;
}

#validation label:focus, #validation label:hover, #validation label:active {
  color: #fff;
  border-bottom: 2px solid transparent;
  transition: linear all 0.2s;
}

#validation:focus, #validation:hover, #validation:active {
  background-color: #000;
  color: #fff;
  border-bottom: 2px solid transparent;
  transition: linear all 0.2s;
}

input::-webkit-input-placeholder {
  color: #000;
}

textarea::-webkit-input-placeholder {
  color: #000;
}

input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
  color: #fff;
}

textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #fff;
}

/* Firefox < 19 */

input:-moz-placeholder {
  color: #000;
}

input:focus:-moz-placeholder, input:hover:-moz-placeholder {
  color: #fff;
}

/* Firefox > 19 */

input::-moz-placeholder {
  color: #000;
}

input:focus::-moz-placeholder, input:hover::-moz-placeholder {
  color: #fff;
}

/* Internet Explorer 10 */

input:-ms-input-placeholder {
  color: #000;
}

input:focus:-ms-input-placeholder, input:hover:-ms-input-placeholder {
  color: #fff;
}

.FormElement input:focus, .FormElement input:hover, .FormElement input:active {
  background-color: #000;
  color: #fff;
  border-bottom: 2px solid transparent;
  transition: linear all 0.2s;
}

.FormElement textarea:focus, .FormElement textarea:hover, .FormElement textarea:active {
  background-color: #000;
  color: #fff;
  border-bottom: 2px solid transparent;
  transition: linear all 0.2s;
}

/*================== Section6 =====================*/

#partner {
  height: auto;
  background-color: #fff;
}

#partner .row {
  /*height: 300px;*/
  /*height: auto;*/
  margin: 0;
  padding: 0;
  width: 100%;
}

.kontakt-links {
  background-color: #000;
  color: #fafafa;
  padding: 20px;
}

.kontakt-rechts {
  background-color: #fff;
  color: #111111;
  padding: 20px;
}

#partner img {
  max-width: 200px;
}

#partner .container-fluid {
  padding: 0;
}

@media only screen and (max-width:768px) {
  #partner h1 {
    font-size: 1.8em;
  }
}
/*==================KONTAKT=====================*/







































/*==================Alert-Cookies=====================*/
.alert-warning {
  font-family: 'Roboto', sans-serif !important;
  color: #fff;
  background-color: rgba(200, 0, 0, 0.8);
  border: 0;
  border-radius: 0px;
}

.alert-warning .close {
  color: #fff;
  text-shadow: none;
  font-size: 2.5rem;
}

.alert-warning .close:hover {
  background: #fff;
}

.alert-warning p {
  margin-bottom: 0.4rem;
}
/*==================Alert-Cookies=====================*/














/*==================Footer=====================*/

#footer {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #111;
  color: #fafafa;
}

#footer .card_footer {
  width: 100%;
  height: 60px;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
  background: #111;
  margin: 0 auto;
}

#footer .card_footer.is-flipped {
  transform: rotateX(180deg);
}

#footer .card__face {
  position: absolute;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: white;
  text-align: center;
  backface-visibility: hidden;
}

#footer .card__face--front {
  background: #111;
}

#footer .card__face--back {
  background: #111;
  transform: rotateY(180deg);
}

#footer .card__face--back p {
  transform: rotate(180deg);
  margin-bottom: 0;
  color: #f39200;
}

@media only screen and (max-width:768px) {
  #footer .card__face--back p {
    line-height: 30px;
  }
}

/*==================Footer=====================*/





/*-------------------ToTopButton-----------------------*/

#knopf {
  position: fixed;
  right: 1%;
  top: 94%;
  cursor: pointer;
  background-color: #424242;
  color: #fafafa;
  border-color: #424242;
}

#knopf:hover {
  box-shadow: 0px 1px 5px #212121;
  background-color: #BE1522;
  color: #fafafa;
  transition: linear all 0.3s;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow:none;
}

/*-------------------ToTopButton-----------------------*/





.nav-pills .nav-link {
  border-radius: 0;
}