@import "/assets/ime/css/app.min.css?v=2.2.3";
@import "https://lib.nicdn.de/fa/6.4.0/css/all.min.css?v1.0";
@import "https://font.nicdn.de/roboto.css?v1.2";
@import "https://font.nicdn.de/material-icons.css?v1.2";
@import "https://font.nicdn.de/roboto-slab.css?v1.2";



/* ------------ */
.navbar-brand span {
	font-weight: 500;
	margin-left:0.5rem;
}

/* ------------ */
.btn-black,
.btn-dark {
	background-color: #000000;
	color: #ffffff !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* ------------ ZITATE BLOG */
blockquote {
	border-left: 5px solid #e42423;
	padding-left: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 2rem;
}
.sticky-top {
	top: 100px !important;
}

/* ------------ */
.link-color:hover .link-text {
	border-bottom: 1px solid #e42423;
}
.link-color .icon-color {
	color: #e42423;
}
/* ------------ */
.img-responsive {
	max-width:100%;
}
/* ------------ Show on Mobile */
.show-sm {
	display:none;
}
@media (max-width:991px) {
	.show-sm {
		display: initial !important;
	}
}

/* ------------ */


.mh-130 {
	max-height:130px !important;
}
/* ------------ */
.container-ob {
	padding-top:160px;;
}
.container-ob h1 {
	text-align: center;
}

/* ------------ */
.video-bg-product:before {
	background: rgba(0,0,0,.5);
}
page-header-product.header-filter:before {
	background: transparent !important;
}

.page-header-product {
	height: 80vh !important;
}
.page-header-product h3 {
	font-weight:100;
}
/* ------------ Contact GMaps */

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

/* ------------ */
.video-bg {
    bottom: 0;
}

.video-play {
    bottom: 30%;
}

.video-bg,
.video-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    overflow:hidden;
}

.video-bg video,
.video-play video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
	max-width: none !important;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 1;
    object-fit:cover
}

/* ------------ Text */
.text-transform-none {
	text-transform:none !important;
}

/* ------------ Primetime */
.product-page .main-raised {
    margin: -12vh 0 0;
}


/* ----------- BEGIN TMPL Logo Top */
.navbar .navbar-brand img {
	max-height:30px;	
}

.brand1,
.brand2,
.brand3 {
	display:none;
}
.logo1:hover .navbar-brand .brand {
	display:none;
}
.logo1:hover .navbar-brand .brand1 {
	display:inline;
}

/* ----------- END TMPL Logo Top */
.navbar .btn-danger {
	color:white !important;
}
.navbar .btn-action-custom .text-white {
	color:black !important;
}
.navbar-transparent .btn-action-custom .text-white {
	color:white !important;
}




@media (max-width:991px) {
	/* Phone Number in Nav */
	.navbar-collapse .nav-item .text-white {
		color:black !important;
		padding:1rem !important;

	}
	.navbar-collapse .navbar-nav .btn-action-custom {
		margin-top:50px;
	}
	.navbar-collapse .navbar-nav .btn-action-custom:after {
		background-color: white !important;
	}
	 {

	}
	/* Experten Themen */
	.navbar-collapse .btn-danger {
		color:white !important;
	}

	.navbar-collapse .btn-white,
	.navbar-collapse .btn-black,
	.navbar-collapse .btn-dark {
		box-shadow: none !important;
		border:none !important;
		text-align: left !important;
	}
}



/* ----------- BEGIN Dropdown Top */
.dropdown-menu .dropdown-item.active {
	background-color: #a8a8a8 !important;
	box-shadow:none;	
	color: white;
}
/* ----------- BEGIN Dropdown Top */

/* ----------- BEGIN Header TXT ueber Logo  */
.header-filter a {
	color:white;
	border-bottom:3px solid #e42423;
}
.header-filter a:hover {
	border-bottom:3px solid white;
}
.scroller_p {
	margin:0px !important;
	height:0px !important;
}
/* ----------- END Header TXT ueber Logo  */

/* ----------- BEGIN Startseite */
#scroller {
	position: absolute;
	left: 50%;
	bottom:50px;
	z-index: 100;
}
.scroll_icon
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 25px;
	width: 14px;
	height: 28px;
	border: solid 2px #FFFFFF;
	border-radius: 7px;
}
.scroll_icon::after
{
	display: block;
	position: absolute;
	top: 5px;
	left: 3px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #FFFFFF;
	content: '';
	-webkit-animation-name: scroll;
	animation-name: scroll;
	-webkit-animation-duration: 1500ms;
	animation-duration: 1500ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes scroll
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		opacity: 0;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
		transform: translateY(10px);
	}
}
@keyframes scroll
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		opacity: 0;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
		transform: translateY(10px);
	}
}
/* ----------- END Startseite */


/* -------- BEGIN HEADER */

    .pro-badge{
      position: relative;
      font-size: 22px;
      text-transform: uppercase;
      font-weight: bold;
      right: -10px;
      padding: 10px 18px;
      top: -30px;
      background-color: white;
      border-radius: 3px;
      color: #444444;
      line-height: 22px;
      box-shadow: 0 5px 5px -2px rgba(31, 31, 31, 0.4);
    }

/* -------- END HEADER */

/* -------- BEGIN Features Startseite */
.features-5 .icon svg {
	width:50px;
	fill: white;
}
.features-5 .features-5-link:hover {
	background-color:rgba(0,0,0,0.3);
}
.features-5-link .info {
	padding-top:0px;
}
/* -------- END Features Startseite */
#cookie {
	font-size:80%;
position: fixed;
background-color: white;
bottom: 0px;
left: 0px;
padding-left: 20px;
margin-right: 20px;
z-index: 98;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}
#cookie .btn {
	padding: 6px 12px;
}

/* BEGIN Preloader */

.preloader {
    transition: .5s ease;
    z-index: 10000;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: white;
/*     background-color: #232323; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color:#fff
}
.hide-opener {
transform: translateX(100%);
}



.pulsating-circle {
  width: 4em;
  height: 4em;
  border-radius: 4em;
  background-color: #b3b3b3;
  outline: 1px solid transparent;
  animation: pulseanim 1.2s ease-in-out infinite;
}
@keyframes pulseanim {
  0% { transform: scale(0); opacity: 0.8;}
  100% { transform: scale(1); opacity: 0;}
}
/* END Preloader */
.btn.btn-primary {
	background-color: #e42423;
	border-color: #e42423;
}
.btn.btn-primary:hover {
	background-color: #d50000;
	border-color: #d50000;
	box-shadow: #d50000;
}

/* ----------- Produkt Singleview */
.img-bw,
.logos img {
	display: inline-block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
	transition: all 1s;
}
.logos img {
margin: 1rem;
max-height:80px;
max-width:100px;
}
.section-dark:hover img,
.img-bw:hover,
.logos img:hover,
.active-bw:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}

.active-bw:hover .btn {
	background-color: #e42423 !important;
	border-color: #e42423 !important;
}
.active-bw:hover h3 {
	color: #e42423 !important;
}
/* ----------- ROW IMG Branddetektion */
.img-table img {
    display: inline-block;
    margin: 1rem;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 1s;
    max-height: 40px;
	max-width:100%;
}
.img-table .col:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.img-table ul {
	padding-left:15px;
}
/* ---------------- btn-red */
.btn-red {
	color: #fff;
background-color: #e42423;
border-color: #e42423;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14),0 3px 1px -2px rgba(233,30,99,.2),0 1px 5px 0 rgba(233,30,99,.12);
}

/* ---------------- Check */
ul li {
	font-size:16px;
    line-height: 1.5em;
}
.main .container li {
    margin-bottom:10px;
}

/* ---------------- BEGIN Section Black Quote About */
.section-dark blockquote {
	border-left: 5px solid grey;
	padding-left:15px;
	font-style: italic;
}
/* ---------------- END Section Black Quote About */

/* ---------------- BEGIN Produkt Einzelansicht Downloads */
.card-product .card-body {
	position:initial;
}
.card-product .card-title a {
	color:white;
}
.card-product.card-background:after {
	background-color: rgba(0,0,0,.8);
}

.card-product:hover.card-background:after {
	background-color: #e42423;
}
.card-product .badge {
	position:absolute;
	right:0px;
	top:0px;
}
.card-product {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
/* ---------------- END Produkt Einzelansicht Downloads */




/* ---------------- END Section Black Quote About */


.features-2 {
	border-top: 1px solid #eee;
/* 	background-color: #eee; */
}
/*
.features-2 .icon {
	text-align: center;
}
*/
/* ------------- Footer */
.footer .active {
    color:white;
    text-decoration: underline;
    text-transform: uppercase;
    opacity: 1;
    padding: .9375rem;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    position: relative;
    display: block;
}

/* ----------- Warenkorb */
.checkout .icon {
	font-size: 3.85rem;
	width:100%;
	float:left;
	text-align:center;
}
.checkout .title {
font-size: 1.125rem;
line-height: 1.5em;
font-weight: 700;
font-family: Roboto Slab,Times New Roman,serif;
	width:100%;
	float:left;
	text-align:center;
}
.checkout .text-secondary {
font-size: 14px;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-weight: 300;
line-height: 1.5em;
	width:100%;
	float:left;
	text-align:center;
}

#cartform .card {
	position:relative;
	left:-27px;
	width:105%;
}
#cartform .card-description {
font-family: Roboto,Helvetica,Arial,sans-serif;
font-weight: 300;
line-height: 1.5em;
}


@media (min-width:991px) {
	p {
	font-size: 16px;
	}
}


@media (max-width:506px) {
	.page-header .brand {
		text-align: center;
	}
	.page-header h1 {
		font-size: 1.3125rem !important;
	}
	.page-header h1 .pro-badge {
		font-size: 12px !important;
	}
	.page-header h3 {
		font-size: 1.0rem;
	}
    .copyright {
        text-align: center !important;
        margin-top:15px;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
    }
}