/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

@media (min-width: 992px){
header .navbar-brand img {
    height: 5rem;
}}
/* logo größer */


.nav-scrollbar .navbar-nav {
	justify-content: center;
}
/* navbar zentriert */


@media (max-width: 991.98px){
.toggler-logo-wrapper {
    position: unset;
}}
/* mobile ansicht burger logo nach oben geschoben */

.form-clear {
    top: 8px;
    position: relative;
    right: 65px;
    display: none;
}
/* X position im suchtextfeld verschieben */

.input-group {
	justify-content: center;
        flex-flow: row;
}
/* suchtextfeld zentriert */

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .theme-default .nivo-caption, #footer .productlist-filter-headline {
    font-family: 'Rubik',sans-serif !important;
}
body, #footer .productlist-filter-headline {
	font-size: 1rem;
}

header > .bg {
	background: #33BBEA;
}

header .d-none + .bg {
    border-bottom: 3px solid #303030;
}
@media (min-width: 992px){
header #mainNavigation {
    font-size: 1.3rem;
}}


@media (min-width: 992px){
header .navbar-nav > .nav-item > .nav-link {
	color: #fff;
}}

.navbar-nav > li > a:hover,
.navbar-nav>li>a:focus{
	background-color: #fff;
}

#header-top-bar a:hover:not(.dropdown-item):not(.btn), header a:hover:not(.dropdown-item):not(.btn) {
	color: #525252;
}

.btn .btn-secondary {
    color: #33BBEA;
    background-color: #ffffff;
}

header .form-control {
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child):hover {
    color: #33BBEA;
    background-color: #ffffff;
}

#footer {
	background-color: #1A1A1A;
}

#footer a {
	color: #9A9A9A;
}
#footer .productlist-filter-headline {
    color: white;
}
#footer #copyright {
    background-color: #000000;
	color: #9A9A9A;
}
#copyright a {
	color: #33BBEA !important;
}
#footer li > a:hover{
	color: white;
}
.container-fluid-xl {
    max-width: 80rem;
}
#footer .box-custom .box-content-wrapper {
    color: #fff;
}


.productbox-inner .productbox-title-center a{
    text-align: center;
	color: #33BBEA;
	height: 3rem;
}
.price_wrapper-center {
	text-align: center;
}

.layout-gallery.product-list .product-wrapper {
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
.layout-gallery.product-list .product-wrapper:not(:last-child) {
    margin-bottom: 0 !important;
}

@media (min-width: 1200px){
.layout-gallery.product-list .product-wrapper:nth-child(3n) {
    border-right-color: transparent;
}}
.layout-gallery.product-list .basket-details-add-to-cart {
    margin-top: 0;
}

.layout-gallery.product-list .item-delivery-status {
    text-align: center;
	margin-top: 1rem;
}
.layout-gallery.product-list .item-list-basket-details {
    margin-top: 0rem;
}
@media (max-width: 1300px){
.productbox-inner .form-row {
    display: none;
}}

/* Eigene Seiten Trenner */
.cstm_trenner {
	width: 15%;
    height: 5px;
    position: relative;
    background-color: #e09b1a;
    margin-bottom: 15px;
    flex: initial !important;
}

/* Partnerprogramm */
.obme_partnerprogramm {
	max-width: 90%;
}
/* Kundenbewertungen */


/* Slideshow container */
.obme_kundenbewertungen_container .slideshow-container {
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Slides */
.obme_kundenbewertungen_container .mySlides {
  display: none;
  padding: 20px;
  text-align: center;
}

/* Next & previous buttons */
.obme_kundenbewertungen_container .prev {
	left: 0;
}
.obme_kundenbewertungen_container .prev, .obme_kundenbewertungen_container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: unset;
}

/* Position the "next button" to the right */
.obme_kundenbewertungen_container .next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.obme_kundenbewertungen_container .prev:hover, .obme_kundenbewertungen_container .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.obme_kundenbewertungen_container .dot-container {
    text-align: center;
}
@media (max-width: 1042px) {
	.obme_kundenbewertungen_container .dot-container {
    display: none;
}
}

/* The dots/bullets/indicators */
.obme_kundenbewertungen_container .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.obme_kundenbewertungen_container .active, .obme_kundenbewertungen_container .dot:hover {
  background-color: #717171;
}

.obme_kundenbewertungen_container h5, .obme_kundenbewertungen_container p, .obme_kundenbewertungen_container h1 {
	color: #000;
}
.obme_kundenbewertungen_container .mySlides {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/* Bulletpoints Artikeldetailseite */
.obme_bullet-container {
	width: 13rem;
    height: 13rem;
    border-radius: 20rem;
    text-align: center;
    justify-content: center;
    display: flex;
}
.obme_bullet-container>div{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    top: 12%;
    height: 80%;
}
.obme_bullet-grid>div {
	display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
}

/* Startseite */
.obme_d-grid {
	display: grid;
	height: 100%;
}
.obme_d-grid>div {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.opc-Video-iframe-wrapper {
	display: block !important;
}


/* Ankerpunkte */
#maincontent {
	position: relative;
    top: -40px;
    visibility: hidden;
}


/* sub-categories */

@media (min-width: 768px) {
	.content-cats-small .caption {
		text-align: left;
	}
}


/* OBME-Top-Bar */
#obme_top_bar {
	background-color: #E09B1A;
	border-bottom: solid 1px #E09B1A;
}
.topbar-left {
	list-style-type: none;
    margin-left: 16%;
    padding: 10px 1rem;
    position: relative;
    display: flex;
    justify-content: space-around;
    margin: auto;
	max-width: 103.125rem;
	font-weight: 600;
	flex-wrap: wrap;
}
.top_link a{
	text-decoration: none;
}
.top_link a:link, .top_link a:visited, .top_link a:hover {
	text-decoration: none;
}
.top_link a:active {
	text-decoration: underline;
}
.top_link a:hover {
	color: #272222;
}
.top_link>.fas {
	color: #272222;
}
.topbar-left li {
	color: #272222;
	font-size: 20px;
}

.topbar-left .blink {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* startseite socioal media */
.start_icon{
    max-width: 80px !important;
}
.start_grid{
    align-items: center;
}
.start_mediacon>div{
    background-color: #33BBEA;
}

/* Logo Slider (Bekannt aus) */
.logo-slider-section {
    padding: 40px 20px;
}
.logo-slider-section .logo-row > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.logo-slider-section .logo-row > div > div {
    flex-shrink: 1;
    max-width: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.logo-slider-section .logo-row > div > div > div {
    max-width: none !important;
    margin: 0 !important;
}
.logo-slider-section .logo-row img {
    height: 40px;
    width: auto;
    object-fit: contain;
}
.logo-slider-section .logo-text p {
    margin-bottom: 0 !important;
}
@media (max-width: 1200px) {
    .logo-slider-section {
        padding: 30px 10px;
    }
    .logo-slider-section .logo-slider-container {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .logo-slider-section .logo-slider-container::-webkit-scrollbar {
        display: none;
    }
    .logo-slider-section .logo-row > div {
        justify-content: flex-start !important;
        gap: 30px;
        width: max-content !important;
    }
    .logo-slider-section .logo-row > div > div {
        flex-shrink: 0;
    }
}

.css-withdrawal-button-wrapper a {
color: black !important;
}

#footer a:not(.btn), #footer .newsletter-footer-heading, #footer .btn-outline-primary {
    color: #9A9A9A;
}

.container-fluid.menu-center-center {
  box-shadow: -400px 0 0 0 #3498db, 400px 0 0 0 #3498db;
  background: #3498db;
}