/* Add here all your CSS customizations */

/* istok-web-regular - latin */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 400;
    src: local('Istok Web Regular'), local('IstokWeb-Regular'),
    url('fonts/istok-web-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/istok-web-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* istok-web-700 - latin */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 700;
    src: local('Istok Web Bold'), local('IstokWeb-Bold'),
    url('fonts/istok-web-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/istok-web-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* istok-web-italic - latin */
@font-face {
    font-family: 'Istok Web';
    font-style: italic;
    font-weight: 400;
    src: local('Istok Web Italic'), local('IstokWeb-Italic'),
    url('fonts/istok-web-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/istok-web-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* istok-web-700italic - latin */
@font-face {
    font-family: 'Istok Web';
    font-style: italic;
    font-weight: 700;
    src: local('Istok Web Bold Italic'), local('IstokWeb-BoldItalic'),
    url('fonts/istok-web-v14-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/istok-web-v14-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    text-align: center;
    font-family: 'Istok Web', sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

h1 {
    font-family: 'Istok Web', sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
}

h2 {
    font-family: 'Istok Web', sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 16px;
}

h3 {
    font-family: 'Istok Web', sans-serif;;
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
}

p {
    font-family: 'Istok Web', sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 12px;
}

p.big {
    font-size: 1.15em;
    line-height: 30px;
}

a, a:hover {
    color: rgba(22, 135, 66 ,1);
}

.iq-margin-std {
    margin-top: 80px;
    margin-bottom: 80px;
}

.iq-padding-max {
    padding-top: 100px;
    padding-bottom: 100px;
}

.iq-padding-std {
    padding-top: 80px;
    padding-bottom: 80px;
}

.iq-padding-small {
    padding-top: 40px;
    padding-bottom: 40px;
}

.iq-padding-10-15 {
    padding: 5% 15%;
}
@media (max-width: 767px) {
    .iq-padding-10-15 {
        padding: 5% 5%;
    }
}

.iq-padding-no {
    padding: 0;
}


.iq-border-white {
    border-color: white;
}

.iq-p-1 {
    padding: .1rem !important;
}

.iq-container-relative {
    position: relative;
}

.iq-responsive-std {
    max-width: 100%;
    height: auto;
}

.thumb-info,
.thumb-info .thumb-info-wrapper {
    border-radius: 0;
}

.thumb-info.iq-thumb-info-static .iq-thumb-info-static-title {
    background: transparent;
    left: 5%;
    width: 90%;
    opacity: 1;
    padding: 0;
    position: absolute;
}

.thumb-info.iq-thumb-info-static .iq-thumb-info-static-ueberuns {
    background: transparent;
    left: 5%;
    width: 90%;
    opacity: 1;
    padding: 0;
    position: absolute;
}

.thumb-info.iq-thumb-info-static .iq-thumb-info-static-ueberuns {
    top: 30%;
    bottom: auto;
    text-align: center;
}

.thumb-info.iq-thumb-info-static .iq-thumb-info-static-ueberuns span.highlight.green {
    font-size: 1.4em;
    font-weight: 700;
    color: rgba(22, 135, 66 ,1);
}
.thumb-info.iq-thumb-info-static .iq-thumb-info-static-ueberuns span.standard.black {
    font-size: 0.6em;
    font-weight: 700;
    color: #000;
}


.thumb-info.iq-thumb-info-static .iq-thumb-info-static-title {
    color: white;
}

.thumb-info.iq-thumb-info-static .iq-thumb-info-static-title.left-bottom {
    top: auto;
    bottom: 5%;
    text-align: left;

}

.thumb-info.iq-thumb-info-static .iq-thumb-info-static-title.center {
    top: 50%;
    bottom: auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.1em;
}

.iq-logo-center {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iq-logo-center img {

    max-width: 80%;
    width: auto;
    height: auto;
}

span.highlight {
    color: rgba(22, 135, 66 ,1);
    font-weight: 700;
}

#header .header-border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.container-fluid.production-container {
    margin-left: -3px;
    margin-right: -3px;
    overflow-x: hidden;
}

.products-section-old {
    background-image: url('../image/bg_parkett_01.jpg');
    background-size: cover;
}

.products-overlay {
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10%;
}



.vorteile-section {
    background-image: url('../image/bg_wood_01.jpg');
    background-size: cover;
}

.vorteile-container div div {
    background-color: white;
}

.vorteile-container p
{
    margin-bottom: 16px;
}

.geschaeftsleitung-section img {
    padding: 15% 15% 10%;
}

.geschaeftsleitung-section figcaption {
    font-size: 0.9em;
    color: #000;
    font-weight: 700;
}


html #header.header-transparent .header-body:not(.header-border-bottom),
html:not(.sticky-header-active) #header.header-transparent-light-bottom-border .header-body {

    border-color: rgba(255, 255, 255, 1) !important;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}

html.sticky-header-active .header-logo img {
    padding-top: 16px;
    width: 60%;
}

html .bg-color-dark, html .bg-dark {

    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 255, 255, 1) !important;
}

#header .header-nav-main nav > ul > li > a {
    font-size: 0.8em;
    font-weight: 400;
    color: white;
}

#header .header-nav.header-nav-links nav > ul li:hover > a,
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active
{
    font-weight: 700;
    color: white;
}

#header .header-btn-collapse-nav {
    background: black;
}


@media (min-width: 992px) AND (max-width: 1220px)
{
    #header .header-nav.header-nav-links nav > ul > li > a,
    #header .header-nav.header-nav-links nav > ul > li:hover > a,
    #header .header-nav.header-nav-line nav > ul > li > a,
    #header .header-nav.header-nav-line nav > ul > li:hover > a
    {
        padding: 0 0.4rem;
        font-size: 0.7em;
    }
}

@media (max-width: 991px)
{
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
        background: #888888;
    }
}

footer {
    background-color: #373332;
    color: white;
    font-size: 0.8em;
    text-align: left;
}

footer {
    background-color: #373332;
    padding: 20px;
    color: white;
    text-align: left;
}

footer p {
    margin-bottom: 16px;
    font-size: 0.8em;
    color: white;
    line-height: 1.2em;
}

footer p.copyright {
    font-size: 0.6em;
}

footer p a,
footer a {
    color: white;
    text-decoration: none;
}
footer p a:hover,
footer a:hover {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}

footer a.nav-duty {
    font-weight: 700;
    padding-right: 20px;
}

.datenschutz p {
    text-align: justify;
}

.datenschutz ul {
    text-align: left;
}
.datenschutz ul li {
    padding-bottom: 8px;
}