Кухонний змішувач Franke Mythos Water Hub All in One (160.0731.761) антрацит

Ресурси, що стосуються безпеки та продуктів

.lnd_FAQ{

padding-bottom: 2em:

}

.lnd_FAQ .lnd_wrapper{

background-color: #fff

}

.lnd_FAQ h2 {

font-size: 24px !important:

color: #ff6400 !important:

font-weight: bold !important:

text-transform: uppercase:

text-align: center:

}

.lnd_faq h3 {

font-size: 28px:

text-align: center:

font-weight: bold:

color: #ff6400 !important:

}

.lnd_FAQ h4{

font-size: 20px:

color: #000000 !important:

font-weight: 600:

padding: 0 0 0 0:

}

@media screen and (max-width: 720px) {

.lnd_FAQ h4{

padding: 0 0 0 .8em:

}

}

.lnd_FAQ h4 span{

color: #b9b9b9 !important:

font-weight: 400:

}

.faq-wrap {

margin: auto:

}

@media only screen and (max-width: 720px) {

.faq-wrap {

padding: 0 1em:

}

}

.expandable__title {

display: flex:

justify-content: space-between:

align-items: center:

cursor: pointer:

font-weight: 500:

background-color: #ebebeb::

padding: 1em:

transition: background-color 0.3s ease:

font-size: 16px !important:

color: #313131:

}

.expandable__title a {

font-weight: bold:

}

.expandable__title a:hover {

text-decoration: underline:

}

.expandable__title i:before {

transform: rotate(45deg):

content: "":

border-top: 2px solid #000000:

border-right: 2px solid #000000:

height: 10px:

width: 10px:

display: block:

transition: transform 0.5s ease:

}

.expandable__toggle {

display: none:

position: absolute:

left: -99999px:

}

.expandable__content {

height: 0:

overflow-y: hidden:

transition: all 0.5s ease:

padding: 0 1em:

opacity: 0:

font-size: 16px !important:

color: #313131:

text-align: left:

}

.expandable__content a {

font-weight: bold:

}

.expandable__content a:hover {

text-decoration: underline:

}

.expandable__content li {

margin: 1em 0:

}

.expandable__toggle:checked + .expandable__separator + .expandable__title + .expandable__content {

height: auto:

padding: 1em 1em:

opacity: 1:

}

.expandable__toggle:checked + .expandable__separator + .expandable__title i:before {

transform: rotate(135deg):

border-top: 2px solid #ffffff:

border-right: 2px solid #ffffff:

}

.expandable__toggle:checked + .expandable__separator + .expandable__title {

background-color: #696969:

color: #ffffff:

font-weight: bold:

}

.expandable__toggle:not(:checked) + .expandable__separator + .expandable__title:hover {

background-color: #d3d3d3:

color: #000000:

}