/* +++++++++++++++++++++++++++++++++++++++++ */
/*     custom.css Schlamp Holz Bruckmühl     */
/* +++++++++++++++++++++++++++++++++++++++++ */

body {line-height: 1.35em;}
h1 {font-size: 2.4em; font-weight: 600;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.3em;}
hr.clsForm {max-width: 90%; margin: 15px auto 20px; background-color: #3c6400; border-top: 2px solid #3c6400;}

#container_header-sticky-wrapper.is-sticky #container_header {background-color: rgba(60, 100, 0, 0.3) !important;}
#container_base2_modules {background-color:#3c6400;}
.hornav ul.menu > li > a {font-size: 1.5em;}
.logo-slogan {font-size: 1.6em !important; letter-spacing: 5px; text-transform: uppercase; font-weight: 800;}
.clsStartBold {font-weight: 600;}
.clsStartGreenItalic {color: #3c6400; font-style: italic; font-weight: 600;}
.clsPreise {font-size: 2.6em; margin-bottom: 1.6rem; text-align: center; color: #fff !important; text-shadow: 2px 2px 2px #292929;}
.clsPreiseTxt {font-size: 1.8em; font-weight: 600; text-shadow: 2px 2px 2px #292929;}

.layerslideshow-title {font-size: 2.8em !important; font-family: Bevan; text-shadow: 1px 1px 6px #292929;}
.layerslideshow-caption {font-size: 2.1em; font-weight: 800; text-shadow: 1px 1px 6px #292929;}
.layerslideshow .info {top: -280px !important;}

#btnBestellen {position: relative; display:flex; justify-content: center; align-items: center;}
.clsBtnBestellen {position: absolute; color: #fff; background-color: #3c6400; top: -180px; font-size: 2em; padding: 20px 150px; border: 1px solid #fff; font-family: Bevan;}
.clsBtnFichte {background-image: url('/_holz/images/design/RobertHolz_Fichte_Button.png'); background-repeat: no-repeat; top: -550px; position: relative; width: 400px; height: 350px; left: 500px;}
.clsBtnEsche {background-image: url('/_holz/images/design/RobertHolz_EscheBuche_Button.png'); background-repeat: no-repeat; top: -900px; position: relative; width: 400px; height: 350px; left: 950px;}
.clsDirektOrder {text-align: center; color: #fff; font-family: Bevan; font-size: 4em;}
.clsDirektForm {text-align: center; color: #fff; font-size: 2.3em; font-weight: 800;}
.clsKontaktGreen {color: #3c6400; font-weight: 500;}
.clsLinkFooter {text-transform: uppercase; text-decoration: none;}

@media only screen and ( max-width: 959px) {
h1 {font-size: 2.2em; padding-left: 3px;}
h2 {font-size: 1.6em; line-height: 2rem;}
body {font-size: 0.9em !important;}
.clsImgSmall {max-width: 50%;}
}
}
@media only screen and ( max-width: 767px ) {
h1 {font-size: 1.8em; padding-left: 5px;}
h2 {font-size: 1.4em; line-height: 2rem;}
body {font-size: 0.85em !important;}
.clsImgSmall {max-width: 50%;}
}
@media only screen and ( max-width: 440px ) {
h1 {font-size: 1.8em; padding-left: 5px;}
h2 {font-size: 1.4em; line-height: 2rem;}
h3 {font-size: 1.1rem;}
body {font-size: 0.85em !important;}
.clsImgSmall {max-width: 50%;}
.clsUmbruch::after {content: '\A'; white-space: pre;}
.clsPreiseTxt {font-size: 1.3em;}
.clsDirektOrder {font-size: 2em;}
.clsDirektForm {font-size: 1.5em;}
}