* { outline-style: none !important; }
html { font-size: 112.5%; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden !important; }
body { color: #000; font-size: 17px; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; line-height: 25px; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; background: #edebe8; margin: 0 !important; padding: 0 !important; outline: none 0; overflow-x: hidden; }
/**/
/**/
header { background-color: transparent; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 132px; z-index: 45; margin-right: auto; margin-left: auto; border-style: none; }
header .container-fluid { max-width: 1140px; }
.navbar-brand { width: 80px; height: 92px; margin-top: 20px; margin-left: 15px !important; padding: 0 !important; }
.navbar-brand img { width: 100%; }
.navbar-header { background-color: transparent; height: 112px; margin: 0 !important; padding: 0 !important; display: block !important; }
.navbar { background-color: transparent; border-style: none; }
.navbar-collapse { text-align: center !important; width: 100% !important; height: 60px !important; margin-right: auto !important; margin-left: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0; border-style: none; display: inline-block !important; }
.navbar-default { background-color: white; width: 100%; height: 132px !important; margin: 0 auto; border-style: none; border-radius: 0; }
/*.navbar-center-mitSprache - ändern zu .navbar-center für Website mit Sprachauswahl, wenn Navi zentriert. /media entfernen, bisherige .navbar-center entfernen*/
.navbar-center-mitSprache { float: none; display: inline-block; }
.navbar-center { display: inline-block; float: right; }
@media (min-width:768px) {
.navbar-center { margin-right: -15px; }
}
.navbar-default .navbar-nav > li { padding: 0 15px; }
.navbar-default .navbar-nav > li:last-childX { padding-right: 0; }
.navbar-default .navbar-nav .dropdown-menu li:last-child { padding-left: 0; border-left: 1px none #b4b4b4; border-top-style: none; border-right-style: none; border-bottom-style: none; }
.navbar-default .navbar-nav > li > a { color: #000; font-size: 16px; font-weight: 400; line-height: 132px; background-color: transparent; text-align: left; padding: 0; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #90b10a !important; background-color: transparent !important; border-bottom: 4px none #181c27; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #90b10a !important; background-color: transparent; border-bottom: 4px none #566cb0; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #90b10a !important; background-color: transparent !important; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg) !important; -moz-transition: rotate(45deg) !important; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transition: rotate(-45deg); transform: rotate(-45deg); }
.navbar-toggle .icon-bar { color: #000; background-color: #000; position: relative; transition: 300ms ease-in-out; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-default .navbar-toggle { float: left !important; margin-top: 0 !important; margin-right: 15px !important; margin-left: 30px; padding-right: 0; border-color: #ddd; border-style: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent }
@media (max-width:992px) {
.navbar-brand { }
.navbar-header { height: 80px; float: none; display: block !important; }
.navbar-default .navbar-nav li:last-child { border-left-style: none; }
.navbar-default .navbar-toggle { margin-left: 5px; display: block; }
nav { width: 100% !important; padding: 0 !important; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover li { background-color: transparent; border-style: none; }
.navbar-default .container { padding-right: 0; padding-left: 0; }
.navbar .navbar-nav { background-color: #fff !important; width: 100% !important; height: auto !important; overflow: auto; float: left !important; margin: 0 !important; display: block !important; }
.navbar-default .navbar-nav > li > a { color: #000; line-height: 42px !important; text-align: left; }
.navbar-default .navbar-nav > li { float: none !important; margin-top: 0 !important; margin-bottom: 0; padding-top: 0; padding-right: 0 !important; padding-bottom: 0; padding-left: 0 !important; border-top-color: #e4e4e4 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-style: none; border-left-style: none; display: block; }
.navbar-right li:first-child { border-top: 1px solid #e4e4e4 !important; }
.navbar-left li:first-child { border-style: none !important; }
.navbar-collapse { height: auto !important; display: block; overflow-x: hidden !important; }
.navbar-default .navbar-collapse { background-color: #fff; width: 100%; max-height: none!important; margin-top: 0; padding: 5px 15px 40px !important; border-top-style: none; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: solid; border-bottom-width: 1px !important; border-left-style: none; }
.navbar-collapse.collapse { overflow: hidden; display: none!important; }
.navbar-default .collapse.in { display: block !important; }
.navbar-default .navbar-toggle { float: right !important; margin-top: 22px !important; margin-right: 15px !important; }
header { height: 80px !important; }
.navbar-default { height: 80px !important; }
.navbar-brand { position: relative; left: 0; width: 51px; height: 58px; margin-right: auto !important; margin-left: auto !important; float: none !important; margin-top: 11px; display: block; }
}
@media (max-width:580px) {
header { height: 80px !important; }
.header { height: 80px !important; }
.navbar-header { height: 80px; }
.navbar .navbar-nav .dropdown .dropdown-menu li { display: inline-block !important; min-width: 140px !important; }
header { position: fixed; height: 80px; }
.header { height: 80px !important; }
.navbar-header { height: 80px; }
.navbar-default .navbar-toggle { margin-top: 22px !important; float: left !important; margin-left: 5px !important; }
.navbar-default .navbar-nav > li > a { line-height: 36px !important; }
}
@media (max-width:320px) {
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 116px !important; }
#navbar { height: 400px !important; overflow-y: scroll !important; }
}
/**/
.navbar .navbar-nav .dropdown .caret { float: right !important; display: none; }
.navbar .navbar-nav .dropdown .dropdown-menu { padding: 0 15px 15px; border: 0 transparent; border-radius: 0 !important; box-shadow: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 180px; }
.navbar .navbar-nav .dropdown .dropdown-menu li:last-child a { padding-bottom: 0; border-bottom-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li a { color: #000; font-size: 16px; line-height: 26px; padding: 8px 3px; letter-spacing: 0.5px; border-bottom: 1px solid #e9e9e9; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover { color: #90b10a; background-color: white !important; }
.navbar .navbar-nav .dropdown .dropdown-menu li a i {
padding-right: 5px;
}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header { color: #000 !important; font-size: 16px !important; margin-top: 15px; margin-left: 0 !important; padding-right: 15px !important; padding-left: 0 !important; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header a:hover { color: #f80140 !important; background-color: transparent; padding-right: 0; padding-left: 0; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .divider { margin-left: 18px; margin-right: 18px; background-color: #ddd; padding-left: 0; border-style: none; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #90b10a !important; background-color: transparent !important; text-decoration: none; border-style: none; outline: none 0; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; margin-top: 18px; border-top: 6px dashed !important; border-right: 6px solid transparent !important; border-left: 6px solid transparent !important; border-bottom-width: 6px !important; }
@media (min-width:992px) {
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
ul.nav li.dropdown-submenu:hover > ul.dropdown-menu { display: block; }
.attr-nav li.dropdown:hover > ul.dropdown-menu { display: block; }
}
@media (max-width:992px) {
.dropdown-menu { position: relative; width: 100%; border-style: none !important; }
.sub-menu { margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; }
.navbar .navbar-nav .dropdown.open .caret{
transform:rotate(-180deg);
transition:all 0.3s ease-in-out; /*for smoothness*/
}
.navbar .navbar-nav .dropdown .caret{ float: right; transition:all 0.3s ease-in-out; /*for smoothness*/
}
.navbar .navbar-nav .dropdown .caret { display: block; }
.navbar .navbar-nav .dropdown .dropdown-menu li { width: 100%; padding-left: 0; display: block; }
.navbar .navbar-nav .dropdown .dropdown-menu li a { font-size: 16px; line-height: 21px; padding-top: 5px; padding-bottom: 5px; }
}
/**/
section { position: relative; padding-top: 0; padding-bottom: 0; }
#top-section { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.no-gutters2 > [class*="col-"] { padding-right: 2px; padding-left: 2px; }
iframe { margin-right: auto !important; margin-left: auto !important; }
.small { font-size: 15px !important; line-height: 20px !important; }
@media (max-width:420px) {
.no-gutters2 > [class*="col-"] { padding-right: 20px; padding-left: 20px; }
}
/**/
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ececec;
z-index: 9999;
}
.preloader img {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 50px;
height: 50px;
margin: auto;
}
#status { width: 120px; height: 137px; position: absolute; left: 50%; top: 45%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin: -137px 0 0 -60px; }
#status img { width: 120px; height: 137px; margin-right: auto; margin-left: auto; }
.spinner { position: absolute; left: 50%; right: 0; top: 52%; bottom: 0; width: 100px; text-align: center; height: 40px; z-index: 99999; margin-top: -20px; margin-left: -50px; }
.spinner > div {
width: 18px;
height: 18px;
background-color: #90b10a;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
/**/
.banner-page { background-repeat: no-repeat; background-position: center top; position: relative; width: 100%; height: 800px; background-size: cover; }
.banner-products { background-repeat: no-repeat; background-position: center; position: relative; width: 100%; height: 700px; padding-right: 0; padding-left: 0; background-size: cover; }
.banner-kraeuter { background-repeat: no-repeat; background-position: center; padding-right: 0; padding-left: 0; position: relative; width: 100%; height: 800px; background-size: cover; }
.banner-products .container-fluid { max-width: 1100px; }
.banner-kraeuter .container-fluid { max-width: 1100px; }
.banner-page .full-caption { background-color: transparent; text-align: center; vertical-align: middle !important; position: absolute; height: 800px; margin: 0 auto; right: 0; top: 0; left: 0; bottom: 0; width: 100%; z-index: 6; overflow: hidden; display: table; }
.banner-products .full-caption { background-color: transparent; text-align: center; display: table; margin: 0 auto; position: absolute; z-index: 6; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 700px; overflow: hidden; vertical-align: top !important; }
.banner-kraeuter .full-caption { background-color: transparent; text-align: center; display: table; margin: 0 auto; position: absolute; z-index: 6; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 800px; overflow: hidden; vertical-align: middle !important; }
.banner-page .full-caption .vcenter { text-align: center; display: table-cell; height: 800px; vertical-align: middle; padding-top: 112px; }
.banner-products .full-caption .vcenter { text-align: left; display: table-cell; padding-top: 137px; height: 700px; vertical-align: top; padding-left: 0; }
.banner-kraeuter .full-caption .vcenter { text-align: center; display: table-cell; padding-top: 137px; padding-left: 0; height: 800px; vertical-align: middle; }
.banner { background-image: url(../img/background/bg001.jpg); background-repeat: no-repeat; background-position: center top; width: 100%; height: 100%; background-size: cover; }
.full-caption { background-color: transparent; text-align: center; display: table; margin: 0 auto; position: absolute; z-index: 6; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; vertical-align: middle !important; }
.full-caption .vcenter { text-align: center; vertical-align: middle; height: 100%; display: table-cell; }
.frame-start { background-image: url(../img/background/r_bg.png); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; right: 0; width: 520px; height: 520px; z-index: 5; margin-left: -260px; background-size: 100%; transform: translateY(-50%); }
.frame-start-products { background-image: url(../img/background/r_bg.png); background-repeat: no-repeat; background-position: center; margin-left: -200px; position: absolute; z-index: 5; top: 50%; right: 0; left: 50%; width: 400px; height: 400px; background-size: 100%; transform: translateY(-30%); }
.frame-start-kraeuter { background-image: url(../img/background/r_bg.png); background-repeat: no-repeat; background-position: center; margin-left: -200px; position: absolute; z-index: 5; top: 50%; right: 0; left: 50%; width: 400px; height: 400px; background-size: 100%; transform: translateY(-30%); }
.banner-page .frame-start { top: 58%; }
.banner .swiper-slide { background-repeat: no-repeat; background-position: center top; text-align: center; min-height: 400px; background-size: cover !important; }
.swiper-pagination { text-align: center !important; bottom: 50px !important; margin: 0 !important; padding: 0 !important; display: inline-block !important; }
.swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:white; margin-right: 4px; margin-left: 4px; opacity:1 }
.swiper-pagination-bullet:hover { background-color: #90b10a; }
.swiper-pagination-bullet-active{ opacity:1; background:#90b10a; width: 8px; height: 8px; }
@media onlyscreenand(min-device-width:768px)and(max-device-width:1024px) {
.banner { height: 600px; max-height: 600px; }
.banner .swiper-slide { max-height: 600px; }
}
@media (max-width:1200px) {
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 600px; background-size: cover; }
}
@media (max-width:992px) {
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 500px; background-size: cover; }
}
@media (max-width:768px) {
.banner-page { background-repeat: no-repeat; background-position: center top; width: 100%; height: 640px; background-size: cover; }
.banner-page .full-caption { background-color: transparent; text-align: center; display: table; margin: 0 auto; position: absolute; z-index: 6; top: 0; right: 0; bottom: 0; left: 0; width: 100%; overflow: hidden; vertical-align: middle !important; height: 640px !important; }
.banner-page .full-caption .vcenter { text-align: center; display: table-cell; padding-top: 80px; vertical-align: middle; height: 640px !important; }
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 500px; background-size: cover; }
}
@media (max-width:767px) {
.frame-start { background-image: url(../img/background/r_bg.png); background-repeat: no-repeat; background-position: center; margin-left: -210px; position: absolute; z-index: 5; top: 50%; right: 0; left: 50%; width: 420px; height: 420px; transform: translateY(-50%); }
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 450px; background-size: cover; }
}
@media (max-width:580px) {
.banner { height: 540px !important; max-height: 540px; }
.frame-start { background-image: url(../img/background/r_bg.png); background-repeat: no-repeat; background-position: center; margin-left: -140px; position: absolute; z-index: 5; top: 50%; right: 0; left: 50%; width: 280px; height: 280px; transform: translateY(-50%); }
.frame-start-products { background-image: url(../img/background/r_bg.png); background-repeat: no-repeat; background-position: center; margin-left: -110px; position: absolute; z-index: 5; top: 60%; right: 0; left: 50%; width: 220px; height: 220px; transform: translateY(-50%); }
.banner .swiper-slide { height: 540px !important; max-height: 540px; }
.full-caption .vcenter { height: 540px !important; padding-top: 0; padding-bottom: 0; padding-left: 0; }
.banner-page { background-repeat: no-repeat; background-position: center top; width: 100%; height: 440px; background-size: cover; }
.banner-page .frame-start { top: 58%; }
.banner-page .full-caption { background-color: transparent; text-align: center; display: table; margin: 0 auto; position: absolute; z-index: 6; top: 0; right: 0; bottom: 0; left: 0; width: 100%; overflow: hidden; vertical-align: middle !important; height: 440px !important; }
.banner-page .full-caption .vcenter { text-align: center; display: table-cell; padding-top: 80px; vertical-align: middle; height: 440px !important; }
.full-height { height: 540px !important; max-height: 540px; }
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 400px; background-size: cover; }
}
@media (max-width:420px) {
.frame-start { display: none !important; }
.frame-start-products { display: none !important; }
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 300px; background-size: cover; }
}
@media (max-width:320px) {
.banner { height: 450px !important; max-height: 450px; }
.full-height { height: 450px !important; max-height: 450px; }
.frame-start { display: none !important; }
.full-caption .vcenter { height: 450px; }
.banner-products { background-repeat: no-repeat; background-position: center top; width: 100%; height: 250px; background-size: cover; }
}
/**/
.letsgo { color: #fff; font-size: 18px; line-height: 46px; position: absolute; width: 46px; height: 46px; margin-top: 0; border-radius: 50%; background-color: transparent; text-align: center; right: 50px; bottom: 50px; z-index: 18; margin-left: -23px; cursor: pointer; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.letsgo a { color: #fff; display: inline-block !important; }
.letsgo a:hover { color: #90b10a; }
.letsgo:hover .arrow-down { margin-top: 20px;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3); }
.to-top { color: #90b10a; font-size: 18px; line-height: 46px; background-color: transparent; text-align: center; cursor: pointer; position: fixed; z-index: 18; bottom: 30px; right: 15px; width: 46px; height: 46px; margin-bottom: 0; display: none; border-radius: 50%; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.to-top a { color: #90b10a; }
.to-top:hover a { color: #ea870c; }
@media (max-width:767px) {
.to-top { display: none !important; }
.letsgo { bottom: 20px; display: none !important; }
}
/**/
h1, h2, h3, h4, h5, h6 { font-family: Roboto; }
h1 { color: #fff; font-size: 110px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.banner-page h1 { font-size: 75px; line-height: 1; }
span.latain-name { color: #000 !important; font-size: 13px; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; line-height: 18px; letter-spacing: 0.1em; margin-top: 10px; display: block; }
h2 { color: #fff; font-size: 45px; font-weight: 400; line-height: 53px; }
#anwendung2 h2 { font-size: 35px; line-height: 40px; }
h3 { font-size: 25px; font-family: "Times New Roman", Times, serif; font-weight: 700; line-height: 30px; margin-bottom: 15px; }
#video-section h3 { font-size: 25px; font-family: "Times New Roman", Times, serif; font-weight: 700; line-height: 37px; margin-bottom: 15px; }
h4 { color: #476126; font-size: 20px; line-height: 25px; }
.h1 { color: #476126 !important; font-size: 75px !important; font-family: "Times New Roman", Times, serif; font-weight: 700 !important; padding-bottom: 10px; border-bottom: 1px solid #c4c4c4; }
.h2 { color: #476126 !important; font-size: 45px !important; font-family: "Times New Roman", Times, serif; font-weight: 700 !important; padding-bottom: 10px; border-bottom: 1px solid #c4c4c4; }
.products { color: #000; font-size: 90px !important; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500 !important; text-transform: none; margin-bottom: 10px !important; border-bottom: 1px none #c4c4c4; }
h5 { color: #476126; font-size: 16px; font-weight: 700; letter-spacing: 2px; }
p { font-size: 20px; line-height: 30px; margin-bottom: 30px; }
li { font-size: 20px; line-height: 30px; }
a{ color: #1a1a1a; text-decoration: none; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
a:hover{ color: #90b10a; text-decoration: none; }
a:focus{ color: #90b10a; text-decoration: none; outline-style: none !important; }
#klein h2 { color: #000; font-size: 35px; line-height: 45px; text-transform: none; margin-bottom: 30px; }
#natuerlich h2 { color: #fff; font-size: 35px; font-weight: 400; line-height: 45px; text-transform: none; }
#kraeuterlexikon h2 { font-size: 70px; line-height: 1; text-transform: uppercase; }
#kraeuterlexikon p { margin-bottom: 16px; }
h1 span { font-size: 24px; font-weight: 500; line-height: 32px; text-transform: none; margin-top: 5px; margin-bottom: 15px; display: block; }
.lead { color: #fff; font-size: 20px; font-family: "Times New Roman", Times, serif; font-weight: 700 !important; line-height: 25px; text-transform: uppercase; letter-spacing: 0.3em; margin-top: 0; margin-bottom: 60px; }
.lead2 { color: #000 !important; font-size: 20px; font-weight: 400 !important; line-height: 30px; text-transform: none; }
.white { color: #fff; }
.black { color: #000; }
.green { color: #476126; }
.orange { color: #da251c !important; }
.pad60 { padding-bottom: 60px; }
.pad120 { padding-bottom: 120px; }
.pad30 { padding-bottom: 30px; }
.pad15 { padding-bottom: 15px; }
@media (max-width:1200px) {
#klein h2 { color: #000; font-size: 25px; line-height: 30px; text-transform: none; }
h1 { color: #fff; font-size: 80px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.h1 { color: #fff; font-size: 80px; font-weight: 500; line-height: 1; text-transform: uppercase; }
#heilpflanzenportrait1 .h1 { color: #fff; font-size: 55px !important; font-weight: 500; line-height: 1; text-transform: uppercase; }
.products { font-size: 80px !important; font-weight: 500; line-height: 1; text-transform: uppercase; }
}
@media (max-width:992px) {
#klein h2 { color: #000; font-size: 25px; line-height: 30px; text-transform: none; margin-bottom: 28px; }
h2 { color: #fff; font-size: 35px; line-height: 40px; text-transform: none; }
#kraeuterlexikon h2 { font-size: 50px; line-height: 55px; }
p { font-size: 18px; line-height: 28px; margin-bottom: 28px; }
li { font-size: 18px; line-height: 28px; }
}
@media (max-width:768px) {
h1 { color: #fff; font-size: 65px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.h1 { color: #fff; font-size: 65px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.products { font-size: 65px !important; font-weight: 500; line-height: 1; text-transform: uppercase; }
.banner-page h1 { color: #fff; font-size: 65px; font-weight: 500; line-height: 1; text-transform: uppercase; }
h1 span { font-size: 20px; font-weight: 500; line-height: 25px; text-transform: none; display: block; margin-top: 5px; margin-bottom: 15px; }
#klein h2 { color: #000; font-size: 20px; line-height: 25px; text-transform: none; }
}
@media (max-width:580px) {
#kraeuterlexikon1 h2 { font-size: 25px; line-height: 30px; text-transform: none; }
h3 { font-size: 20px; line-height: 25px; margin-bottom: 5px; }
#video-section h3 { font-size: 20px; line-height: 25px; margin-bottom: 5px; }
h2 { color: #fff; font-size: 25px; line-height: 30px; text-transform: none; }
#anwendung2 h2 { font-size: 25px; line-height: 30px; }
#kraeuterlexikon h2 { font-size: 25px; line-height: 39px; }
#natuerlich h2 { font-size: 25px; line-height: 30px; }
p { font-size: 16px; line-height: 21px; margin-bottom: 21px !important; }
li { font-size: 16px; line-height: 21px; }
h1 { color: #fff; font-size: 50px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.h1 { color: #fff; font-size: 50px !important; font-weight: 500; line-height: 1; text-transform: uppercase; }
#heilpflanzenportrait1 .h1 { font-size: 35px !important; }
.products { font-size: 45px !important; font-weight: 500; line-height: 1; text-transform: uppercase; }
.banner-page h1 { color: #fff; font-size: 50px; font-weight: 500; line-height: 1; text-transform: uppercase; }
h1 span { font-size: 16px; font-weight: 500; line-height: 21px; text-transform: none; display: block; margin-top: 5px; margin-bottom: 15px; }
.lead { color: #fff; font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight: 700 !important; line-height: 21px; text-transform: uppercase; letter-spacing: 0; margin-top: 0; margin-bottom: 30px; }
.lead2 { color: #000 !important; font-size: 16px; font-weight: 400 !important; line-height: 21px; }
#klein h2 { color: #000; font-size: 16px; font-weight: 400; line-height: 21px; text-transform: none; margin-bottom: 21px; }
}
@media (max-width:420px) {
h1 { color: #fff; font-size: 35px; font-weight: 500; line-height: 1; text-transform: uppercase; }
.products { font-size: 25px !important; font-weight: 500; line-height: 1; text-transform: uppercase; }
.banner-page h1 { color: #fff; font-size: 35px; font-weight: 500; line-height: 1; text-transform: uppercase; }
h1 span { font-size: 16px; font-weight: 500; line-height: 21px; text-transform: none; display: block; }
}
/**/
#kraeuterlexikon { position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
.heilkraeuter { background-image: url(../img/bilder/drklein_web_1200x800_duplex-02x.jpg); background-repeat: no-repeat; background-position: left top; text-align: center; width: 100%; height: auto; margin-bottom: 60px; padding: 60px 90px; display: inline-block; background-size: cover; }
.more-link { margin-top: 30px; display: block; }
.head-top { margin-bottom: 30px; display: block; }
#kraeuterlexikon .container-fluid { max-width: 1340px; }
.bgi2 { width: 50%; margin-top: 90px; }
.bgi { position: absolute; right: 0; bottom: 0; width: 65%; z-index: -1; }
.bgi3 { position: absolute; top: 0; z-index: -1; right: 0; width: 65%; }
@media (max-width:1200px) {
.bgi { position: relative; width: 100%; z-index: 0; padding-right: 15px; padding-left: 15px; display: none; }
#kraeuterlexikon { padding-bottom: 0; }
}
@media (max-width:580px) {
#kraeuterlexikon { text-align: center; }
.heilkraeuter { padding-right: 0; padding-left: 0; }
}
/**/
#klein { background-image: none; background-repeat: no-repeat; background-position: center top; text-align: center; position: relative; width: 100%; height: auto; padding-top: 90px; background-size: 100%; }
#klein .container-fluid { padding-right: 0; padding-left: 0; }
#klein img { width: 100%; }
.full-caption2 { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; z-index: 2; padding-top: 10%; padding-right: 30px; padding-left: 30px; }
@media (max-width:992px) {
#klein { padding-bottom: 0; padding-top: 30px;}
}
@media (max-width:767px) {
.full-caption2 { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; z-index: 2; padding-top: 30px; padding-right: 30px; padding-left: 30px; }
#klein { padding-bottom: 0; padding-top: 0px;}
}
@media (max-width:580px) {
.full-caption2 { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; z-index: 2; margin-top: -30px; padding-top: 0; padding-right: 15px; padding-left: 15px; }
}
/**/
#products3 { position: relative; width: 100%; padding-top: 160px; padding-bottom: 90px; }
@media (max-width:992px) {
#products3 { position: relative; width: 100%; padding-top: 120px; padding-bottom: 120px; }
}
@media (max-width:768px) {
#products3 { position: relative; width: 100%; padding-top: 90px; padding-bottom: 60px; }
}
/**/
#products { position: relative; width: 100%; padding-top: 90px; }
#products .container-fluid { max-width: 1170px; }
.slider-products2 { background-image: none; background-repeat: no-repeat; background-position: center; position: relative; width: 100%; background-size: cover; }
.slider-products { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 2; transform: translateY(-12%); }
.product-description { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 2; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; display: block; }
.product-slide { position: relative; width: 100%; }
.produktname { color: #fff; margin-bottom: 0; }
.anwendung { color: #fff; }
.kraut1 { position: absolute; top: -240px; left: 3%; width: 300px; height: 300px; z-index: 1; }
.kraut7 { position: absolute; z-index: 1; top: 60px; left: 5%; width: 300px; height: 300px; }
.kraut14 { position: absolute; z-index: 1; top: 300px; left: 5%; width: 300px; height: 300px; }
.kraut12 { position: absolute; z-index: 1; top: 180px; right: 8%; width: 300px; height: 300px; }
.kraut8 { position: relative; width: 240px; height: 240px; margin-right: auto; margin-bottom: 60px; margin-left: auto; display: block; }
.kraut8 img { width: 100%; }
.kraut2 { position: absolute; right: 5%; bottom: -300px; width: 300px; height: 300px; z-index: 1; }
.kraut9 { position: absolute; top: 200px; z-index: 1; right: 5%; width: 300px; height: 300px; }
.kraut15 { position: absolute; z-index: 1; top: -350px; right: 5%; width: 300px; height: 300px; }
.kraut13 { position: absolute; z-index: 1; right: 3%; bottom: 60px; width: 300px; height: 300px; }
.kraut10 { position: absolute; z-index: 1; top: 50%; left: 50%; width: 201px; height: 300px; margin-top: -200px; margin-left: -100px; }
.kraut11 { position: absolute; z-index: -1; right: -180px; bottom: -80px; width: 300px; height: 300px; }
.kraut { width: 300px; opacity: 1; }
@media (max-width:1640px) {
.kraut12 { right: 0; }
.kraut13 { right: 1%; bottom: 370px; }
.kraut7 { top: 30px; left: 2%; }
}
@media (max-width:1340px) {
.kraut6, .kraut1, .kraut2, .kraut3, .kraut4, .kraut5, .kraut6, .kraut7, .kraut9, .kraut10, .kraut11, .kraut12, .kraut13, .kraut14, .kraut15 { display: none; }
}
@media (max-width:992px) {
#products { padding-top: 0 !important; }
#natuerlich { padding-bottom: 0; }
.kraut6, .kraut1, .kraut2, .kraut3, .kraut4, .kraut5, .kraut6, .kraut7, .kraut9, .kraut10, .kraut11, .kraut12, .kraut13, .kraut14, .kraut15 { display: none; }
}
@media (max-width:580px) {
#products .col-xs-12 { padding: 0 !important; }
.product-description { display: block; padding-right: 0; padding-bottom: 10px; padding-left: 0; position: relative; z-index: 0; right: 0; bottom: 0; left: 0; width: 100%; }
.produktname { color: #000; font-size: 18px; font-weight: 700; line-height: 23px; text-align: center; margin-bottom: 0; }
.anwendung { color: #000; font-size: 16px; font-weight: 400; line-height: 21px; text-align: center; }
}
.slick-dots {
list-style: none;
padding: 0;
margin-top: 25px;
}
.slick-dots li { background-color: #476126; display: inline-block; margin-right: 8px; height: 8px; width: 8px; vertical-align: middle; border: 2px #ececec; border-radius: 100px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.slick-dots li button {
display: none;
}
.slick-dots li:hover {
background: #90b10a;
cursor: pointer;
}
.slick-dots .slick-active { background: #90b10a; height: 8px; width: 8px; border-color: 2px solid rgba(17, 17, 17, 0); border-style: none;
}
.slick-prev { color: #fff; font-size: 54px; line-height: 1; background-color: transparent; position: absolute; top: 50%; left: -64px; z-index: 2; margin-top: -26px; border-style: none; outline-style: none; }
.slick-prev:hover { color: #90b10a; }
.slick-next { color: #fff; font-size: 54px; line-height: 1; background-color: transparent; position: absolute; margin-top: -26px; right: -64px; top: 50%; z-index: 2; border-style: none; outline-style: none; }
.slick-next:hover { color: #90b10a; }
@media (max-width:768px) {
.slick-next { display: none !important; }
.slick-prev { display: none !important; }
.slider-products { position: relative; z-index: 0; top: 0; right: 0; left: 0; width: 100%; transform: translateY(0%) !important; }
.bgimage1 { display: none; }
}
@media (max-width:580px) {
.slick-dots { text-align: center; list-style: none; padding: 0; margin-top: 0; }
}
/**/
#natuerlich { background-image: none; background-repeat: no-repeat; background-position: center top; position: relative; width: 100%; height: auto; padding-top: 240px; padding-bottom: 0; background-size: 100%; }
#natuerlich .container-fluid { padding-right: 0; padding-left: 0; }
#natuerlich img { width: 100%; }
@media (max-width:992px) {
#natuerlich { padding-top: 120px; }
}
@media (max-width:768px) {
#natuerlich { padding-top: 60px; }
}
/**/
#blog-teaser2 { position: relative; width: 100%; padding-top: 240px; padding-bottom: 90px; }
#blog-teaser2 .container-fluid { max-width: 1340px; }
.heilkraeuter3 { text-align: center; position: absolute; top: 0; right: 0; display: inline-block; padding: 0; width: 60%; height: auto; z-index: 2; background-size: cover; }
.img-overlay { position: absolute; top: 0; z-index: 2; padding-top: 90px; transform: translateY(-50%); }
.img-overlay4 { background-color: #0d3628; text-align: center; position: absolute; z-index: 2; top: 0; padding: 60px; transform: translateY(-50%); }
.box1 { z-index: 4; padding-top: 60px; display: inline-block; }
.kraut3 { position: absolute; right: 2%; bottom: -200px; width: 300px; height: 300px; z-index: 1; }
@media (max-width:992px) {
.heilkraeuter3 { position: relative; top: 0; left: 0; width: 50%; z-index: 0; float: right; transform: translateY(-0%); }
.img-overlay4 { text-align: center; position: relative; top: 0; z-index: 0; padding: 30px; transform: translateY(0%); }
#blog-teaser2 { position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
}
@media (max-width:768px) {
}
@media (max-width:767px) {
#blog-teaser2 .col-xs-12 { padding-right: 0; padding-left: 0; }
.heilkraeuter3 { position: relative; top: 0; left: 0; width: 100%; z-index: 0; float: right; transform: translateY(-0%); }
#blog-teaser2 { padding-bottom: 0; }
.box1 { padding-top: 30px; }
}
@media (max-width:580px) {
#blog-teaser2 { text-align: center; }
}
/**/
#blog-bg { background-image: none; background-repeat: no-repeat; background-position: center bottom; position: relative; width: 100%; height: auto; overflow: hidden; padding-top: 90px; background-size: cover; }
#blog-bg .container-fluid { padding-right: 0; padding-left: 0; }
#blog-bg img { width: 100%; }
.kraut4 { position: absolute; left: 5%; bottom: -230px; width: 300px; height: 300px; z-index: 1; }
.kraut5 { position: absolute; right: 0; bottom: -160px; width: 300px; height: 300px; z-index: 1; }
.kraut6 { position: absolute; left: 5%; bottom: -260px; width: 300px; height: 300px; z-index: 1; }
#blog-teaser { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
#blog-teaser img { margin-bottom: 30px; }
@media (max-width:580px) {
#blog-teaser { text-align: center; }
}
/**/
#footer1 { background-image: url(../img/background/drklein_web_1440x500_footer.jpg); background-repeat: no-repeat; background-position: center bottom; position: relative; width: 100%; height: 700px; padding-top: 90px; background-size: cover; }
#footer1 img { width: 100%; }
#footer1 .container-fluid { padding-right: 0; padding-left: 0; }
.headlineX { text-align: center; position: absolute; top: 60px; left: 0; right: 0; width: 100%; height: auto; z-index: 2; }
@media (max-width:767px) {
#footer1 { background-image: url(../img/background/drklein_web_1440x500_footer.jpg); background-repeat: no-repeat; background-position: center bottom; padding-top: 0; position: relative; width: 100%; height: 480px; background-size: cover; }
}
/**/
.footer { background-color: #fff !important; text-align: center; padding-top: 60px; padding-bottom: 60px; }
.logo-footer { width: 194px; height: 49px; margin-right: auto; margin-bottom: 30px; margin-left: auto; display: block; }
.logo-footer img { width: 100%; }
.footer a { color: #3e495a; text-decoration: none; }
.footer p { }
.footer a:hover, .footer a:focus { color: #90b10a; text-decoration: none; }
.logo_footer { margin-top: 15px; }
.copyright { color: #3e495a; display: block; font-size: 15px; line-height: 20px; letter-spacing: 0.01em; }
.copyright a { color: #3e495a; font-size: 13px !important; font-style: italic !important; line-height: 18px !important; }
.copyright br { display: block; }
.legal li+li a { color: #3e495a; padding-left: 14px; border-left: 1px solid #3e495a; }
.legal { color: #3e495a !important; font-size: 15px; line-height: 20px; text-align: center !important; margin-bottom: 15px; padding-left: 0; display: inline-block !important; }
.legal li { font-size: 16px; line-height: 21px; padding-right: 10px; display: inline; }
.legal li:last-child { padding-right: 0; }
@media (max-width:580px) {
.legal li + li a {
border-left: none;
padding-left: 0px;
}
.legal li {
padding-right: 0px;
display: block;
}
}
/**/
.btn-custom { color: #fff !important; font-size: 18px !important; font-weight: 700; line-height: 42px; text-decoration: none; background: #ea870c; text-align: center; cursor: pointer; display: inline-block; padding: 0 20px; position: relative; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; }
.btn-custom2 { color: #fff !important; font-size: 18px !important; font-weight: 700; line-height: 42px; text-decoration: none; background: #90b10a; text-align: center; cursor: pointer; display: inline-block; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0 20px; position: relative; overflow: hidden; }
.btn-custom:hover { color: #fff !important; background: #90b10a; text-decoration: none; }
.btn-custom2:hover { color: #fff !important; text-decoration: none; background: #ea870c; }
@media (max-width:767px) {
.btn-custom { color: #fff !important; font-size: 16px !important; font-weight: 700; line-height: 38px; text-decoration: none; background: #ea870c; text-align: center; cursor: pointer; display: inline-block; margin-top: 0; padding: 0 18px; position: relative; overflow: hidden; margin-right: auto; margin-left: auto; }
.btn-custom2 { color: #fff !important; font-size: 16px !important; font-weight: 700; line-height: 38px; text-decoration: none; background: #90b10a; text-align: center; cursor: pointer; display: inline-block; margin-right: auto; margin-left: auto; padding: 0 18px; position: relative; overflow: hidden; }
}
/**/
#faq { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
#faq .container-fluid { max-width: 1070px; }
#faq .accordion-heading h3 { color: #476126 !important; margin-bottom: 10px !important; display: block; }
#faq .frage { color: #000; font-size: 20px; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; line-height: 25px; width: 100%; margin-top: 10px; display: block !important; }
#faq .accordion-heading span.breite { width: 90%; display: inline-block; }
#faq .accordion-heading { background-color: transparent !important; margin-top: 0; margin-bottom: 2px !important; padding-top: 5px; padding-right: 15px !important; padding-bottom: 5px; padding-left: 15px !important; border-top-color: #c4c4c4 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
#faq .panel:first-child .accordion-heading { border-top-style: none; }
#lohnherstellung-section .accordion-heading h3 { color: #476126 !important; margin-bottom: 10px !important; display: block; }
#lohnherstellung-section .frage { color: #000; font-size: 20px; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; line-height: 25px; width: 100%; margin-top: 10px; display: block !important; }
#lohnherstellung-section .accordion-heading span.breite { width: 90%; display: inline-block; }
#lohnherstellung-section .accordion-heading { background-color: transparent !important; margin-top: 0; margin-bottom: 2px !important; padding-top: 5px; padding-right: 15px !important; padding-bottom: 5px; padding-left: 15px !important; border-top-color: #c4c4c4 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
#lohnherstellung-section .panel:first-child .accordion-heading { border-top-style: none; }
#symp-info .accordion-heading p { color: #000 !important; font-weight: 700; margin-bottom: 10px !important; display: block; }
#symp-info .frage { color: #000; font-size: 20px; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; font-weight: 500; line-height: 25px; width: 100%; margin-top: 10px; display: block !important; }
#symp-info .accordion-heading span.breite { width: 90%; display: inline-block; }
#symp-info .accordion-heading { background-color: transparent !important; margin-top: 0; margin-bottom: 2px !important; padding-top: 5px; padding-right: 0 !important; padding-bottom: 5px; padding-left: 0 !important; border-top-color: #c4c4c4 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
#symp-info .panel:first-child .accordion-heading { border-top-style: none; }
.accordion-head p { margin-bottom: 15px !important; }
.accordion-inner{ background-color: transparent !important; text-align: left !important; position: relative; width: 100%; padding: 10px 0 30px !important; display:block; }
#faq .accordion-body { background-color: transparent !important; max-width: 90%; padding-left: 0; }
#symp-info .accordion-body { background-color: transparent !important; max-width: 100%; padding-left: 0 !important; }
#lohnherstellung-section .accordion-body { background-color: transparent !important; max-width: 100%; padding-left: 0; }
.panel-heading { background: transparent!important; margin-top: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 15px 0 0; margin-bottom: 0; border-style: none; }
.accordion4 .panel{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:100%; margin: 0 !important; padding: 0 !important; border-style: none; }
.accordion4 ..accordion5 h2 { color: #000; }
#faq .indicator { color: #476126; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; width: 30px; height: 30px; float: right !important; margin-top: 0; }
#symp-info .indicator { color: #000 !important; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; width: 30px; height: 30px; float: right !important; margin-top: 0; }
#lohnherstellung-section .indicator { color: #476126; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; width: 30px; height: 30px; float: right !important; margin-top: 0; }
.indicator.fa-chevron-up { color: #90b10a !important; background-color: transparent; }
.indicator.fa-close4 { content: X; }
.panel-heading { background: transparent!important; margin-top: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0 15px 0 0; margin-bottom: 0; border-style: none; }
#accordion5 .panel, #accordion6 .panel { background: transparent !important; width: 100%; margin: 0 !important; padding: 0 !important; border-bottom: 1px none #dadada; }
.accordion-head h2, .accordion-head h5 { color: #7aa9e1; margin-bottom: 20px; }
.accordion-heading.first-child { border-top-style: none; }
.accordion-heading a { color: #000; }
.accordion-heading a:hover h3 { color: #a57d2c !important; text-decoration: none; }
.accordion { margin-top: 0; margin-bottom: 60px; padding-top: 0; padding-bottom: 0 !important; border-top: 1px none #fff; border-bottom: 1px none #000; border-right-style: none; border-left-style: none; }
#lohnherstellung-section .accordion { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 !important; border-top: 1px none #fff; border-right-style: none; border-bottom: 1px none #000; border-left-style: none; }
.panel { margin-top: 0; box-shadow: none; }
@media (max-width:992px) {
.accordion { padding-left: 0; }
}
@media (max-width:580px) {
.accordion-heading h2 { font-size: 22px !important; line-height: 52px !important; }
#faq .frage { font-size: 16px; line-height: 21px; }
.accordion { margin-bottom: 30px; }
.accordion-heading span { width: 80%; }
#faq .accordion-body { max-width: 100%; }
}
@media (max-width:320px) {
.accordion-heading h2 { font-size: 18px !important; }
}
/**/
#kraeuterlexikon2 { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
#kraeuterlexikon2 .pad30 { padding-bottom: 2px !important; }
#kraeuterlexikon1 { text-align: center; padding-top: 90px; padding-bottom: 0; position: relative; width: 100%; }
#kraeuterlexikon2 .container-fluid { max-width: 1340px; }
#kraeuterlexikon1 .container-fluid { max-width: 992px; }
.kraeuter-inner { background-color: #edebe8; text-align: center; position: relative; width: 100%; margin-bottom: 30px; padding-top: 15px; padding-right: 15px; padding-left: 15px; display: inline-block; transition: all .2s;}
.kraeuter-inner img { background-color: #fff; transition: all .2s;}
.kraeuter-inner:hover { background-color: #fff; -webkit-transition: all 0.3s; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); transition: all 0.3s; }
.kraeuter-description { background-color: transparent; text-align: center; min-height: 140px; padding: 0 15px; border-style: none; display: block; }
.kraeuter-description2 { background-color: transparent; text-align: center; width: 100%; height: auto; display: block; padding: 0 15px; border-style: none; }
.kraut-solo { background-color: transparent; overflow: hidden; margin: 0 0 30px; padding: 0; }
.kraut-solo2 { background-color: transparent; margin: 0 0 0; padding: 0; overflow: hidden; }
.kraut-soloX { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s; transition: all 0.3s; }
.kraut-solo:hoverX { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 4px 43px rgba(0, 0, 0, 0.25); }
.krautname { color: #476126 !important; }
.krautname span { color: #7d7d7d !important; font-size: 13px; font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; line-height: 18px; letter-spacing: 0.1em; display: block; }
.wirkung { color: #000 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 21px !important; margin-bottom: 0; display: block; }
.kraut-image img { width: 100%; padding: 30px; transition: all .5s; }
.kraut-image { background-color: rgba(255, 255, 255, .5); text-align: center; position: relative; width: 100%; height: auto; overflow: hidden; background-size: cover; transition: all .2s; }
.kraut-solo:hover .kraut-image img { transform: scale(1.1); }
.kraut-solo:hover .kraut-image { background-color: rgba(255, 255, 255, 1); }
.kraut-solo:hover .kraeuter-description .krautname { color: #90b10a !important; }
@media (max-width:580px) {
#kraeuterlexikon1 { text-align: center; padding-top: 60px; padding-bottom: 0; position: relative; width: 100%; }
#kraeuterlexikon2 { padding-top: 60px; padding-bottom: 0; }
}
@media (max-width:420px) {
#kraeuterlexikon2 .col-xs-6 { width: 100%; }
}
/**/
.breadcrumb2 { color: #fff; background-color: transparent; margin-bottom: 0; margin-left: 0; padding-bottom: 30px; padding-left: 0; display: block; }
.breadcrumb2 li a { color: #000; }
.breadcrumb2 li a:hover { color: #90b10a; }
.breadcrumb2 > li { font-size: 14px; line-height: 19px; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; display: inline-block; }
.breadcrumb2 > li + li:before {
padding: 0 5px;
color: #000;
content: "";
}
.breadcrumb2 > li + li:before { padding: 0 5px; color: #000; font-size: 14px; content: "\f105"; font-family: FontAwesome; line-height: 19px; }
.breadcrumb2 > .active { color: #90b10a !important; }
@media (max-width:420px) {
.breadcrumb2 { display: none; }
}
/**/
.back-products { background-color: #ea870c; position: relative; top: 132px; left: 30px; width: auto; height: auto; padding: 5px; display: inline-block; }
.breadcrumb-page { position: absolute; top: 137px; width: 100%; z-index: 7; margin-right: auto; margin-left: auto; }
.breadcrumb-page .container-fluid { max-width: 1100px; }
.back-products .container-fluid { max-width: 1340px; }
.breadcrumb3 { color: #fff; background-color: transparent; margin-bottom: 0; margin-left: 0; padding-top: 15px; padding-bottom: 0; padding-left: 0; display: block; }
.breadcrumb-abs { position: absolute; top: 50%; left: 0; width: 100%; height: 20px; z-index: 8; }
.breadcrumb3 li a { color: #fff; }
.breadcrumb3 li a:hover { color: #90b10a; }
.breadcrumb3 > li { font-size: 15px; font-weight: 700; line-height: 19px; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; display: inline-block; }
.breadcrumb3 > li + li:before {
padding: 0 10px 0 5px;
color: #fff;
content: "|";
}
.breadcrumb3 > li + li + li:before { padding: 0 5px; color: #fff; font-size: 14px; content: "\f105"; font-family: FontAwesome; line-height: 19px; }
.breadcrumb3 > .active { color: #ea870c !important; }
@media (max-width:992px) {
.breadcrumb3 { display: none; }
}
@media (max-width:420px) {
.breadcrumb3 { display: none; }
}
/**/
#heilpflanzenportrait { text-align: left; padding-top: 120px; padding-bottom: 0; position: relative; width: 100%; }
#heilpflanzenportrait2 { text-align: left; padding-top: 60px; padding-bottom: 0; position: relative; width: 100%; }
#heilpflanzenportrait3 { background-color: #476126; text-align: left; padding-top: 90px; padding-bottom: 0; position: relative; width: 100%; }
#heilpflanzenportrait .box-white { min-height: 320px; }
#heilpflanzenportrait li { font-size: 16px; line-height: 21px; }
#heilpflanzenportrait ul { margin-left: 0; padding-left: 20px; list-style-type: square; }
#facts { text-align: left; padding-top: 90px; padding-bottom: 0; position: relative; width: 100%; }
#heilpflanzenportrait1 { text-align: left; padding-top: 90px; padding-bottom: 0; position: relative; width: 100%; }
#heilpflanzenportrait h3 { }
.pad90 { padding-bottom: 90px; }
#facts .h1 { border-style: none !important; }
#heilpflanzenportrait1 .h1 { border-style: none !important; }
#heilpflanzenportrait p.normal { font-size: 16px; line-height: 26px; }
#heilpflanzenportrait .container-fluid { max-width: 992px; }
#heilpflanzenportrait2 .container-fluid { max-width: 992px; }
#heilpflanzenportrait1 .container-fluid { max-width: 1140px; }
#heilpflanzenportrait-details .container-fluid { max-width: 1140px; }
#heilpflanzenportrait-details { padding-top: 0; padding-bottom: 0; }
#heilpflanzenportrait-details ul { margin-left: 0; padding-left: 20px; list-style-type: square; }
#inhaltsstoffe { position: relative; top: -80px; left: 0; right: 0; width: 100%; z-index: 5; }
#inhaltsstoffe ul li { float: left; padding-right: 0; padding-left: 0; list-style-type: none; list-style-position: inside; }
ul.details-kr { margin-left: 0; padding-top: 0; padding-bottom: 16px; padding-left: 20px; list-style-type: square; }
.details-kr p { margin-bottom: 0; }
#inhaltsstoffe .container-fluid { text-align: center; max-width: 992px; }
.bg1 { width: 100%; min-height: 240px; display: inline-block; }
#facts .container-fluid { max-width: 992px; }
.kraeuter-slider .slick-dots { position: absolute; bottom: 0 !important; z-index: 8; }
.kraeuter-slider .slick-dots li { background-color: #fff; }
.kraeuter-slider .slick-dots .slick-active { background-color: #ff7f00; }
#heilpflanzenportrait h2 span { color: #5e5e5e; font-size: 20px; line-height: 25px; display: block; }
#facts h2 span { color: #5e5e5e; font-size: 20px; line-height: 25px; display: block; }
.box-white { background-color: #fff; width: 100%; height: auto; padding: 15px 30px 20px; display: inline-block; }
.white-box { background-color: #fff; width: 100%; height: auto; padding: 15px 30px 30px; display: inline-block; }
.white-box h3 { margin-bottom: 5px; }
.white-boxl { padding: 30px; border-color: #476126; border-style: none solid solid; border-width: 1px; }
.green-box { background-color: #476126; width: 100%; height: auto; padding: 30px 30px 40px; }
.box-white-r { background-color: #fff; display: inline-block; padding: 30px; width: 100%; height: auto; border-left: 6px solid #edebe8; }
#exTab2 { background-color: #fff; width: 100%; height: auto; display: inline-block; }
#facts ul { padding-left: 20px; list-style-type: square; }
#facts li { list-style-type: disc; list-style-position: outside; }
@media (max-width:768px) {
.box-white-r { background-color: #fff; display: inline-block; padding: 0 30px 30px; width: 100%; height: auto; border-left: 1px none #5e5e5e; border-top-style: none; border-right-style: none; border-bottom-style: none; }
#inhaltsstoffe { top: 0; z-index: 0; padding-top: 15px; }
#heilpflanzenportrait { padding-top: 30px; }
#heilpflanzenportrait .row.pad60 { padding-bottom: 30px !important; }
}
@media (max-width:767px) {
.white-box { background-color: transparent; padding: 0; }
}
/**/
.attr-nav{ height: 120px; float: right; margin-left: 20px; margin-right: 0; display: none; }
.attr-nav .fa-angle-down { font-size: 13px; font-weight: 400; }
.attr-nav .dropdown-menu { text-transform: none; position: absolute !important; z-index: 45 !important; min-width: 100px; margin-top: 0; border-style: none; border-radius: 0; }
.attr-nav .dropdown-menu a { font-size: 16px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #e9e9e9; }
.attr-nav .dropdown-menu a:hover { color: #90b10a; background-color: transparent; border-bottom: 1px solid #e9e9e9; }
.attr-nav > ul{ text-transform: uppercase; padding: 0; margin: 0 0 0; list-style: none; display: inline-block; }
.attr-nav > ul > li{ line-height: 120px; float: left; padding-right: 10px; padding-bottom: 0; padding-left: 10px; display: block; }
.attr-nav > ul > li:last-child { padding-right: 0; }
.attr-nav > ul > li .trennlinie { padding-right: 20px; padding-left: 20px; }
.attr-nav > ul > li > a{ color: #000; font-size: 16px; font-weight: 400; line-height: 132px; text-decoration: none; display: block; padding: 0; position: relative; }
.attr-nav > ul > li > a:hover { color: #90b10a !important; background-color: transparent; text-decoration: none; }
.attr-nav > ul > li.active > a { color: #90b10a !important; }
.attr-nav li.search { display: none; }
.attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -20px; right: 5px; font-size: 13px; background-color: #9898a1; padding: 2px 0 0; width: 18px; height: 18px; }
@media (max-width:992px) {
.attr-nav { height: 80px; margin-right: 30px; }
.attr-nav > ul > li > a { line-height: 80px; }
}
@media (max-width:580px) {
.attr-nav { line-height: 80px; display: none; }
}
/**/
.nav-search-wrap {
width: 100%;
height: 132px;
overflow: hidden;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 1031;
background-color: rgba(71, 97, 38, 0.9);
}
.show-header .nav-search-wrap { top: 0; }
.nav-search-inner {
position: relative;
width: 100%;
height: 100%;
}
.nav-search-cell {
position: absolute;
top: 0;
width: 100%;
}
.nav-search-field-holder {
width: 50%;
margin: auto;
position: relative;
animation: slideInUp .3s;
}
.nav-search-input[type] { border-bottom: 1px none #aaa; background-color: transparent; font-size: 21px; margin-bottom: 0; color: #fff; font-weight: 400; line-height: 26px; position: relative; width: 80%; height: 132px; margin-top: 0; border-top-style: none; border-right-style: none; border-left-style: none; }
.nav-search-input[type]:focus { background-color: transparent; border-color: #fff !important; outline-style: none; }
.nav-search-input::-webkit-input-placeholder {
color: #c4c4c4;
}
.nav-search-input:-moz-placeholder {
color: #aaa;
opacity: 1;
}
.nav-search-input::-moz-placeholder {
color: #aaa;
opacity: 1;
}
.nav-search-input:-ms-input-placeholder {
color: #aaa;
}
.nav-search-close { font-size: 30px; color: #fff; line-height: 132px; position: absolute; right: 15px; width: 30px; height: 60px; float: right; cursor: pointer; }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.nav-search-mobile { background-color: transparent; text-align: left; width: 100%; height: 52px; margin-top: 15px; padding-right: 0; padding-left: 0; }
.nav-search-mobile input { color: #000; background-color: #e9e9e9; height: 46px; padding: 0 15px; border-bottom: 1px none #e8ebee; width: 90%; float: left; border-top-style: none; border-right-style: none; border-left-style: none; outline-style: none !important; }
.nav-search-mobile-button { color: #000; font-size: 16px; line-height: 46px; width: 35px; height: 46px; border: 0; cursor: pointer; background-color: white; text-align: right; float: right; margin-right: 0; }
.mobilex { display: none !important; }
@media (max-width:992px) {
.nav-search-wrap { height: 80px; }
.nav-search-input[type] { height: 80px; }
.nav-search-close { line-height: 80px; }
}
@media (max-width:580px) {
.nav-search-mobile { padding-right: 0; padding-left: 0; }
li.search2 { display: none !important; }
.mobilex { display: block !important; }
}
/* Bottom Gradient*/
.bottom-gradient {
position: absolute;
width: 100%;
height: 30%;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
/* Old browsers */
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, transparent));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* IE10+ */
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
/* IE6-9 */
}
@media (max-width:580px) {
.bottom-gradient { display: none; }
}
/*--------------------------------------------------------------
# History
--------------------------------------------------------------*/
#history { text-align: left; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#history .container-fluid { max-width: 1310px; }
.history-one .container-fluid { max-width: 1340px; }
.box-content-r { padding-top: 30px; padding-left: 60px; display: inline-block; }
.box-content-l { display: inline-block; padding-top: 30px; padding-right: 60px; }
.history-one { text-align: left; padding-bottom: 90px; padding-top: 90px; position: relative; }
.history-one img { width: 100%; }
.history-one__sculp {
position: absolute;
top: -95px;
left: 3%;
-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}
@media (max-width:575px) {
.history-one__sculp {
display: none;
}
}
.history-one__single:nth-child(odd) .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.history-one__single:nth-child(odd) .history-one__imageX {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.history-one__image>img {
position: relative;
}
.history-one__image2>img { position: relative; }
.history-one__image { position: relative; padding-right: 70px; }
.history-one__image::before {
content: '';
position: absolute;
width: 250px;
height: 202px;
background-image: url(../images/shapes/about-dot-2.png);
background-repeat: no-repeat;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.history-one__content { width: 100%; padding-right: 70px !important; padding-left: 0 !important; display: inline-block !important; }
.history-one__content2 { padding-right: 0 !important; padding-left: 70px !important; }
.history-one__single .history-one__image2 { padding-left: 70px; }
.history-one__single {
position: relative;
}
.history-one__single::before {
content: '';
width: 25px;
height: 25px;
border: solid 7px #90b10a;
background-color: white;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
border-radius: 50%;
z-index: 11;
}
.history-one__single::after {
content: '';
width: 1px;
height: 100%;
background-color: #c4c4c4;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.history-one__single+.history-one__single {
padding-top: 70px;
}
.history-one__top p { font-size: 30px; font-weight: 400; letter-spacing: 0; margin-top: 40px; margin-bottom: 0; }
.history-one__top h3 { color: #476126; font-size: 26px; margin-top: 15px; margin-bottom: 16px; }
.history-slider .slick-dots { position: absolute !important; left: 30px !important; bottom: 10px !important; z-index: 3 !important; }
.history-slider .slick-dots li { background-color: #fff; }
.history-slider .slick-dots .slick-active { background-color: #90b10a; }
.history-slider .slick-dots li:hover { background-color: #90b10a; }
.history-slider .slick-prev { color: #fff; font-size: 54px; line-height: 1; background-color: transparent; position: absolute; top: 50%; left: 20px; z-index: 2; margin-top: -26px; border-style: none; outline-style: none; }
.history-slider .slick-prev:hover { color: #90b10a; }
.history-slider .slick-next { color: #fff; font-size: 54px; line-height: 1; background-color: transparent; position: absolute; margin-top: -26px; right: 20px; top: 50%; z-index: 2; border-style: none; outline-style: none; }
.history-slider .slick-next:hover { color: #90b10a; }
.history-slider { margin-bottom: 60px; }
.about-slider { margin-bottom: 0; }
.about-slider .slick-dots { position: absolute !important; left: 30px !important; bottom: 10px !important; z-index: 3 !important; }
.about-slider .slick-dots li { background-color: #fff; }
.about-slider .slick-dots .slick-active { background-color: #90b10a; }
.about-slider .slick-dots li:hover { background-color: #90b10a; }
.about-slider .slick-prev { color: #fff; font-size: 54px; line-height: 1; background-color: transparent; position: absolute; top: 50%; left: 20px; z-index: 2; margin-top: -26px; border-style: none; outline-style: none; }
.about-slider .slick-prev:hover { color: #90b10a; }
.about-slider .slick-next { color: #fff; font-size: 54px; line-height: 1; background-color: transparent; position: absolute; margin-top: -26px; right: 20px; top: 50%; z-index: 2; border-style: none; outline-style: none; }
.about-slider .slick-next:hover { color: #90b10a; }
@media (max-width:1199px) {
.history-one__image {
margin-right: 30px;
}
.history-one__image > img {
width: 100%;
}
.history-one__single:nth-child(odd) .history-one__image {
margin-right: 0;
margin-left: 30px;
}
.history-one__single .history-one__image2 { padding-left: 30px; }
.history-one__content {
padding-right: 30px;
}
.history-one__single:nth-child(even) .history-one__content {
padding-right: 0;
padding-left: 30px;
}
.donate-one__form {
margin-left: 0;
margin-top: 60px;
}
.box-content-r { padding-top: 0px; padding-left: 0; display: inline-block; }
.box-content-r p { font-size: 16px; line-height: 21px; margin-bottom: 21px; }
.box-content-l p { font-size: 16px; line-height: 21px; margin-bottom: 21px; }
.box-content-l { display: inline-block; padding-top: 0px; padding-bottom: 30px; padding-right: 0; }
}
@media (max-width:991px) {
.box-content-r { padding-top: 40px; padding-left: 0; display: inline-block; }
.box-content-l { display: inline-block; padding-top: 40px; padding-bottom: 30px; padding-right: 0; }
.history-one {
padding-top: 0;
}
.history-one__single::before,
.history-one__single::after {
display: none;
}
.history-one__image {
padding: 0 !important;
margin: 0 !important;
}
.history-one__image2 { padding-right: 0; padding-left: 0 !important; }
.history-one__content { text-align: center; padding: 0 !important; margin: 0 !important; }
.history-one__content2 { text-align: center; margin: 0 !important; padding: 0 !important; }
.history-one__single:nth-child(even) .history-one__content { padding-left: 0 !important; }
.history-one__top {
margin-top: 50px;
}
}
@media (max-width:580px) {
#history { text-align: center; padding-top: 60px; padding-bottom: 30px; position: relative; width: 100%; }
.history-slider { margin-bottom: 0; }
#history .row .pad60 { padding-bottom: 0px; }
.overlap-offset-topX .row.pad60 { padding-bottom: 0px; }
}
/**/
#top-section .container-fluid { max-width: 1340px; }
/*--------------------------------------------------------------
# Event
--------------------------------------------------------------*/
#seminare { padding-bottom: 0; position: relative; width: 100%; padding-top: 90px; }
#seminare .container-fluid { max-width: 1340px; padding-right: 30px; padding-left: 30px; }
.event-one::before { background-color: transparent; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.3; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../img/events/event-bg-1-1.jpg); }
.event-one__moc {
position: absolute;
top: -150px;
right: 2%;
-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
animation: ImgBounce 5s ease-in-out 0s infinite alternate;
}
.event-one__home-three .event-one__moc {
left: 2%;
right: auto;
}
.event-one .container {
position: relative;
}
.event-one .container .row>[class*="col-"]+[class*="col-"] {
margin-top: 30px;
}
.event-one__single { background-color: #fff; width: 100%; height: auto; margin-top: 30px; padding: 55.5px 60px; display: inline-block; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.event-item-style-X1 { background-color: #fff; display: inline-block; margin-top: 30px; padding: 55.5px 60px; width: 100%; height: auto; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.event-one__single:hover {
box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);
}
.event-one__image { vertical-align: middle; position: relative; height: 180px; display: table; }
.event-one__image-inner { position: relative; width: 159px; height: 159px; float: left; }
.event-one__image-box { vertical-align: middle; width: 159px; height: 159px; float: left; display: table; }
.event-one__image-inner::before {
content: "";
width: 260px;
height: 10px;
border-top: 2px solid var(--thm-base);
border-bottom: 2px solid var(--thm-base);
opacity: 0.5;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);
transform: translate(-50%, -50%) rotate(-45deg) skewX(45deg);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.event-one__single:hover .event-one__image-inner::before {
-webkit-transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);
transform: translate(-50%, -50%) rotate(45deg) skewX(45deg);
}
.event-one__image-inner>img { position: relative; width: 100%; border-radius: 50%; box-shadow: 0px 10px 20px 0px rgba(33, 37, 43, 0.2); }
.event-one__content { vertical-align: middle !important; width: 54%; height: 159px; padding-left: 80px; padding-right: 90px; display: table-cell; }
.event-one__content h3 {
margin: 0;
margin-bottom: 15px;
font-size: 24px;
font-weight: bold;
color: var(--thm-black);
}
.event-one__content h3 a {
color: inherit;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.event-one__content h3 a:hover {
color: var(--thm-base);
}
.event-one__content p {
margin: 0;
width: 87%;
}
.event-one__date { font-size: 20px; line-height: 1em; text-align: center; vertical-align: middle; width: 50px; height: 159px; float: left; margin-right: 85px; display: table; }
.event-one__date_inner { vertical-align: middle; width: 100%; height: 159px; display: table-cell; }
.event-one__date span {
display: block;
font-size: 47px;
font-weight: bold;
color: var(--thm-black);
margin-bottom: 15px;
}
.event-one__btn { border: solid 2px #e5e5e5; background-color: transparent; font-size: 16px; padding: 20px; }
.event-one__btn-block { vertical-align: middle; height: 159px; display: table-cell; }
.event-one__btn-block .btn-custom2 { margin-top: 0; }
.event-one__btn:hover {
background-color: var(--thm-base);
border-color: var(--thm-base);
color: #fff;
}
.event-one__event-page-2 {
padding-top: 150px;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(245, 247, 250, 0)), to(rgba(245, 247, 250, 0.8)));
background-image: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(245, 247, 250, 0.8) 100%);
}
.event-one__event-page-2::before {
display: none;
}
.event-one__event-page-2 .more-post__block {
margin-top: 70px;
}
.post-date2 { color: #fff; font-size: 18px; font-weight: 700; background-color: #90b10a; padding: 10px; position: absolute; top: 15px; left: 70px; z-index: 2; }
.post-date2:before { position: absolute; top: 0; left: -15px; border-top: 15px solid transparent; border-right: 15px solid #90b10a; content: ''; }
@media (max-width:1199px) {
.event-one__content {
flex: 1 1 38%;
padding-right: 30px;
padding-left: 50px;
}
.event-one__content p {
width: 97%;
}
}
@media (max-width:991px) {
.event-one__content { width: 100%; float: none !important; padding-right: 0; padding-left: 30px; display: block !important; }
.event-one__date {
margin-right: 30px;
}
.event-one__image { width: 100%; }
.event-one__content p {
width: 100%;
}
.event-one__btn-block {
flex: 1 1 100%;
padding-left: 60px;
padding-top: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.event-one__single {
padding-left: 35px;
padding-right: 35px;
}
}
@media (max-width:767px) {
.event-one__btn-block {
padding: 0;
}
.event-one__single {
position: relative;
}
.event-one__btn {
position: absolute;
top: 108.5px;
right: 35px;
}
.event-one__content {
margin-top: 40px;
}
}
@media (max-width:575px) {
.event-one__home-three .event-one__moc,
.collection-two__home-three .collection-two__scupture {
display: none;
}
.event-one__btn {
position: relative;
top: auto;
right: auto;
}
.event-one__content { width: 100%; }
.event-one__btn-block {
justify-content: flex-start;
align-items: flex-start;
}
.event-one__content {
padding-left: 0;
padding-bottom: 30px;
}
}
.event-item-style-1 { padding: 60px 15px; border-bottom: 1px solid #c4c4c4; }
.event-item-style-1 .date, .event-item-style-1 .media { margin-top: 0; padding: 0; }
.event-item-style-1 .date, .event-item-style-1 .details { margin-top: 1%; }
.event-item-style-1 h1,
.event-item-style-1 h5 {
font-weight: 700;
letter-spacing: 2px;
color: #476126;
}
.event-item-style-1 .h1 { font-size: 75px; font-family: "Times New Roman", Times, serif; font-weight: 700; padding: 0 0 10px; border-bottom: 1px solid #c4c4c4; }
.event-item-style-1.last { border-bottom-style: none !important; }
.event-item-style-1 h5 {
font-size: 16px;
}
.event-item-style-1 .details .main-btn {
margin: 2rem 0;
}
.event-item-style-1 .details .event-infos .info {
height: 3rem;
display: flex;
align-items: center;
}
.event-item-style-1 .details .event-infos .info span {
font-size: 11px;
margin: 0;
color: var(--dark-grey-3);
}
.event-item-style-1 .details .event-infos .info i {
color: var(--heading-color);
margin-right: 0.5rem;
}
.event-item-style-1.odd-event .details { padding-right: 0; padding-left: 60px; }
.event-item-style-1.downloads .details { padding-right: 0; padding-left: 60px; }
.events-section {
padding: 3rem 0 2rem 0;
}
@media (max-width:992px) {
.event-item-style-1.odd-event .details { margin-top: 0; padding-left: 50px; }
.event-item-style-1.odd-event .date { margin-top: 0; }
}
@media (max-width:992px) {
.event-item-style-1.odd-event .details { margin-top: 0px; padding-right: 0; padding-left: 40px; }
.event-item-style-1.odd-event .date { margin-top: 0; }
.event-item-style-1.odd-event .details h3 { margin-top: 0px; }
.event-item-style-1.odd-event .date .h1 { margin-top: 0px; }
}
@media (max-width:767px) {
.event-item-style-1 { padding-right: 30px; padding-left: 30px; }
.event-item-style-1.odd-event .details { margin-top: 50px; padding-right: 0; padding-left: 0; }
.event-item-style-1.odd-event .date { margin-top: 0; }
}
@media (max-width:580px) {
.event-item-style-1 { padding-right: 0px; padding-left: 0px; }
}
/**/
.product-image img { width: 100%; transition: all .5s; }
.product-image { background-color: #c4c4c4; text-align: center; position: relative; width: 100%; height: auto; overflow: hidden; background-size: cover; transition: all .2s; }
.product .product-description .produktname { color: #476126; }
.product .product-description .anwendung { color: #000; }
.product:hover .product-image img { transform: scale(1.1); }
.product .product-description{ background-color: transparent; text-align: center !important; padding: 15px; width: 100%; height: auto; overflow: hidden; vertical-align: middle; position: relative; display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; opacity: 1; }
#products-all { position: relative; width: 100%; padding-top: 60px; }
#products-all .no-gutters > [class*="col-"] { padding-right: 6px; padding-left: 6px; }
#products-all .container-fluid { max-width: 1340px; }
.product:hover .product-description .produktname { color: #90b10a; }
.grid-desc-overlay { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; background-color: #fff; text-align: center !important; position: absolute; width: 100%; height: auto; overflow: hidden; vertical-align: middle; left: 0; right: 0; bottom: 0; z-index: 2; padding: 15px; opacity: 0; }
.grid-desc-overlay2 { background-color: transparent; text-align: left !important; display: block; padding: 15px 30px 30px; position: relative; width: 100%; height: auto; overflow: hidden; vertical-align: middle; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.grid-desc-overlay .box-item2 { background-color: #f4f4f4 !important; padding: 15px; }
.grid-desc { color: #444; font-size: 16px; font-weight: 600; line-height: 21px; background-color: transparent; text-align: center !important; display: block; }
.grid-desc2 { color: #999; font-size: 16px; font-weight: 600; line-height: 21px; background-color: transparent; text-align: left !important; display: block; }
.grid:hover .grid-desc-overlay2 { display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; opacity: 1; }
.grid:hover .grid-desc-overlay { cursor: pointer; display: block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; opacity: 1; }
.grid:hover { cursor: pointer; }
.product { position: relative; width: 100%; height: auto; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.bg46 { background-image: url(../images/timeline.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; position: relative; width: 100%; height: auto; padding-top: 50px; display: block; }
@media (max-width:767px) {
.product-desciption{ background-color: #fff; text-align: left !important; padding: 15px; position: relative; z-index: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto; overflow: hidden; vertical-align: middle; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; opacity: 1; }
#products-all { padding-top: 0; }
}
@media (max-width:580px) {
.h-cta br { display: none; }
.grid-desc { font-size: 15px !important; line-height: 20px !important; }
}
/**/
.sortierung { position: absolute; top: 0; left: 0; right: 0; width: 100% !important; height: 71px; z-index: 2; }
.all { text-align: right; position: absolute; top: -25px; right: 0; width: 140px; z-index: 6; }
.all li { padding-left: 0; list-style-type: none; }
.divider { background-color: #476126; position: absolute; top: 36px; left: 0; right: 0; width: 100%; height: 1px; z-index: 1; }
#section-nine { position: relative; width: 100%; padding-top: 90px; padding-bottom: 120px; }
#section-nine .container-fluid { max-width: 1340px; }
.sortierung .panel .panel-collapse .panel-body { color: #1f1f1f; background: #476126 !important; border-top: 1px solid #d1d1d1; padding: 15px 20px 15px 15px; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.sortierung .panel .accordion-heading { color: #fff !important; font-size: 20px !important; font-weight: 700 !important; line-height: 72px !important; background-color: #476126; text-align: left; margin: 0; padding: 0 20px; outline-style: none; display: block; box-shadow: none; }
.sortierung .panel-group { margin: 0 0 0; }
.sortierung .panel .panel-heading .panel-title { font-size: 20px; line-height: 30px; }
.sortierung .panel .accordion-heading a { color: #fff; width: 100%; padding: 0; display: inline-block !important; }
.sortierung .panel .panel-heading a:focus { color: #000; }
.sortierung .panel .panel-heading a:active { color: #90b10a; }
.sortierung .panel .panel-heading a:hover { color: #90b10a; }
.sortierung .panel { background-color: #476126 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.sortierung .panel .panel-collapse .panel-body ul { padding-bottom: 0; padding-left: 5px; }
.sortierung .panel .panel-collapse .panel-body li { color: #3c3c3b; font-size: 20px; font-weight: 400; line-height: 30px; background-color: #476126; text-align: left; width: 100%; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #d1d1d1; list-style-type: none; list-style-position: outside; }
.sortierung .panel .panel-collapse .panel-body li.full-width { width: 100%; }
.sortierung .panel .panel-collapse .panel-body li:last-child { border-bottom-style: none; }
.sortierung .panel .panel-collapse .panel-body li a { color: #fff; width: 100%; display: inline-block !important; }
.sortierung .panel .panel-collapse .panel-body li a:hover { color: #90b10a; }
.sortierung .panel .panel-collapse .panel-body ol { padding-left: 0; }
.sortierung .panel .title-list { width: 90%; float: left !important; }
.sortierung .panel .panel + .panel {
margin-top: 1px;
}
@media (max-width:767px) {
.presse-hinweis, .presse-hinweis2 { position: relative; margin-bottom: 15px; display: none; }
}
@media (max-width:580px) {
#section-nine { padding-bottom: 0; }
.sortierung { position: relative; z-index: 0; }
.divider { display: none; }
}
.indicator { color: #fff; font-size: 20px; line-height: 72px; float: right; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
/**/
#apo-finder { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
#apo-finder .container-fluid { max-width: 1340px; }
#online-apos { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
#apo-finder .nav-search-mobile { background-color: transparent; text-align: left; position: relative; margin-top: 10px; padding-right: 0; padding-left: 0; width: 100%; height: 52px; z-index: 2; }
#apo-finder .nav-search-input2[type]:focus { background-color: #476126; border-color: #90b10a; border-style: solid; outline-style: none; }
#apo-finder .nav-search-input2[type] { color: #fff; font-size: 24px; font-weight: 400; line-height: 34px; background-color: #476126; margin-top: 0; margin-bottom: 0; position: relative; width: 100%; height: auto; border: solid 1px #476126; outline-style: none; border-radius: 8px; }
#apo-finder .nav-search-mobile-button { color: #fff; font-size: 32px; line-height: 52px; background-color: #476126; text-align: center; position: absolute; top: 0; right: 5px; bottom: 0; cursor: pointer; margin-right: 0; width: 60px; height: 52px; z-index: 2; border: 0; }
#apo-finder .nav-search-mobile-button:hover { color: #90b10a; }
#apo-finder .nav-search-mobile input { color: #fff; font-size: 16px; line-height: 26px; background-color: #476126; padding: 10px 15px; width: 100%; height: 52px; outline-style: none !important; }
.apo-finder-box { background-color: #fff; width: 100%; height: auto; min-height: 240px; padding: 25px; display: inline-block; }
.apo-name { color: #476126; font-size: 25px; font-family: "Times New Roman", Times, serif; font-weight: 700; line-height: 30px; margin-bottom: 10px; }
.apo-plz-ort { margin-bottom: 10px; }
.title-l{ color: #476126; line-height: 45px; float:left; margin: 0; padding: 0; }
.type-l{ font-weight:400; font-style:normal; font-size:14px; color:#020000; line-height: 45px; float: right !important; margin: 0; padding: 0; }
#online-apos li{ transition:border-color .12s; position:relative; float: none; clear: both; border-top:1px solid #c6c6c6; list-style-type: none; display: block; }
#online-apos li:first-child { border-style: none; }
#online-apos li:hover, #online-apos .lists-l>li:hover+li{border-color:#90b10a}
#online-apos li:hover .title-l { color: #90b10a; }
#online-apos li a{ display:inline-block; padding:0.8em 0; font-size:20px; line-height: 30px; width: 100%; }
@media (max-width:768px) {
.type-l { line-height: 19px; text-align: left; float: none !important; display: block; }
.title-l { line-height: 30px; text-align: left; float: none; display: block; }
}
.lists-l { background-color: #fff; margin-top: 60px; margin-left: 0; padding-top: 0; padding-right: 20px; padding-left: 20px; list-style-type: none; }
/**/
.bg-white { background-color: #fff; padding: 30px; }
#produkt-abb { position: relative; width: 100%; }
#produkt-abb .overlap { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 6; transform: translateY(-70%); }
#produkt-abb .overlap img { transition:all 0.3s ease-in-out; }
@media (max-width:767px) {
#produkt-abb .overlap img { width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; }
}
.product-des { margin-top: 60px; }
#produkt--beschreibung { text-align: center; position: relative; width: 100%; padding-top: 240px; padding-bottom: 160px; }
#produkt--beschreibung h3 { margin-bottom: 10px; }
#produkt--beschreibung .container-fluid { max-width: 1070px; }
@media (max-width:768px) {
#produkt--beschreibung { padding-top: 160px; }
#produkt--beschreibung .lead { color: #000; }
}
#download { position: relative; width: 100%; padding-top: 0; padding-bottom: 0; }
.pzn { width: 260px; margin-right: auto; margin-left: auto; list-style-type: none; }
.pzn li { font-weight: 700; width: 100%; float: left; display: inline-block; }
.pzn .text-right { text-align: right; float: right; }
.ft-boxed-hover ul {
margin: 0;
padding: 0;
list-style: none;
}
.ft-boxed-hover .boxes { display: inline-block; position: relative; margin-top: -1px; margin-left: -1px; padding: 50px 15px 30px; border: solid 1px #edebe8; background: #fff; text-align: center; width: 100%; min-height: 380px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.ft-boxed-hover .boxes:hover h3 { color: #90b10a; }
.ft-boxed-hover .boxes2:hover h3 { color: #fff; }
.ft-boxed-hover .boxes2:hover p { color: #fff; }
.ft-boxed-hover .boxes2 { background: #90b10a; text-align: center; display: inline-block; margin-top: -1px; margin-left: -1px; padding: 50px 15px; position: relative; width: 100%; min-height: 380px; border: solid 1px #edebe8; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s; transition: all 0.3s; }
.ft-boxed-hover ul li:hover .hover-content {
opacity: 1;
}
.ft-boxed-hover .boxes .ft-icon { color: #777; font-size: 56px; text-align: center; width: 58px !important; margin-right: auto; margin-bottom: 30px; margin-left: auto; display: block; }
.date .dow-icon { color: #777; font-size: 56px; text-align: center; display: block; margin-bottom: 30px; margin-left: 0; width: 56px !important; }
.ft-boxed-hover .boxes2 .ft-icon { color: #777; font-size: 56px; width: 58px !important; margin-right: auto; margin-bottom: 30px; margin-left: auto; display: block; }
.ft-boxed-hover .boxes .ft-icon img { width: 58px; margin-right: auto; margin-left: auto; }
.date .dow-icon img { width: 100%; margin-left: 0; }
.downloads h5 { letter-spacing: 0; }
.ft-boxed-hover .boxes2 .ft-icon img { width: 58px; margin-right: auto; margin-left: auto; }
.ft-boxed-hover .boxes:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-boxed-hover .boxes2:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.ft-boxed-hover .boxes2 h3 { color: #000; }
.ft-boxed-hover .boxes2 p { color: #000; }
.ft-boxed-hover .boxes2 .h-alt { color: #000; }
.ft-boxed-hover .h-alt { color: #111 !important; font-size: 13px !important; line-height: 15px !important; text-align: center; padding: 15px 0; display: block; }
.ft-boxed-hover ul li .hover-content {
display: block;
position: absolute;
padding: 30px;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ft-boxed-hover ul li .hover-content .ft-icon {
position: absolute;
display: block;
top: 50px;
left: 0;
right: 0;
font-size: 120px;
color: rgba(217, 217, 217, 0.15);
z-index: 1;
}
.ft-boxed-hover ul li .hover-content .ft-heading {
display: block;
margin: 0;
padding-bottom: 15px;
color: #ececec;
}
.ft-boxed-hover ul li .hover-content p {
margin: 0;
color: #999;
}
.ft-boxed-hover ul li .hover-content a {
display: inline-block;
position: relative;
margin-top: 20px;
color: #999;
z-index: 10 !important;
}
.ft-boxed-hover ul li .hover-content a:hover {
color: #ececec;
}
.ft-boxed-hover ul li .hover-content a:focus {
outline: none;
}
@media (max-width:992px) {
.ft-boxed-hover .boxes { height: auto; min-height: 430px; }
.ft-boxed-hover .boxes2 { height: auto; min-height: 430px; }
}
@media (max-width:768px) {
.date .dow-icon { width: 48px !important; }
.ft-boxed-hover .boxes { height: auto; min-height: 100px; padding: 30px 15px 15px; }
.ft-boxed-hover .boxes2 { height: auto; min-height: 100px; padding: 30px 15px 15px; }
}
/**/
.parallax { position: relative; width: 100% !important; height: auto; overflow: hidden !important; }
.parallax .container-fluid { }
#parallax3 h2, #parallax3 h3, #parallax2 p, #parallax3 a { color: #fff !important; }
#parallax3 { background-repeat: no-repeat; background-attachment: scroll; background-position: center; text-align: center; padding-top: 220px; padding-bottom: 220px; width: 100%; height: auto; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
#parallax4 { background-repeat: no-repeat; background-attachment: scroll; background-position: center; text-align: center; padding-top: 200px; padding-bottom: 380px; width: 100%; height: auto; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.parallax-wrapper { padding-top: 0; padding-bottom: 0; text-align: center; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 600px; z-index: 3; display: table; }
.parallax-wrapper-box { display: table-cell !important; width: 100%; height: 600px; vertical-align: middle; }
.parallax-wrapper-box br { display: none; }
.bg { background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 2; bottom: 0 !important; width: 100%; height: 500px; display: block; }
@media onlyscreenand(min-device-width:768px)and(max-device-width:1024px) {
#parallax2 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax3 { background-attachment: scroll !important; background-position: center top !important; z-index: 1; width: 100%; height: auto; padding-top: 120px; padding-bottom: 90px; }
#parallax4 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; width: 100%; height: auto; padding-top: 90px; padding-bottom: 60px; }
#parallax5 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; width: 100%; height: auto; padding-top: 90px; padding-bottom: 90px; }
#parallax6 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; width: 100%; height: auto; padding-top: 90px; padding-bottom: 90px; }
#parallax7 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; min-height: 500px !important; }
#parallax8 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; padding-top: 90px; padding-bottom: 90px; border-style: none !important; box-shadow: none !important; }
#parallax9 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; width: 100%; height: auto; padding-top: 90px; padding-bottom: 90px; }
#parallax10 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; width: 100%; height: auto; padding-top: 50px; padding-bottom: 50px; }
#parallax11 { background-attachment: scroll !important; background-position: center top !important; margin: 0 auto; z-index: 1; width: 100%; height: auto; padding-top: 30px; padding-bottom: 90px; }
}
@media (max-width:768px) {
.parallax-wrapper-box br { display: block; }
}
@media (max-width:767px) {
.parallax { width: 100% !important; height: auto !important; }
#parallax3 { background-attachment: scroll !important; background-position: center top !important; z-index: 1; width: 100%; height: auto; padding-top: 120px; padding-bottom: 90px; }
#parallax4 { padding-top: 90px; padding-bottom: 90px; }
.parallax-wrapper-box { vertical-align: middle; height: 500px; padding-bottom: 30px; }
.parallax-wrapper { vertical-align: middle; height: 500px; }
.bg { height: 400px !important; min-height: 400px; max-height: 400px; }
}
@media (max-width:580px) {
.parallax-wrapper-box br { display: none; }
}
/**/
#symp-info { background-color: #edebe8; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; border-bottom: 1px solid #c4c4c4; }
#symp-info ul { margin-left: 0; padding-left: 20px; }
#symp-info ul li { margin-left: 0; padding-left: 0; list-style-type: square; list-style-position: outside; }
#symp-info .container-fluid { max-width: 1340px; }
.packung img { width: 100%; max-width: 550px; margin-right: auto; margin-bottom: 60px; margin-left: auto; }
.packung2 img { margin-right: auto; margin-bottom: 60px; margin-left: auto; width: 100%; max-width: 250px; }
.box-green { background-color: transparent; padding: 30px; }
#anwendung { background-image: none; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; position: relative; width: 100%; padding-top: 120px; padding-bottom: 90px; }
#anwendung2 { background-color: #476126; padding-top: 110px; padding-bottom: 60px; position: relative; width: 100%; }
#anwendung2 a { color: #fff; }
#anwendung2 a:hover { color: #90b10a; }
#anwendung .container-fluid { max-width: 1220px; }
/**/
.divider3 {
border: 0;
height: 1px;
margin: 90px 0 60px;
background: #476126;
text-align: center;
position: relative;
clear: both;
}
.divider3b { background: #476126; text-align: center; margin: 60px auto; position: relative; width: 100%; height: 1px; clear: both; border: 0; }
.divider3 .flower { background-color: #edebe8; position: absolute; top: -140px; left: 50%; width: 280px; height: 280px; margin-left: -140px; padding-right: 15px; padding-left: 15px; }
.divider3b .flower2 { background-color: #476126; margin-left: -100px; position: absolute; top: -100px; left: 50%; width: 200px; height: 200px; padding-right: 15px; padding-left: 15px; }
.divider3 .flower img { width: 100%; }
.divider3b .flower2 img { width: 100%; }
.pad-l-r { padding-right: 30px; padding-left: 30px; }
#heilpflanzenportrait .headl-bg { background: #90b10a; color: #fff; position: absolute; top: -5px; left: -20px; width: 140px; height: 24px; z-index: -1; padding: 20px; }
.divider4 { background-color: #c4c4c4; width: 100%; height: 1px; margin-top: 30px; margin-bottom: 0; display: inline-block; }
@media (max-width:768px) {
.divider3 .flower { background-color: #edebe8; margin-left: -100px; padding-right: 15px; padding-left: 15px; position: absolute; top: -100px; left: 50%; width: 200px; height: 200px; }
.divider3 { margin-top: 30px; margin-bottom: 30px; }
}
/* #Price Tables
================================================== */
.price-col { width: 100%; padding: 25px 40px; border: 4px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background:#fff
; min-height: 360px; margin-top: 25px; }
.price-col2 { background: #476126; margin-top: 25px; padding: 25px 40px; position: relative; width: 100%; min-height: 360px; border: 4px #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.price-col2 li, .price-col2 h3 { color: #fff; }
.price-col:hover {
}
.price-col.featured:hover {
}
.price-col .title {
background: #EDEDED;
text-align: center;
font-size: 30px;
line-height: 50px;
margin-bottom: 30px;
font-family:'LeagueGothicRegular','Helvetica Neue',Helvetica,Arial,Sans-Serif;
}
.price-col.featured .title {
font-size:35px
}
.price-col .price {
font-size: 60px;
text-align: center;
line-height:60px;
margin:0;
font-family: 'ChunkFiveRegular', Arial, sans-serif
}
.price span {
font-size:35px
}
.price-col .months {
display: block;
color:#F07057;
font-size: 11px;
margin:0 0 25px 0;
position:relative;
top:-15px;
padding-left:10px
}
.price-col.featured .months {
color:#181818
}
.price-col .button {
bottom: 25px;
display:block;
text-align: center;
margin-top:25px
}
.price-col ul, .price-col2 ul { margin-left: 0; padding-left: 20px; list-style-type: square; }
.price-col li, .price-col2 li { font-size: 16px; line-height: 26px; margin-bottom: 5px; }
.featured { margin-top: -25px; background: #476126 url(../img/background/bg005.jpg) no-repeat center; color: #fff; width: 100%; height: 460px; border:4px #f07057; background-size: cover; }
.price-col.featured .title {
margin-bottom: 55px;
background: #59B9E3;
padding:15px 0;
margin-bottom:15px
}
.price-col.featured .price {
color: #fff;
font-size: 70px;
}
.price-col h5 {
color:#F07057;
font-size:18px;
margin:35px 0 20px 0
}
.price-col.featured h5 {
color:#444;
margin-top:20px
}
.icon { position: absolute; top: -70px; left: 50%; width: 140px; height: 140px; margin-left: -70px; }
.icon img { width: 100%; }
@media (max-width:767px) {
.price-col { float: none; width: 100%; min-height: auto; padding-right: 15px; padding-left: 15px; }
.price-col2 { padding-right: 15px; padding-left: 15px; width: 100%; min-height: auto; float: none; }
.price-col.featured {
margin-top: 0;
}
.price-col {
margin-bottom:10px
}
}
/**/
/**/
#content-section { padding-top: 90px; padding-bottom: 0; }
.box-adress { background-color: #fff; width: 100%; height: auto; padding: 30px 30px 20px; display: inline-block; }
.box-seminare { background-color: #fff; display: inline-block; padding: 15px 30px 20px; width: 100%; height: auto; }
.box-white2 { display: inline-block; padding: 30px 30px 20px; width: 100%; height: auto; }
.box-white3 { background-color: #fff; display: inline-block; padding: 30px 30px 40px; width: 100%; height: auto; }
.box-white3 img { margin-bottom: 30px; }
#content-section h3 { margin-top: 0; }
#content-section .container-fluid { max-width: 1140px; }
.meeting-event-box {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.meeting-event-box figure {
width: 100%;
display: block;
margin: 0;
}
.meeting-event-box figure img {
width: 100%;
}
.meeting-event-box .content { background: #edebe8; margin-top: -80px; position: relative; width: 70%; z-index: 1; padding: 30px 30px 0 0; box-shadow: 14px -16px 23px rgba(0, 0, 0, 0.15); }
.meeting-event-box .content h5 { width: 100%; display: block; font-size: 28px; font-family: "Argesta Display"; letter-spacing: 0; }
.meeting-event-box .content h5 a {
display: inline-block;
}
.meeting-event-box .content h5 a:hover {
color: #856d47;
}
.meeting-event-box .content p { font-size: 18px; line-height: 23px; width: 100%; display: block; margin-bottom: 10px; }
.meeting-event-box .content small { font-size: 14px; line-height: 19px; width: 100%; margin-top: 10px; display: block; }
/* RESPONSIVE MEDIUM */
@media (max-width:1200px) {
.hotel-search form .form-group {
margin: 15px;
}
.meeting-event-box .content { box-shadow: none; }
.side-image .video-button {
width: 120px;
height: 120px;
line-height: 120px;
left: calc(50% - 60px);
top: calc(50% - 60px);
}
.side-image.overlap-bottom {
transform: translateY(0);
}
.side-image.left-align:after {
display: none;
}
.side-image.right-align:after {
display: none;
}
.side-image.overlap-top {
transform: translateY(0);
}
.side-content.text-left p {
padding-right: 0;
}
.side-content .custom-button {
margin-top: 20px;
}
.section-title h2 {
font-size: 48px;
}
.section-title h6:before {
display: none;
}
.side-content h2 {
font-size: 38px;
}
.carousel-image-box {
width: 100%;
}
.side-hotel-box.right {
padding-left: 50px;
}
.side-hotel-box h2 {
font-size: 38px;
}
.side-hotel-box h2 br {
display: none;
}
.side-hotel-box .review {
display: none;
}
.side-content.text-left {
padding-right: 10%;
}
.video-box .play-btn {
width: 120px;
height: 120px;
line-height: 120px;
left: calc(50% - 60px);
top: calc(50% - 60px);
}
.rooms-slider .swiper-slide .room-detail {
width: 60%;
}
.recent-news .content {
padding-left: 0;
}
.recent-news .content ul:before {
display: none;
}
.meeting-event-box .content {
width: 100%;
margin-top: 0;
padding-top: 25px;
}
.meeting-event-box .content h5 {
font-size: 23px;
}
.event-headline h3 {
font-size: 44px;
}
.room-box .content {
width: 100%;
margin-left: 0;
margin-top: 25px;
padding: 0;
}
.special-offer-box .content h5 {
font-size: 23px;
}
.special-offer-box .content {
width: 100%;
margin-top: 25px;
padding: 0;
}
.newsletter-box h2 {
font-size: 48px;
}
.side-gallery {
transform: translateY(0);
}
.rooms-list li {
padding-right: 15px;
}
.rooms-list li:nth-child(even) {
padding-left: 15px;
}
.room-type h3 {
font-size: 60px;
}
.room-info-box {
padding: 30px;
}
.room-info-box ul li span {
width: auto;
}
.contact-box {
padding: 30px;
}
.contact-form input[type="text"] {
width: 100%;
}
.custom-button {
height: 70px;
line-height: 70px;
}
.sidebar {
padding-left: 0;
}
.news-box .content {
padding-left: 0;
}
.news-box .content .category:before {
display: none;
}
.footer .bottom-bar:before {
width: 100%;
left: 0;
}
.content-section.bottom-spacing {
margin-bottom: 0 !important;
}
.content-section.top-spacing {
margin-top: 0 !important;
}
.col-md-6:nth-child(2) .recent-news {
padding-right: 0;
}
.col-md-6:nth-child(3) .recent-news {
padding-left: 0;
}
}
.card { position: relative; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; vertical-align: middle; width: 100%; height: auto; padding: 30px; border-color: .0625rem solid rgba(243, 247, 250, .05); border-style: none; display: table; background-clip: border-box; border-radius:.25rem
; }
.job-suche { color: #000; font-size: 16px !important; line-height: 21px !important; margin-bottom: 10px !important; }
.card .btn-custom2 { margin-top: 30px; }
.card > hr {
margin-right: 0;
margin-left:0
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius:.25rem
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius:.25rem
}
.card-body { text-align: right; vertical-align: middle; width: 100%; height: 42px; float: right; padding: 30px; display: table-cell; }
.card-body2 { text-align: right; padding: 0; width: 100%; height: 200px; }
.card-title {
margin-bottom:1.25rem
}
.card-subtitle {
margin-top: -.625rem;
margin-bottom:0
}
.card-text:last-child {
margin-bottom:0
}
.card-link:hover {
text-decoration:none
}
.card-link + .card-link {
margin-left:1.5rem
}
.card-header {
padding: 1.25rem 1.5rem;
margin-bottom: 0;
background-color: #f3f7fa;
border-bottom:.0625rem solid rgba(243, 247, 250, .05)
}
.card-header:first-child {
border-radius:calc(.25rem - .0625rem) calc(.25rem - .0625rem) 0 0
}
.card-header + .list-group .list-group-item:first-child {
border-top:0
}
.card-footer {
padding: 1.25rem 1.5rem;
background-color: #f3f7fa;
border-top:.0625rem solid rgba(243, 247, 250, .05)
}
.card-footer:last-child {
border-radius:0 0 calc(.25rem - .0625rem) calc(.25rem - .0625rem)
}
.card-header-tabs {
margin-right: -.75rem;
margin-bottom: -1.25rem;
margin-left: -.75rem;
border-bottom:0
}
.card-header-pills {
margin-right: -.75rem;
margin-left:-.75rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding:1.25rem
}
.card-img {
width: 100%;
border-radius:calc(.25rem - .0625rem)
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(.25rem - .0625rem);
border-top-right-radius:calc(.25rem - .0625rem)
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(.25rem - .0625rem);
border-bottom-left-radius:calc(.25rem - .0625rem)
}
.card-deck {
display: flex;
flex-direction:column
}
.card-deck .card {
margin-bottom:15px
}
@media (max-width:991px) {
.card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left:-15px
}
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left:15px
}
.card-body { text-align: left; height: auto; float: none; padding: 0; }
}
.card-group {
display: flex;
flex-direction:column
}
.card-group > .card {
margin-bottom:15px
}
@media (min-width: 576px) {
.card-group {
flex-flow:row wrap
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom:0
}
.card-group > .card + .card {
margin-left: 0;
border-left:0
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius:0
}
.card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
border-top-right-radius:0
}
.card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
border-bottom-right-radius:0
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius:0
}
.card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
border-top-left-radius:0
}
.card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
border-bottom-left-radius:0
}
}
.card-columns .card {
margin-bottom:1.25rem
}
@media (min-width: 576px) {
.card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows:1
}
.card-columns .card {
display: inline-block;
width:100%
}
}
.jobs-box { background-color: #476126; width: 100%; height: auto; padding: 30px 30px 10px; display: inline-block; }
#jobs-us { position: relative; width: 100%; padding-top: 0; padding-bottom: 0; }
ul.jobs { padding-left: 20px; list-style-type: square; }
ul.lohn { list-style-type: square; padding-left: 20px; }
.jobs-box2 { background-color: #fff; display: inline-block; padding: 30px; width: 100%; height: auto; }
.lohn-box2 { background-color: #fff; display: inline-block; padding: 30px; width: 100%; height: auto; }
.jobs-box2 h3 { font-size: 25px; line-height: 30px; margin-bottom: 5px; }
.jobs-box2 p { margin-bottom: 0; }
.jobs-box2 .btn-custom2 { margin-top: 30px; }
.jobs-box2 .btn-custom { margin-top: 30px; }
.jobs-box2:hover { background-color: #fff; display: inline-block; padding: 30px; width: 100%; height: auto; box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.jobs-box2:hover p { color: #000; }
.jobs-box2:hover h3 { color: #90b10a; }
.jobs-box2:hover .btn-custom2 { background-color: #ff7f00; }
.jobs-box2:hover .btn-custom { background-color: #90b10a !important; }
.jobs-box a { color: #fff; }
.jobs-box a:hover { color: #90b10a; }
.jobs-box p, .jobs-box h3 { color: #fff; }
@media (max-width:991px) {
.jobs-box { }
}
/**/
#legals { background-color: #edebe8; position: relative; width: 100%; padding-top: 120px; padding-bottom: 90px; }
#legals .container-fluid { max-width: 1070px; }
.dps ul li { color: #000; font-size: 15px; font-weight: 400; font-style: normal; line-height: 20px; margin-left: 0; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.dps ul { padding-left: 20px; }
.dps p { font-size: 15px; line-height: 20px; margin-bottom: 20px; }
.dps a { text-decoration: underline; }
.dps h5 { color: #000; font-size: 21px !important; font-weight: 700 !important; font-style: normal; line-height: 25px !important; background-color: transparent; text-transform: none; text-align: left; letter-spacing: 0 !important; margin-top: 30px; margin-bottom: 20px; margin-left: 0; padding-left: 0; display: block; }
.dps h6 { color: #000; font-size: 18px !important; font-family: "Open Sans", sans-serif; font-weight: 700 !important; font-style: normal; line-height: 23px !important; margin-bottom: 10px !important; margin-left: 0; padding-top: 0; padding-left: 0; }
.dps h3 { color: #000; }
.dps { padding-top: 60px; }
.dps .stand { padding-top: 30px; display: block; }
@media (max-width:992px) {
#legals { padding-top: 60px; }
}
/**/
#lohnherstellung-section { position: relative; width: 100%; padding-top: 90px; padding-bottom: 0; }
#lohnherstellung-section p { margin-bottom: 0; }
#lohnherstellung-section .container-fluid { max-width: 992px; }
.lohn-box { background-color: #476126; display: inline-block; padding: 30px 30px 10px; width: 100%; height: auto; }
.lohn-box2 { background-color: #fff; display: inline-block; padding: 30px; width: 100%; height: auto; }
.lohn-box p { color: #fff; }
.lohn-box h3 { color: #fff; }
.lohn-box li { color: #fff; }
.lohn-box ul { padding-bottom: 30px; }
/**/
.overlap { background-color: transparent; text-align: left; position: relative; }
.overlap-offset-top { overflow: visible !important; padding-top: 0 !important; }
.overlap-offset-top-container { background-color: transparent !important; position: relative; top: -270px; width: 100%; z-index: 6; margin: 0 auto; padding-top: 0; }
#parallax5 .container-fluid { max-width: 1140px; }
@media onlyscreenand(min-device-width:768px)and(max-device-width:1024px) {
.overlap-offset-top-containerX { background-color: transparent !important; position: relative; top: -60px; z-index: 3; margin: 0 auto; padding-top: 0; }
}
@media (max-width:767px) {
.overlap-offset-top-container { background-color: transparent !important; margin-top: 0; margin-bottom: 0; padding-top: 0; position: relative; top: 0; z-index: 0; display: block; }
}
@media (max-width:768px) {
#controlsvideo { display: none; }
}
.card.card-cta { }
.card-block { padding: 15px 30px 25px
; }
#about-section { text-align: center; padding-top: 90px; padding-bottom: 90px; }
#about2-section { text-align: left; position: relative; top: -220px; width: 100%; margin-bottom: -220px; padding-top: 0; padding-bottom: 0; }
#about3 { position: relative; width: 100%; padding-top: 60px; padding-bottom: 0; }
#about3 .container-fluid { max-width: 1340px; }
#video-section { text-align: center; position: relative; width: 100%; padding-top: 0; padding-bottom: 0; }
#video-section p { color: #737373; margin-bottom: 0; }
.box-pr { padding-right: 20px; }
.box-pl { padding-left: 20px; }
#about-section .container-fluid { max-width: 840px; }
#contact-section .container-fluid { max-width: 1140px; }
.box-adressx { margin-top: 120px; padding-right: 50px; }
#contact-section h3 { margin-top: 0; margin-bottom: 30px; }
#contact-section { position: relative; width: 100%; padding-top: 90px; }
#about2-section .container-fluid { max-width: 1140px; }
#video-section .container-fluid { max-width: 1140px; }
@media (max-width:992px) {
.box-adressx { margin-top: 0; }
}
@media (max-width:767px) {
#about2-section { top: 0; margin-top: 0; margin-bottom: 0; }
#video-section .col-xs-12 { padding-right: 0; padding-left: 0; }
#about-section { padding-top: 60px; padding-bottom: 30px; }
.card.card-cta { box-shadow: none; }
#video-section { padding-top: 30px; }
.card-block { padding-right: 5px; padding-left: 5px; }
.box-pr { padding-right: 0; }
.box-pl { padding-left: 0; }
#contact-section { padding-top: 60px; }
}
.help-block li { font-size: 13px !important; line-height: 15px !important; }
.help-block ul { margin-left: 0 !important; padding-left: 0 !important; }
label { color: #000; font-size: 16px; font-weight: 400; line-height: 26px; }
form .btn-custom2 { border-style: none; outline-style: none !important; box-shadow: none !important; }
.hinweis { font-size: 13px; line-height: 15px; margin-top: 15px; }
input { color: #000; font-size: 16px !important; line-height: 40px !important; box-shadow: none !important; }
.x12 input { font-size: 16px !important; line-height: 40px !important; height: 40px !important; }
textarea { font-size: 16px !important; line-height: 21px !important; }
checkbox input { height: auto !important; }
.bg2 { background-color: #476126 !important; position: absolute; left: -15px; z-index: -1; bottom: 30px; width: 90%; height: 80%; }
.contact-text { font-size: 16px; line-height: 21px; }
/**/
/**/
.box_upage { background-color: #fff; margin-top: 8%; margin-left: -100px; padding: 50px; }
.box_upage2 { background-color: #fff; margin-top: 14%; margin-right: -150px; padding: 30px 30px 10px; }
@media (max-width:767px) {
.box_upage2 { background-color: transparent; margin-top: 0; margin-right: 0; padding: 30px 15px 15px; }
.box_upage { margin-top: 0; margin-right: 0; margin-left: 0; padding: 30px 15px 15px; }
}
.modal-content { border-radius: 0; box-shadow: none; }
.close { color: #fff; font-size: 65px !important; font-weight: 400; background-color: transparent !important; position: absolute; z-index: 10; top: -15px; right: -55px; width: 45px; height: 45px; opacity: 1; text-shadow: none !important; }
.small-c { font-size: 13px !important; line-height: 15px !important; }