

:root  {
--branding-color: #cf035c}

.secondary-nav-section a:hover  {
color: var(--branding-color);
}

.warenkorb-icon2 {
height: 30px;
width: 30px;
background-image: url('../images/icons/warenkorb_voll_s.svg');
background-size: 30px 30px;
background-repeat: no-repeat;
transition: 0.3s;
margin-top: 4px;
}

.warenkorb-icon:hover {
height: 30px;
width: 30px;
background-image: url('../images/icons/warenkorb_s_hover.png');
background-size: 30px 30px;
}

.madeitpink {
color: var(--branding-color) !important;
}

.grid-producttitle:hover {
color: var(--branding-color);
}
a p.contact-txt:hover {
color: var(--branding-color);
}

.btn-vororder, .btn-sale {
background-color: var(--branding-color);
border: none;
}
.btn-sofort, .btn-top {
background-color: var(--branding-color);
border: none;
}

.btn-sofort:hover, .btn-top:hover {
background-color: var(--branding-color);
border: none;
}

.available {
color: var(--branding-color);
font-family: "Roboto-Bold", "sans-serif";
}

.white-button {
background-color: #ffffff;
border: 1px var(--branding-color) solid;
color: var(--branding-color);
padding: 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
transition: 0.3s;
}
.white-button:hover {
background-color: var(--branding-color);
color: #ffffff;
text-align: center;
font-size: 16px;
}
.soft-button:hover {
border: 1px var(--branding-color) solid;

color: var(--branding-color);

}


.grey-button:hover {
background-color: var(--branding-color);
color: #ffffff !important;
}

.light-button:hover {
background-color: #ffffff;
color: var(--branding-color);
text-align: center;
font-size: 16px;
border: 1px var(--branding-color) solid !important;
}

.pink-button {
background-color: var(--branding-color);
border: 1px var(--branding-color) solid;
color: #ffffff;
padding: 15px;
padding-top: 7px;
padding-bottom: 7px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
transition: 0.3s;
}
.pink-button:hover {
background-color: #ffffff;
color: var(--branding-color);
text-align: center;
font-size: 16px;
border: 1px var(--branding-color) solid !important;
}

.pinkybold {
color: var(--branding-color);
font-family: "Roboto-Bold";
font-weight: bold;
}
.primary-link:hover {
text-decoration: none;
color: var(--branding-color);
}

.pinklink {
color: var(--branding-color);
cursor: pointer;
}

.greylinkpink:hover {
color: var(--branding-color);

}
.pinklink:hover, .pinklink:focus {
text-decoration: underline;
color: var(--branding-color);
}

.pagination .page-item.active .page-link {
background-color: var(--branding-color) !important;
border-color: var(--branding-color) !important;
color: #ffffff !important;
}

/*Dropdownmenü*/
.dropdown-content {

    border: 2px var(--branding-color) solid;

}


#dropdown-shoesizes
{

    width: 400px;
}


.filtercheckboxSize {
padding-left: 10px;
width: 9.5% !important;
text-align: center;
}

.menu-down a {
color: var(--branding-color);
}

/* Change background color of buttons on hover */
.tab button:hover {
border-bottom: 3px var(--branding-color) solid;
}

.activeunderlined {
border-bottom: 3px var(--branding-color) solid;
}

/* Create an active/current tablink class */
.tab button.active {
border-bottom: 3px var(--branding-color) solid;
}


/* Tooltip */
.tooltip-form {
position: relative;
display: inline-block;
color: var(--branding-color);
font-size: 1.4em;
}

#dropdown-shoesizes {
    background-color: #ffffff !important;
color: var(--branding-color);

    overflow: hidden;
}
.firstcheckboxline {
    background-color: #ffffff !important;
color: var(--branding-color);

    overflow: hidden;

}

.iconhover:hover {
color: var(--branding-color);
}

.warenkorb_aktualisieren:hover {
border: 1px var(--branding-color) solid !important;
color: var(--branding-color) !important;
}

.product-name-cart a:hover {
color: var(--branding-color);
}
.tooltip_cart {
color: #ffffff;
background-color: var(--branding-color);
padding: 1px 8px 1px 8px;
border-radius: 1000px;
position: absolute;
right: -20px;
top:18px;
}

/*Blinkepümpel*/
#putIntoCartModal2 {
display:none;
color: #fff;
position: fixed;
background-color: var(--branding-color);
padding: 16px;
right: 23px;
top: 18px;
border-radius: 10px;
z-index:999;
text-align:center;
opacity: 0.8;
}

#putIntoCartModal3 {
display:none;
color: #fff;
position: fixed;
width: 320px;
background-color: var(--branding-color);
padding: 16px;
right: 23px;
top: 18px;
border-radius: 10px;
z-index:999;
text-align:center;
opacity: 0.8;
}