/* Anpassungen Main Theme*/
body {
background-color: #efefef; max-width: 1680px; margin: 0 auto; box-shadow: 0px 0px 10px #e4e4e4; position: relative !important; min-width: 350px; word-wrap: break-word;}
body, p, div, ol, ul, li, a, table, tr, td {}
h1, h2, h3, h4, h5, h6 {}
.btn-success, .btn-info, .btn-warning, .btn-danger {color: #ffffff !important;}
.btn-group, .btn-group-vertical {margin-bottom: 5px;}
.active, .accordion:hover {background-color: transparent !important;}
.badge-secondary {color: #ffffff;}
.form-control {font-weight: 300;}
.opc-Accordion-head {width: 100%; font-size: 17px; font-weight: 500; padding: 5px;}
.accordion > .card > .card-header {margin-bottom: 5px; padding: 5px 10px; background: #f7f7f7; border-bottom: 2px solid #009EE2;}
.accordion > .card > .card-header button {color: #009EE2;}
.opc-Accordion-group { border: none;}
.card-body {padding: 15px 10px;}
a:hover, a:focus {transition: color 0.3s ease 0.2s;}
.winch-special-container-max-width {max-width: 1640px; margin: 50px auto !important;}
.carousel-arrows-inside, .slick-prev, .slick-arrow {opacity: 1; }
.carousel-arrows-inside .slick-prev {transform: none;}
.submenu-headline-image {max-width: 320px !important;}
.ws5_auswahlbutton .active {color: #009EE2 ;}
.ws5_auswahlbutton {color: #009EE2 ;}
.ws5_auswahlbutton:hover, .ws5_register_button:hover {color: #ffffff;}
.btn-primary:not(:disabled):not(.disabled).active {color: #888888;}
.navbar-nav > .nav-item > [title~="Sale%"] > .text-truncate {background: #ED2626; padding: 5px 10px; border-radius: 5px; color: #fff; margin: -5px 0 0; transition: background .5s ease 0s;}
.navbar-nav > .nav-item > [title~="Sale%"] > .text-truncate:hover, .navbar-nav > .nav-item > [title~="Sale%"] > .text-truncate:focus {background: #BF0000;}
.ttdt-celle-outer {border: 1px solid #efefef; margin: 4px 0px; padding: 5px;}
#tab-description > .desc h1, #tab-description > .desc h2, #tab-description > .desc h3, #tab-description > .desc h4, #tab-description > .desc h5, #tab-description > .desc h6 {color: rgb(0, 158, 226);}

@media (min-width: 1300px) {
.container {max-width: 1650px;}
}


/* Anpassungen Video Startseite*/
.video-outer { position: relative; text-align: center; margin-top: -25px;}
.video {width: 100%; height: auto; display: block; filter: grayscale(50%) contrast(80%);}
.video-thumb {width: 100%; height: auto; display: none;}
.video-text {position: absolute;top: 50%; width: 100%;transform: translateY(-50%); color: #fff; text-transform: uppercase; padding: 15px; z-index: 2;}
.video-text-inner-border-bottom {border-bottom: 3px solid rgba(255,255,255,0.15); padding-bottom: 5px; margin-bottom: 10px; font-size: 24px; display: inline-block;}
.video-text-inner-h1-titel {font-size: 65px; margin: 10px 0; color: #fff;}
.video-text-inner-beschreibung {text-transform: none; margin-bottom: 20px; color: #fff;}
.video-text-inner-buttons-2 {background: #009EE2; color: #fff; padding: 10px 25px; text-decoration: none; border-radius: 30px; border: 1px solid #009EE2; transition: all 0.3s ease; display: inline-block;}
.video-text-inner-buttons-2:hover { background: #656565; border-color: #656565;}

@media (max-width: 768px) {
.video-text-inner-h1-titel 
{font-size: 40px;}
}

@media (max-width: 600px) {
.video {display: none;}
.video-thumb {display: block;}
}

@media (max-width: 480px) {
.video-text-inner-border-bottom {font-size: 18px;}
.video-text-inner-h1-titel {font-size: 24px;}
}

/* Anpassungen Header*/
header .navbar-nav > .nav-item > .nav-link {padding: 24px 10px;}
 
 /* Anpassungen POPUP & Banner*/
.ws5_popupBanner {width: auto !important;}

.outer {max-width: 1680px; margin: 0 auto;}
.trinity-banner-top-img {width: 100%; height: 385px; position: relative; display: flex; justify-content: center; align-items: center; background-image: url('https://www.trinity-electric-vehicles.de/media/image/storage/opc/Sonstige/banner-popup/jupiter-gt-300-rot-grau-schwarz-modell-300-banner.jpg'); background-repeat: no-repeat; background-position: center bottom; background-size: auto; background-color: #000000;}
.trinity-banner-top-sale {width: 250px; height: auto; position: relative; margin-right: -900px;  margin-top: 150px;}
.trinity-banner-top-text {color: #ffffff; position: absolute; bottom: 10px; max-width: 1000px; width: 100%; text-align: center; font-size: 20px;}
.trinity-inner-special-banner {color:#1897D4;}

/* Responsive Rules */
@media screen and (max-width: 1200px){
.trinity-banner-top-img {background-position: left 45% bottom;}
.trinity-banner-top-text { bottom: 20px; max-width: 650px; text-align: left; left: 20px; font-size: 18px;}
.trinity-banner-top-sale { width: 200px; height: auto; position: absolute; left: 660px; bottom: 20px;
}

@media screen and (max-width: 900px){
.trinity-banner-top-img {height: 250px; background-size: auto 250px;}
.trinity-banner-top-sale {display:none;}
.trinity-banner-top-text {max-width: 80%; text-align: center; left:auto; padding: 8px; background-color: rgba(255, 255, 255, 0.3);}
}

@media screen and (max-width: 680px) {
.trinity-banner-top-img {height: 385px; background-position: left 45% top;}
.trinity-banner-top-text {background: none;bottom: 12px; max-width: 95%;}
}

@media screen and (max-width: 425px) {
.trinity-banner-top-img {height: 425px;}
}

@media screen and (max-width: 390px) {
.trinity-banner-top-img {height: 440px;}
}


/* Detail Artikel Technische Daten */
.trini-technische-daten-inner-l img {max-width: 100%; height: auto;}
.trini-technische-daten-ueberschrift {text-align: left;}
.ttdt-celle-outer {border: 1px solid #efefef; margin: 4px 0px;}
.ttdt-celle-l {font-weight: bold;}
.ttdt-celle-l, .ttdt-celle-r {padding: 5px;}


/* Responsive Tabellen */
.fuis-responsive-tabelle {display: block;}
.fuis-responsive-tabelle * {box-sizing:border-box;}
.fuis-responsive-tabelle table {width:100%;}
.fuis-responsive-tabelle table, .fuis-responsive-tabelle td, .fuis-responsive-tabelle tr, .fuis-responsive-tabelle th {border:1px solid #cccccc; border-collapse: collapse; text-align: left;}
.fuis-responsive-tabelle td, .fuis-responsive-tabelle tr, .fuis-responsive-tabelle th {padding:5px;}
.fuis-responsive-tabelle th {background:#efefef; font-weight: bold;}


/* Anpassungen Footer*/
#footer a:not(.btn):hover {color: #cccccc;}
#footer a {text-decoration: none!important;}
#footer-boxes .box-custom {margin-bottom: 30px;}
#footer .btn-secondary {color: #ffffff; background-color: #009EE2; border-color: #009EE2; }
#footer .btn-secondary:hover, #footer .btn-secondary:focus {background-color: #53565A; border-color: #53565A; }
#system-credits a {color: #53565A !important;}
#footer #copyright > div {background: #444; color: #fff;}

/* Ab hier Responsive*/

@media screen and (min-width: 1300px){
.container {max-width: 1640px;}
}

@media screen and (max-width: 1680px){
#content-wrapper {padding-right: 32px;padding-left: 32px;}	
.nav-mobile-body > .navbar-nav > .nav-item > .dropdown-menu > .dropdown-body {padding: 25px;max-width: 100%;}
}

@media screen and (max-width: 991.98px){
#footer {background-image: none;}
#main-wrapper {background-image: none;}
}

@media screen and (max-width: 575px){
#footer-boxes .box-custom {margin-bottom: 15px;}
}