@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700&display=swap');

body {
    color: #000000;
}

a {
    color: #000000;
}
a:hover {
    color: #66b8d9;
}

.dropdown-toggle::after, [data-toggle=collapse]:not(.navbar-toggler)::after {
  content: '\f078' !important;
  font-family: "Font Awesome 5 Free" !important;
}
  @media (max-width: 991.98px) {
header .navbar-nav .nav-link::after {
  content: '\f054' !important;
  font-family: "Font Awesome 5 Free" !important;
}
  }
 
#header-top-bar, #vorteile {
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #f0f0f0 2px, #f0f0f0 4px);
}

.navbar-brand {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (min-width: 992px) {
.pt-lg-7, .py-lg-7 {
    padding-top: 3rem !important;
}
}

.hr-sect 
	{margin: 3rem 0 0.5rem 0;
}

.hr-sect::before, .hr-sect::after {
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #e6e6e6 2px, #e6e6e6 4px);
    height: 0.4rem;
}

.opc-Flipcard .opc-Flipcard-inner {
    position: relative;
    width: 100%;
    margin: 1rem 0 1rem 0;
}

h1, h2, h3, h4, h5, .hr-sect {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}
h1, h2.h1, h3.h1 {
    line-height: 25px;
    margin: 15px 0;
    padding: 10px 30px;
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #f0f0f0 2px, #f0f0f0 4px);
    color: #000000;
    font-weight: 600;
	font-size: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #66b8d9;
    border-radius: 7px;
}

ul.haken li  {
    list-style-type: none;
    color: #000000;
	padding: 7px;
    padding-left: 7px;
	border-bottom: 1px dotted #ddd;
    text-indent: -24px;
}
ul.haken li::before {
  font-family: "Font Awesome 5 Free" !important;
    content: '\f00c' !important;;
    font-size: 14px;
	font-weight: 900;
    padding-right: 10px;
    color: #66b8d9;
}

.opc-Flipcard-front img {
	cursor:pointer;
}

.slick-prev::after {

    content: '\f053' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}
.slick-next::after {
    content: '\f054' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}


#footer {
    background: /*repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px)*/#000000;
}
#footer .productlist-filter-headline, #footer a, #footer li {
	color:#f0f0f0;
}
#footer a:hover {
    color: #66b8d9;
}
#footer .btn-icon-secondary {
    border-color: #fff;
}
#footer .btn-icon-secondary:hover {
    border-color: #000;
}

#footer .productlist-filter-headline {
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: repeating-linear-gradient(45deg, #333, #333 2px, #000000 2px, #000000 4px);
}

#footer .nav-panel ul li {
    list-style-type: none;
    text-align: center;
    border-top: 1px dotted #555;
	margin:0.4rem 1.0rem -0.1rem 1.0rem;
}
#footer .nav-panel ul li:first-child {
    border: none;
}
#footer .footerboxtitel {
	margin: 0 auto; 
}

.footerzahlarten li {
    text-align: center;
}
.footerzahlarten li i {
	font-size: 1.5em;
	margin-right: 4px;
	color: #66b8d9;
}


.footnote-vat {
	color:#f0f0f0;
}
.footnote-vat a {
    color: #66b8d9 !important;
}


/* SERVICE */
.service {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: default;}
.service i {background:#fff; transform: scale(3); position: relative; top:-40px; color:#66b8d9; padding:10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} 
.service div {padding:20px;}
.service div div {margin:0; padding:0 30px 30px 30px; background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; color:#000000;}
.service div h2 {margin:0; padding:10px 0 20px 0; border:none; display:block; text-align:center; font-size:20px; color:#000000; font-weight:700;}


.pull-right {
    float: right !important;
}


#system-credits {
    display: none;
}

.breadcrumb-arrow::before {
    content: '\f104' !important;
}

/*--Artikelbeschreibung => Tabs--*/
.img-responsive {
    max-width: 100%;
}
.dsc h2 {
    display: table;
    padding: 0 2px 3px 2px;
    margin: 30px 0 20px 0;
    font-size: 18px;
    color: #66b8d9;
}
.dsc ul {
    margin: 15px 0;
    padding: 0;
}

#tab-tab2-name iframe {
	margin-right:10px;
	margin-bottom:10px;
	width: 100%;
	max-width: 560px;
}
.dsc ul li {
    list-style-type: none;
    color: #000000;
    padding: 7px;
    padding-left: 7px;
    border-bottom: 1px dotted #ddd;
    text-indent: -24px;
    padding-left: 30px;
}
.dsc ul li::before {
    font-family: 'Font Awesome 5 Free';
	content: '\f00c';
	font-weight:900;
    font-size: 14px;
    padding-right: 10px;
    color: #66b8d9;
}
.dsc .listliefer ul li::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f14a";
	font-weight:900;
    font-size: 14px;
    padding-right: 10px;
    color: #66b8d9;
}
img.zusatzbild {
    border: 1px solid #eee;
}
small.zusatzbildtext {
    text-align: center;
	font-size:90%;
    display: block;
    padding: 10px 0 30px 0;
    color: #777;
}

/*--- Tabellen ---*/

.container table tr:nth-child(2n+1) {
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #efefef 2px, #efefef 4px);
}
.container table td:first-child {
    font-weight: 700;
    border-right: 1px solid #ddd;
}
.container table td {
    padding: 5px 20px;
	vertical-align: middle;
}

#product-configurator > ul#cfg-modal-tabs > li.nav-item > a.active {
    background-color: #66b8d9 !important;
}
.nav-pills .active {
    color: #fff;
    background-color: #000;
}

.basket_wrapper ul.partlist-items {
    display: none;
}

.ppf-container {
    background: repeating-linear-gradient(45deg, #fff, #fff 2px, #f0f0f0 2px, #f0f0f0 4px);
    border: 1px solid #66b8d9 !important;
    border-radius: 7px;
}

.cmo_pluginhinweis {
	display:none !important;
}



/*
#zahlung p.text-muted {
    color: #000 !important;
}

#zahlung p.text-muted strong {
    font-size: .9rem;
}
*/

#fieldset-payment .custom-control-inline {
    width: 100%;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -5px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
#fieldset-payment label {
    border-bottom: none !important;
	margin-left:20px;
}
#fieldset-payment label img {
    float: none !important;
}
#fieldset-payment label > span {
    line-height: normal !important;
    margin-top: 10px;
}
#fieldset-payment label > span > small {
	font-size:90% !important;
	color: #707070 !important;
}