.siteColor {
    color: rgb(107,  33,  29);
}

a,
a:link,
a:visited {
    color: rgb(106, 106, 102);
}


/* --- text.css --- */

a:focus,
a:hover,
a:active {
    color: rgb(107,  33,  29);
}

/* --- navigation.css --- */

a.lnk1a, a.lnk1a:visited {
    color: #ffffff;
}

#desktopMenu a.lnk1.active,
#desktopMenu a.lnk1.hover,
#desktopMenu a.lnk1:hover,
#desktopMenu a.lnk1:active,
#desktopMenu a.lnk1:focus {
    color: rgb(107,  33,  29);
}

a.lnk1a.active,
a.lnk1a.hover,
a.lnk1a:hover,
a.lnk1a:active,
a.lnk1a:focus {
    color: rgb(107,  33,  29);
}

#desktopMenu .dropdown-pane .rowBox2 {
    background-color: rgb(107,  33,  29);
}

#desktopMenu li.lnk2 a.hover,
#desktopMenu li.lnk2 a:hover,
#desktopMenu li.lnk2 a:active,
#desktopMenu li.lnk2 a:focus {
    color: rgb(107,  33,  29);
}

#mobileMainNav a:active,
#mobileMainNav a:focus,
#mobileMainNav a:hover {
    color: rgb(107,  33,  29);
}

.subpageMenuGrey li a {
    color: rgb(107,  33,  29);
}

/* --- styles.css --- */

main .bgWhite a,
main .bgWhite a:visited {
    color: rgb(107,  33,  29);
}

main .bgLightgrey {
    border-bottom: 1rem solid rgb(107,  33,  29);
}

main .bgDarkgrey .subheader {
    color: rgb(107,  33,  29);
}

main .bgDarkgrey a,
main .bgDarkgrey a:visited {
    color: rgb(107,  33,  29);
}

.slickSlider .slick-dots li.slick-active button {
    background-color: rgb(107,  33,  29);
    border: 1px solid rgb(107,  33,  29);
}

.article-slider .subheader {
    color: rgb(107,  33,  29);
}

.article-2 .subheader {
    color: rgb(107,  33,  29);
}

.article-referenzen h3 {
    color: rgb(107,  33,  29);
}

.article-referenzen h5 {
    color: rgb(107,  33,  29);
}

.article-referenzen .text h3 {
    color: rgb(107,  33,  29);
}

.article-referenzen .text a,
.article-referenzen .text a:visited {
    color: rgb(107,  33,  29);
}

.article-referenzen a,
.article-referenzen a:visited {
    color: rgb(107,  33,  29);
}

footer a:focus,
footer a:active,
footer a:hover {
    color: rgb(107,  33,  29);
}

/* --- slider.css --- */

.slickSlider .slider_3 .textLayer_2 {
    color: rgb(107,  33,  29);
}

.slickSlider .slider_4 .textLayer_2 {
    color: rgb(107,  33,  29);
}

/* --- typo3.css --- */

.button {
    background-color: rgb(107,  33,  29);
}

#cookieInfoBox a:hover,
#cookieInfoBox a:active,
#cookieInfoBox a:focus {
    color: rgb(107,  33,  29);
}

.button.secondary {
    background-color: rgb(107,  33,  29);
}

.news .teaser-text a,
.news .teaser-text a:visited {
    color: rgb(107,  33,  29);
}

.news.news-single .article-referenzen a,
.news.news-single .article-referenzen a:visited {
    color: rgb(107,  33,  29);
}

/* --- .jumper --- */

.jumper .box {
    background: url("images/arr-holzbau.png") no-repeat;
}

.article-slider .winkel .wBox {
    background: url("/fileadmin/co_system/_holzbau/css/images/winkel.png") no-repeat;
}
.article-2 .winkel .wBox {
    background: url("/fileadmin/co_system/_holzbau/css/images/winkel.png") no-repeat;
}
.article-referenzen .winkel .wBox {
    background: url("/fileadmin/co_system/_holzbau/css/images/winkel.png") no-repeat;
}
.article-referenzen .winkel2 .wBox {
    background: url("/fileadmin/co_system/_holzbau/css/images/winkel2.png") no-repeat;
}

ul { list-style-image: url(images/list-dot-red.png); }
.bgBMred ul { list-style-image: url(images/list-dot-white.png); }


/* --- Farbanpassung grau --- */

#subNavRow { background-color: rgb(106, 106, 102); }
footer     { background-color: rgb(106, 106, 102); }
main .bgBMblue a,
main .bgBMblue a:visited {
    color: rgb(106, 106, 102);
}
main .bgBMgreen a,
main .bgBMgreen a:visited {
    color: rgb(106, 106, 102);
}


h1, h2, h3, h4, h5, h6 {
    color: rgb(106, 106, 102);
}

#desktopMenu .dropdown-pane .rowBox {
    background-color: rgb(106, 106, 102);
}
#desktopMenu ul.menu.thirdsub li {
    background-color: rgb(106, 106, 102);
}

main .bgWhite h1,
main .bgWhite h2,
main .bgWhite h3,
main .bgWhite h4,
main .bgWhite h5,
main .bgWhite h6 {
    color: rgb(106, 106, 102);
}

main .bgWhite a:hover,
main .bgWhite a:active,
main .bgWhite a:focus {
    color: rgb(106, 106, 102);
}

main .bgLightgrey h1,
main .bgLightgrey h2,
main .bgLightgrey h3,
main .bgLightgrey h4,
main .bgLightgrey h5,
main .bgLightgrey h6 {
    color: rgb(106, 106, 102);
}

main .bgLightgrey a:hover,
main .bgLightgrey a:active,
main .bgLightgrey a:focus {
    color: rgb(106, 106, 102);
}

main .bgDarkgrey {
    background-color: rgb(106, 106, 102);
}

.slickSlider .slick-dots li:hover button {
    background-color: rgb(106, 106, 102);
    border: 1px solid rgb(106, 106, 102);
}

.slickSlider .slick-dots li.slick-active:hover button {
    background-color: rgb(106, 106, 102);
    border: 1px solid rgb(106, 106, 102);
}

.article-referenzen .textBox {
    background-color: rgb(106, 106, 102);
}


.embed-wrapper .embed-responsive .sg-cookie-optin-iframe-consent button {
    background-color: #6b211d !important;
    border: 3px solid #6b211d !important;
}
.embed-wrapper .embed-responsive .sg-cookie-optin-iframe-consent button:hover, .embed-wrapper .embed-responsive .sg-cookie-optin-iframe-consent button:focus {
    color: #6b211d !important;
}

/* Logo: Fixbreite wie zuvor beim PNG (195px). Die neue SVG bringt intrinsisch 255x125 mit,
   daher hart auf 195px, Hoehe proportional (height:auto ueberschreibt das 125er height-Attribut).
   Mobil wie zuvor: es gab keine logo-spezifische Breiten-Media-Query. */
#logoRow .logo img {
    width: 195px;
    height: auto;
}