@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html {position: relative;min-height:100%;}

body {font-family: 'Titillium Web', Arial, Helvetica, sans-serif;font-weight: normal;background: #FFF5EE;color:#121212;}

img {max-width:100%;height:auto;}

h1, h2, h3, h4, h5, h6 {font-family: 'Titillium Web', Arial, Helvetica, sans-serif;font-weight: bold;background:#4E0A0A;color:#fff;display:table;}

h1 {padding:0 .5em 0 .5em;}
h2 {margin:2em 0 1.5em;color:#fff;padding:0 0.5em 0 .6em;}
h3 {padding:0 0.5em 0 .6em;}

p {font-size:1.1em;line-height:1.6em;}

.site-content a {color:#994030;text-decoration: none;border-bottom:1px dashed #994030;}
.site-content a:hover {color:#4E0A0A;border-bottom:1px solid #4E0A0A;}
.site-content a.icon {border-bottom:none;margin-right:16px;}
.site-content a.icon svg {width:64px;height:64px;}
footer a {color:#fff;text-decoration: none;border-bottom:1px dashed #fff;}
footer a:hover {color:#fff;border-bottom:1px solid #fff;}

.site-nav, .site-header, .site-banner, .site-content, .site-logos, .site-footer-nav, .site-footer {width:100%;float:left;}
.site-nav {background:#4E0A0A;position: fixed;z-index:999;}
.site-header {background:url("../img/holz-bg.jpg") center;}
/*.site-banner {background:url("../img/slider/img01.jpg") repeat center center;height:300px;}*/
.site-banner img {display:block;}
.site-footer-nav {background:#4E0A0A;height:3em;}
.site-footer {bottom:0;z-index:999;color:#fff;background:url("../img/holz-bg.jpg") center;}

.site-nav ul, .site-footer-nav ul {margin:0;padding:0;list-style: none;}

.menu-footer li {float:left;}
.menu-footer a {color: #fff;display: block;line-height: 3em;padding: 0 1em;text-decoration: none;}
.menu-footer a:hover {background:#fff;color:#4E0A0A;}

.s1 {width:50%;}
.s2 {width:100%;}

.column {float:left;padding-left:1em;padding-right:1em;}
.column-aside {float:right;padding-left:1em;padding-right:1em;}
.column-aside section {padding-bottom:1em;}
.column-footer {text-align:right;}
.row {width:100%;float:left;}
.row-logo {display:table;}
.logo {text-align: center;padding:1em 0 0;}
.claim {color:#fff;text-align: center;padding:0 0 1em;}
.claim p.company {font-size:1.75em;font-weight:bold;}
.claim p {margin:0;}

.thumbnail {margin-right: 1em;margin-top:.25em;border-radius: 100%;}
aside .thumbnail {float:left;width:75px;margin:.25em .5em 0 0;}
.thumbnail-holz {margin-right:1em;}

.product {margin-top:1em;border-bottom:1px dotted #994030;}
.product-pic {display:block;}
.product-pic a {text-decoration: none;border:none;}
.product-pic a:hover {text-decoration: none;border:none;}
.product-pic a:hover img {opacity:0.75;-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;}
.product-text {display:block;}

#menu {display:none;}
.slicknav_menu {display:block;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

@media screen and (min-width:18em) {

	.column-footer {float:left;text-align:right;}
}

@media screen and (min-width:23em) {
	
	.claim p.company {font-size:2em;}
}

@media screen and (min-width:32em) {
	
	.product {border:0;}
	.product-pic {display:table-cell;vertical-align: top;width:25%;padding-right:2%;}
	.product-text {display:table-cell;vertical-align: middle;width:73%;}
	.product-text p {margin:0;}
}

@media screen and (min-width:46em) {
	
	body {margin:0 0 4em 0;}
	h1 {padding:0 0.5em 0 1.5em;}
	h2 {margin:3em 0 2em;color:#fff;padding:0 0.5em 0 2em;}
	h3 {padding:0 0.5em 0 2em;}
	.site-content .row {padding:2em 0;}
	.logo {display:table-cell;width:22%;padding:1.5em;text-align: left;}
	.claim {display:table-cell;vertical-align:middle;color:#fff;text-align: left;}
	.column {padding-left:1.5em;}
	.column-aside {padding-right:2em;padding-top:3.5em;}
	article.column {padding-right:3em;}
	.header-icons {display:block;}
	.header-icons ul {margin:3em 0 0 0;padding:0;}
	.header-icons li {margin-right: 5.1em;}
	.claim p.company {font-size:2.4em;}
	.menu-footer a {padding: 0 1.5em;}
}

@media screen and (min-width:52em) {
	
	.m1 {width:16.666666%;}
	.m2 {width:33.333333%;}
	.m3 {width:50%;}
	.m4 {width:66.666666%;}
	.m5 {width:83.333333%;}
	.m6 {width:100%;}
}

@media screen and (min-width:60em) {

	.site-nav {height:3em;}
	.site-header {padding-top:3em;}
	.logo {width:15%;}
	.container {max-width:960px;margin:0 auto;}
	.l1 {width:8.333333%;}
	.l2 {width:16.666666%;}
	.l3 {width:25%;}
	.l4 {width:33.333333%;}
	.l5 {width:41.666666%;}
	.l6 {width:50%;}
	.l7 {width:58.333333%;}
	.l8 {width:66.666666%;}
	.l9 {width:75%;}
	.l10 {width:83.333333%;}
	.l11 {width:91.666666%;}
	.l12 {width:100%;}
	article.column {padding-right:6em;}
	.menu li {float:left;}
	.menu a {color: #fff;display: block;line-height: 3em;padding: 0 1.5em;text-decoration: none;}
	.menu a:hover {background:#fff;color:#4E0A0A;}
	#menu {display:block;}
	.slicknav_menu {display:none;}
}

@media screen and (min-width:85em) {

	.container {max-width:1200px;margin:0 auto;}
}