/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* syne-500 - latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  src: url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-500.svg#Syne') format('svg'); /* Legacy iOS */
}
/* syne-700 - latin */
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 700;
  src: url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/Griener/CustomUpload/374O357O340O370O356O369O350O326O369O360O356O365O356O369O/WebPortal/grifa-shop/fonts/syne-v13-latin-700.svg#Syne') format('svg'); /* Legacy iOS */
}


body, p, span, a, h6, .h6, .opensans {
font-family: Open Sans, Arial !important;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
font-family: Syne, Arial;
}

.main-menu, .griener-bg {
    background-color: #BE0027;
}

.griener-bg.text-white * {
color: white !important;
}

.catalog-menu ul {
    list-style-type: none;
    margin: 0;
    position: relative;
    background: #BE0027;
    z-index: 1000;
    padding: 1rem 0;
    color: #343a40!important;
}
.slider-content-4 h2 {
    font-size: 60px;
    font-weight: bold;
    line-height: 70px;
    margin: 0;
    color: white;
    text-shadow: 0px 0px 16px #000000;
}
@media only screen and (max-width: 1000px) {
.slider-content-4 h2 {
    font-size: 40px;
    line-height: 30px;
}
}
@media only screen and (max-width: 500px) {
.slider-content-4 h2 {
    font-size: 30px;
    line-height: 30px;
}
}
.electro-slider-btn {
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    padding: 15px 40px 14px;
    text-transform: uppercase;
    z-index: 99;
    background-color: #BE0027;
    color: #fff;
}
.slider-content-4 h4 {
    font-size: 20px;;
    letter-spacing: 2px;
    margin: 6px 0 30px;
    color: white;
    text-shadow: 0px 0px 16px #000000;
    font-weight: bold;
}
.single-slider-4 {
    background-position: center !important;
}
.fexible-content > h3 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #BE0027;
}
.banner-img{
    width:100%
}
.black-bg-2 {
    background: #BE0027;
}
.footer-info-text p {
    line-height: 25px;
    color: #ffff;
}
.footer-widget-content-3 ul li a {
    display: block;
    letter-spacing: 1px;
    padding-left: 24px;
    color: #fff!important;
}
.footer-services-content > h4 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 9px;
}


.square {
border-radius: 0px !important;
}

.box-shadow {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.img-wh-cover, .product-img-3-b img {
object-fit: contain;
}

.bg-grifa {
background-color: #BE0027;
}
.btn-registry{
    border: solid; 
    background-color: #BE0027;
    color: white;
}
.btn-registry:hover {
    border: black solid;
}

#divMenuCategory:hover #catalog-menu-container {
display: block !important;
}

.footer-widget-title-3{color:#FFFFFF !important}

.footer-widget-title-3::after {
    background-color: #fff;
}

.footer-widget-content-3 ul li::before {
    border: 1px solid #fff;
}

.fix, .banner-wrapper-4 > a:first-child, .best-selling-2-list > .product-wrapper > .best-selling-2-img {
    width: 100%;
}

.bg-img-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #33373b;
}

.img-cover {
    object-fit: cover;
}

.banner-wrapper-4 img {
 /* war mal so:   height: 15vw; */
height: auto;
}

div#modal-info-texts {
    max-width: 92vw;
}

.cart-preview {
max-width: 92vw;
}

@media (max-width: 992px) {
.ueber-uns-padding-mobile {
padding-left: 0px !important;
}
}
.galeriebild{
    height: 100px;
    object-fit: contain;
    border: 1px solid lightgrey;
    margin-bottom: 30px;
}
.text-white{
    color: white;
    text-align: center;
}

@media (min-width: 992px) {
.team-member {
height: 350px;
}
}