/* Anpassung Schaltfläche Beststeller-Bereich */ 

.product-item-2 .action-button {
    background: #1d98cc;
}

/* Anpassung Schaltfläche Drei Kästen */ 
.bg-magenta, .product-item-2 .action-button {
    background: 
#1d98cc;
color:
    #ffffff;
}
/* Anpassung Klassiker Weiterlesen Button */ 

a.button {
    background: 
    #4fc1f0;
    border-radius: 0;
    padding: 5px 20px;
}

/* Schriftart */ 

body {
    font-family: 'Fira Sans', sans-serif;
}

@font-face {
  font-family: 'Fira Sans';
	src: url("https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,600&display=swap")
}

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:100,200,300,400,600&display=swap');

/* Allgemeine Farbanpassungen */
 
        /* Startseite */
 
        nav .main-menu > li:hover .product-nav, nav .main-menu > li:hover > a {
            color: #4fc1f0;
        }
 
        .main-menu > li > a::before, .dropdwn li a::before, .single-mega-item li a::before {
            background: #4fc1f0 none repeat scroll 0 0;
        }
 
        .header-search-inner::before {
            background: #4fc1f0 none repeat scroll 0 0;
        }
 
        nav .abc {
            color: #4fc1f0;
            font-weight: bold;
            font-size: 16px;
            display: block;
        }
 
        .submit-btn-1 {
            background: #4fc1f0;
        }
 
        .bg-magenta, .product-item-2 .action-button {
            background: #4fc1f0;
        }
 
        a.button {
            background: #4fc1f0 !important;
        }
 
        .blog-item .blog-desc {
            background: rgba(177, 136, 31, 0.8);
            color: #4fc1f0;
            height: 100%;
            left: 0;
            padding: 40px;
            position: absolute;
            top: 0;
            width: 100%;
            opacity: 0;
            transition: all 0.5s ease 0s;
        }
 
        footer .row ul a:hover {
            color: #4fc1f0;
        }
 
        .border-left::before, footer .row h4::before {
            background: #4fc1f0 none repeat scroll 0 0;
        }
 
        .sidebar #cat-treeview .active > a {
            color: #4fc1f0;
        }
 
        a:focus, a:hover {
            color: #4fc1f0;
            text-decoration: none;
        }
 
        .shop-tab li.active a {
            color: #4fc1f0;
        }
 
        /* Produkt Detailseite - Kalkulationsebene */
 
        .detail-content .detail-panel-wrapper .border-left::before, .detail-content .detail-panel-wrapper footer .row h4::before {
            background: #4fc1f0 none repeat scroll 0 0;
            content: "";
            height: 12px;
            left: 0;
            margin-top: -6px;
            position: absolute;
            top: 50%;
            width: 2px;
        }
 
        .detail-content .detail-panel-wrapper .button_info {
            background: #4fc1f0;
            border: 0 none;
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
            color: #fff;
            padding: 5px 10px;
            font-weight: normal;
            font-size: 12px;
        }
 
        .detail-content .detail-panel-wrapper .text-magneta {
            color: #4fc1f0;
        }
 
        .detail-content .button {
            background: #4fc1f0;
            border: 0 none;
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
            color: #fff;
            padding: 5px 20px;
        }
        
        /* Datenblatt */
        
        .detailinfo h3 {
            color: #4fc1f0 !important;
        }
 
        /* Uploader */
 
        .uploaresizeiframe .message-box .articel-title {
            color: #4fc1f0;
            padding: 5px 10px;
        }
 
        .upload-zone .wmd-upload-default-message {
            text-align: center;
            color: #4fc1f0;
            cursor: pointer;
        }
 
        .wmd-upload-wrapper .upload-control span, .wmd-btn {
            background: #4fc1f0;
            border: 0 none;
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgba(0,0,0,.03) inset;
            color: #fff;
            padding: 5px 20px;
            cursor: pointer;
        }
 
        .wmd-btn:hover, .wmd-upload-wrapper .upload-control span:hover {
            background: #906b0c;
        }
 
        /* Login - Registrierung */
 
        .wmd-btn:hover, .wmd-upload-wrapper .upload-control span:hover {
            background: #906b0c;
        }
 
        input[type="text"]:focus, input[type="password"]:focus {
            border: 1px solid #906b0c;
        }
 
        .btn-hover-2::before {
            background: #4fc1f0 none repeat scroll 0 0;
        }
 
        /* Bestellübersicht */
 
        .order-total {
            color: #4fc1f0;
        }
 
        .order-total-price {
            color: #4fc1f0;
        }
 
        .summary .button {
            background: #4fc1f0;
        }
 
        /* Adressbuch */
 
        .btn-hover-2::before {
            background: #4fc1f0 none repeat scroll 0 0;
        }
 
        .addrbook_button {
            border: medium none;
            color: #4fc1f0 !important;
            font-size: 13px;
            font-weight: 700;
            height: 35px;
            padding: 0 20px;
            text-transform: uppercase;
            transition: all .3s ease 0s;
            background: #000;
        }
        
        /* Auftragsstatus */
 
        .konto-tracking h3 {
            color: #4fc1f0;
        }
        
        .konto-tracking-detail h3 {
            color: #4fc1f0;
        }
        
        .konto-tracking-detail .button {
            background: #4fc1f0;
            border: 0 none;
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
            color: #fff;
            padding: 5px 20px;
            margin-bottom: 20px;
        }
        
        .konto-tracking-detail .konto-panel-wrapper textarea:focus {
            border-color: #4fc1f0;
        }
 
        /* Passwort ändern */
 
        .passwordlost h3 {
            color: #4fc1f0;
        }
 
        .passwordlost .button {
            background: #4fc1f0;
            border: 0 none;
            border-radius: 5px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
            color: #fff;
            padding: 5px 20px;
        }
 
        /* Papiergewichtsrechner */
 
        .papiergewichtsrechner a.lionbutton3, .papiergewichtsrechner button.lionbutton3 {
            background: #4fc1f0;
            color: #ffffff;
            display: inline-block;
            float: left;
            margin-right: 8px;
            padding: 5px 10px;
            margin-bottom: 1em;
        }
 
        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
            background: #4fc1f0 none repeat scroll 0 0;
        }
 
        .papiergewichtsrechner .ui-slider-horizontal {
            background: #f08aa1;
        }
 
        .papiergewichtsrechner #bigergebnis span {
            color: #4fc1f0;
        }

        /* Kontaktseite */
        
	.contact-address:hover i {
	background: #4fc1f0 none repeat scroll 0 0;
	}
	
        .contact-address:hover i {
 
        background: #4fc1f0 none repeat scroll 0 0;
 
        }

/* Soziale Netzwerke Hoverfarben */ 

.footer-social li .instagram:hover {
    border: 1px solid rgb(153, 153, 153);
	color:   #999;
}
.footer-social li .Home:hover {
    border: 1px solid rgb(153, 153, 153);
	color:   #999;
}

/* Anpassung Schriftgröße Warengruppen */ 

.categories .grid-view-category .product-item-2 .product-info .product-title {
    font-size: 13px;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Farbe bei Auftragsstatus */ 

.konto-tracking .button {
    background: 
#4fc1f0;
border: 0 none;
border-radius: 5px;
box-shadow: 0 0 0 1px
rgba(0, 0, 0, 0.03) inset;
color:
    #fff;
    padding: 5px 20px;
}