a {color: #004EA3; text-decoration: none}
.link_underline {border-bottom: 2px solid #dedee1;}
.link_underline_light {
    border-bottom: 2px solid #dedee1; color: #dedee1;
}
.link_underline_light:hover {
    border-bottom: 2px solid #fff; color: #fff;
}
.accordion {padding-left: 0; padding-right: 0}
.accordion-button {display: block; font-weight: bold}
.amazon {
    background: linear-gradient(to bottom, #fad785, #f4b620);
    border: 1px solid #fad785 !important;
    color: #000 !important;
    font-size: 16px;
    padding: 5px;
    width: 100%;
}
.amazon:hover {
    opacity: 0.9;
    text-decoration: underline;
}
b {font-weight: 600}
body {background: #E9ECEF; color: #192734; font-size: 28px}
.breadcrumb {background: #FEFEFE; border: 1px solid #dedee1; border-radius: 0px; font-weight: 300px; padding: 10px}
.btn {border: 2px solid #fff; color: #fff; font-weight: bold; font-size: 18px; padding: 20px}
.btn:hover {border: 2px solid #192734; color: #FEFEFE}
.button_white {
    border: 1px solid #1da1f2;
    color: #1da1f2;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    text-align: center;
    text-transform: uppercase
}
.button_white:hover {
    background: #1b91db;
    color: #fff;
}
.button_blue {
    background: #011643;
    border: 1px solid #1da1f2;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase
}
.button_blue:hover {
    background: #2983FF;
}
.caption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 100px;
    width: 100px;
    outline: #011643;
    background-size: 100%, 100%;
    border: 1px solid #011643;
    background-image: none;
}

.carousel-control-next-icon:after
{
    content: '>';
    font-size: 55px;
    color: #011643;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 55px;
    color: #011643;
}
.card-body {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.carousel-indicators {
    margin-bottom: -15px;
}
.carousel-indicators [data-bs-target] {
    background: #192734;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    background: #E9ECEF;
    border: 1px solid #192734;
}
.container-fluid {max-width: 1500px;}
.dark-bar {background: #1b2835}
.detail_button {
    background: #F5F5F7;
    border-left: none;
    border-right: none;
    border-bottom: none;
    color: #000;
    text-align: center;
}
.detail_button:hover {
    background: #E9ECEF;
    color: #000;
}
.fa-star, .fa-star-half-alt {color: #f4b620}
.footer-nav-link {color: #8c9197; font-size: 18px}
.footer-nav-link:hover {color: #c5c8ca; text-decoration: none}
h1 {color: #192734; font-size: 30px; font-weight: bold}
h2 {color: #192734; font-size: 30px; font-weight: bold}
h3 {color: #192734; font-size: 30px; font-weight: bold}
h4 {color: #192734; font-size: 30px; font-weight: bold}
h5 {color: #192734; font-size: 30px; font-weight: bold}
h6 {color: #192734; font-size: 30px; font-weight: bold}

hr {background-color: #004EA3; height: 1px !important; opacity: 0.2}

img{
    object-fit: contain;
}
@media (max-width: 992px) {
    .lead {font-size: 14px}
    h1, h2, h3, h4, h5, h6 {font-size: 24px}
    table {font-size: 12px}
}
@media (min-width: 992px) {
    .lead {font-size: 18px}
}

input + label { display: inline-block }
input ~ .tab { display: none }
li {padding-bottom: 2px}
#tab1:checked ~ .tab.content1,
#tab2:checked ~ .tab.content2,
#tab3:checked ~ .tab.content3 { display: block; }

input:hover + label {cursor: pointer;}
input ~ .tab {display: none}
#bild1:checked ~ .tab.bildcontent1,
#bild2:checked ~ .tab.bildcontent2,
#bild3:checked ~ .tab.bildcontent3 {display: block}

input + .imageselect,label {}
input:hover + .imageselect, label {cursor: pointer}

.maxheight {max-height: 90px; overflow: auto;}
.navbar-dark {background: #1b2835}
.ph2headline {font-size: 24px; font-weight: bold; margin-bottom: 0}
.hersteller_mouseover {opacity: 1}
.hersteller_mouseover:hover {opacity: 0.8}
.soundbarselection {border: none;}
.soundbarselection:hover {border: none; opacity: 0.9}
.soundbar_headline {color: #000; font-size: 24px; font-weight: bold; margin-bottom: 0; text-align: center}
.sharebutton {background: #E9ECEF; border: 1px solid #dedee1; border-radius: 0px; color: #004EA3; padding: 10px}
.sharebutton:hover {background: #E9ECEF; border: 1px solid #dedee1;}
.tab {
    overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
    background: #F5F5F7;
    color: #7a8a91;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    padding: 14px 16px;
    transition: 0.3s;
    border: 1px solid #dedee1;
}
/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #E9ECEF;
}
/* Create an active/current tablink class */
.tab button.active {
    background: #E9ECEF;
    color: #000;
    border: 1px solid #dedee1;
    font-weight: bold;
}
/* Style the tab content */
.tabcontent {
    display: none;
    width: 100%;
}
.tabcontentstyle {background: #fff; border: 1px solid #dedee1; padding-top: 20px}
.showmore_button {background: #f6f5f7; border: 1px solid #dedee1; color: #192734; padding-top: 20px}
.showmore_button:hover {background: #E9ECEF; border: 1px solid #dedee1; color: #192734; padding-top: 20px}
th,td {font-size: 16px}
td {color: #000}
ul, ol {list-style-type: square; padding-left: 1rem; margin-bottom: 0}
li:last-child {padding-bottom: 0px;}
@media all and (max-width: 768px) {
    .backgroundimage {
        background-image: none !important;
    }
}

nav ul li ul.sub-menu {
    padding: 10px 0 10px 0;
    width: 250px
}

nav ul li ul li a {
    padding-left: 10px;
}

nav ul li ul li a:hover {
    color: #008d00;
}

nav ul li ul li {
    padding: 3px 0 3px 0;
}

nav ul li ul li:hover {
    background: #fff;
}

.thumbnail {
    position: relative;
}