body {
    font-family: Roboto,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

@media (min-width: 1500px) {	.container {    width: 1470px;}}

nav, .sidenav {
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

#header .header-box {    padding: 10px 0;}
#header .navbar {border:0;padding:10px 0px;background-color:#de4400;margin-bottom:5px;}
#header .navbar a {}
#mainnav .nav>li>a {	color:#fff;    font-size: 1.2em;    font-weight: 600;}
#header ul.dropdown.menu {background-color:#de4400;}
#header .menus-col .menu-dropdowns>.btn-group>.btn {    font-size: 1.2em;    color: #777;}

@media (max-width: 570px) {
	#header .logo-col{width:60% !important;}
	#header .menus-col{width:40% !important;}
    #header .header-box .menus-col .menu-dropdowns {
        margin: 2px auto;
    }	
}

/*
*/
.pricebox .uvp{	font-weight: 500;    font-size: 1.6em;text-decoration: line-through;}


body.cl-details #productPrice {    font-size: 26px;}
.partnerbox  a{ float:left;margin-right:10px;}

#media {display:flex;}
.pdf a,
#media a[href$='.pdf'] {
    background: url(../../img/pdf.png) center left no-repeat;
    display: block;
    padding-left: 64px;
    line-height: 64px;
}
.video a {
    background: url(../../img/mp4.png) center left no-repeat;
    display: block;
    padding-left: 64px;
    line-height: 64px;
}
#media div {width:25%;height:auto;padding:2%;margin:1%;border:1px solid #999;min-height:230px;}

.flexbox { display: flex; flex-direction: column; }
.flexbox  .pdf { order: 9; }
.flexbox  .video { order: 1; }

.mediacol div {max-width:100%;height:auto;padding:0%;margin:1%;}
.mediacol div.embed-responsive {min-height:180px;}
.mediacol div.pdf {height:80%;}

.mediacol video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}

body.cl-details #detailsItemsPager .pager-overview-link, body.cl-details #detailsItemsPager .pager-prev, body.cl-details #detailsItemsPager .pager-next, body.cl-details #detailsItemsPager .pager-overview-link a, body.cl-details #detailsItemsPager .pager-prev a, body.cl-details #detailsItemsPager .pager-next a {
    color: #e65100;
}

a {color: #de4400;}
a:hover {color: #ff6b2a;}

.btn-primary {    color: #fff;    background-color: #de4400;    border-color: #ff6b2a;}
.btn-primary:hover {  background-color: #ba7213;border-color: #985d0f;}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {    background-color: #de4400;}
body.cl-thankyou ol.checkoutSteps li .num, body.is-checkout ol.checkoutSteps li .num {    background-color: #999;}
body.cl-thankyou ol.checkoutSteps, body.is-checkout ol.checkoutSteps {    border-top: 3px solid #999;}



#sidebar h3 {font-size:1.5em;}
#sidebar .card-panel {
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    padding: 8px;
    margin: .5rem 0 1rem 0;
    border-radius: 2px;
    background-color: #eee !important;
}
.ratenzahlung,.hotline {padding:5px;}
.hotline p{margin:0.2em 0;}
.hotline i{font-size:1.2em;font-weight:bold;vertical-align:bottom;}
.hotline h3{font-size:2.1em !important;}
.hotline .tel{font-size:1.7em;font-weight:500;}
.hotline .times{}

.productBox .picture {
    position: relative;
}
.productBox .rabatt {
    font-size: 24px;
    font-weight: 700;	
    color: #ff0000 !important;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    height: 36px;
    background-color: rgba(255,255,255,0.5);
    bottom: 0;
    max-width: 100%;
}

#paypal-installment-banner-container {overflow:hidden;}

.tobasket .persparamBox,
.basketItemDesc .persparamBox {clear:both;padding:10px;}
.basketItemDesc .selectorsBox {clear:both;padding:4px 0 0 0;display:inline-block;}
.basketItemDesc .selectorsBox .selectbox {}
.basketItemDesc .persParamLabel{padding:4px 0 0 140px;}
.basketItemDesc .variant-label {clear:both;float:left;min-width:140px;margin:0 8px 0 0;padding:0;}
.basketItemDesc .dropdown-wrapper {float:left;}


/* evtl. weniger padding
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}
*/
.videoslider {width:100%;max-width:1195px;overflow:hidden;}
.welcome-teaser {}
video {
  width: 100%    !important;
  height: auto   !important;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 760px;
	}
}
@media (min-width: 1024px) {
	.modal-dialog {
		width: 840px;
	}
}

.sheet0 {border:1px solid #999;}
table.sheet0 td{padding:1%;margin:0%;min-width:80px;}
table tr:nth-child(odd) {  background-color: #eeeeee;
}


@media (max-width: 768px) {
	.cl-content #sidebar{display:none;}
}

.qrlinks .intro {background-color: #ff9800; color:#fff;padding:20px; }
.qrlinks .links ul{margin:0;padding:0;}
.qrlinks .links li{list-style: none;border-bottom:1px solid #ccc;padding:10px 10px 10px 10px;}
.qrlinks .links li img{width:32px;height:32px;margin-right:15px;float:left;}
.qrlinks .links li i{font-size:1.5em;color:#fff;float:left;margin-right:15px;}
.qrlinks .links i.fa {
  display: inline-block;
  border-radius:60px;
  box-shadow: 0 0 2px #888;
  padding: 0.5em 0.6em;
}

.qrlinks .links li .small{color:#aaa;font-size:0.8em;}

#footer .social-links li a .fa-facebook {    color: #de4400 !important;}
body.cl-details .details-col-right .action-links a {    color: #de4400;}
/* 
primary de4400		c33c00		ae3500		902c00
heller ff4e00
*/
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {   background-color: #ff4e00}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {    background-color: #ff4e00}
/*
31b0d5	heller
009EC0  mittel		
0089a7	dunkel 1
00748d  dunkel 2
002027  dunkel 3
*/
.btn-primary {   background-color: #de4400;    border-color: #c33c00}
.btn-primary:focus,.btn-primary.focus {    background-color: #ae3500;    border-color: #902c00}
.btn-primary:hover {   background-color: #ae3500;    border-color: #902c00}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {     background-color: #ae3500;    border-color: #902c00}

.btn-info {    color: #fff;    background-color: #de4400;    border-color: #c33c00;}
.btn-info:focus,.btn-info.focus { background-color: #ff4e00;    border-color: #ae3500}
.btn-info:hover {    background-color: #ff4e00;    border-color: #de4400}
.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {    background-color: #ff4e00;    border-color: #de4400}
.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus {    background-color: #de4400;    border-color: #ae3500}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {    background-color: #de4400;    border-color: #ff4e00}
.btn-info .badge {    color: #de4400;}

.rss {display:none}

.nav-tabs > li > a {
	background: #eeeeee;
	border-radius: 5px 5px 0 0;
}
.nav-tabs > li.active > a {
	background: #ffffff;
}
.discount .text {font-weight: bold;}

:root {    --swiper-theme-color: #999999;}
.swiper {  width: 100%;  height: auto;}
.swiper-slide{ width: fit-content;}
.swiperfullwrapper {}