@font-face {
font-display: swap; font-family: 'Abhaya Libre';
font-style: normal;
font-weight: 400;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/abhaya-libre-v17-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Abhaya Libre';
font-style: normal;
font-weight: 500;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/abhaya-libre-v17-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Abhaya Libre';
font-style: normal;
font-weight: 600;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/abhaya-libre-v17-latin-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Abhaya Libre';
font-style: normal;
font-weight: 700;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/abhaya-libre-v17-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Abhaya Libre';
font-style: normal;
font-weight: 800;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/abhaya-libre-v17-latin-800.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Forum';
font-style: normal;
font-weight: 400;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/forum-v18-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Dancing Script';
font-style: normal;
font-weight: 400;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/dancing-script-v25-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Dancing Script';
font-style: normal;
font-weight: 500;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/dancing-script-v25-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Dancing Script';
font-style: normal;
font-weight: 600;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/dancing-script-v25-latin-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Dancing Script';
font-style: normal;
font-weight: 700;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/dancing-script-v25-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url(//bioobst.st/wp-content/themes/bioobst_theme/fonts/lato-v24-latin-regular.woff2) format('woff2'); }
html {
font-family: "Abhaya Libre", serif;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
background: #1C431F;
}
.uk-navbar, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
height: 60px;
min-height: auto;
}
.uk-navbar-toggle, .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded=true] {
color: white;
}
.menue {
padding-left: 25px;
padding-right: 25px;
}
.uk-logo img {
max-height: 40px;
padding-right: 25px;
}
.uk-navbar-nav>li>a {
font-family: "Abhaya Libre", serif;
font-size: 1.125em;
color: #FEFFF7;
text-transform: none;
}
.uk-leader-fill::after {
display: none;
}
.mobilemenue {
background: #1C431F;
text-align: center;
padding: 25px;
}
.mobilemenue a {
display: block;
color: #FEFFF7;
font-size: 1.2em;
}
.pattern {
padding: 0;
}
footer .pattern {
height: 80px;
background-image: url(//bioobst.st/wp-content/themes/bioobst_theme/img/bg_pattern1.png);
background-repeat: repeat-x;
background-position: bottom;
background-size: auto 80px;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Forum", sans-serif;
text-transform: uppercase;
}
.start {
min-height: 800px;
max-height: 80vh;
width: 100%;
background-image: url(//bioobst.st/wp-content/themes/bioobst_theme/img/bg_pattern1.png), url(//bioobst.st/wp-content/themes/bioobst_theme/img/intro_big.webp);
background-repeat: repeat-x, no-repeat;
background-position: bottom, center;
background-size: auto 100px, cover;
}
h2, h3 {
font-size: 3.75em;
line-height: 1.1;
letter-spacing: 4px;
}
h4 {
letter-spacing: 3px;
}
h2.intro {
font-size: 3.75em;
letter-spacing: 4px;
color: #1C431F;
}
h3.small, h4.small {
font-size: 1.875em;
}
p.intro {
color: #1C431F;
font-family: "Dancing Script", sans-serif;
font-weight: 700;
font-size: 3.125em;
}
p.sub {
color: #5A875A;
font-family: "Dancing Script", sans-serif;
font-size: 3.75em;
margin: 0;
}
p.sub.minmargin {
margin-top: -20px;
}
p.default {
color: #1C431F;
font-family: "Abhaya Libre", sans-serif;
font-size: 1.875em;
width: 100%;
max-width: 900px;
margin: 0 auto;
}
p.secondary {
color: #1C431F;
font-family: "Abhaya Libre", sans-serif;
font-size: 1.25em;
}
hr.default {
border-color: #5A875A;
width: 155px;
margin: 50px auto;
}
.uk-button {
font-size: 1.0625em;
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 5px;
padding: 10px 50px;
}
.uk-button-default {
border: 2px solid;
border-color: #1C431F !important;
color: #1C431F !important;
}
.uk-button-default:hover {
border-color: #1C431F;
color: #FEFFF7 !important;
background-color: #1C431F !important;
}
.sndbutton {
border: 2px solid;
border-color: #1C431F !important;
color: #1C431F !important;
font-size: 17px;
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 5px;
padding: 10px 30px;
background: none;
}
.sndbutton:hover {
border-color: #1C431F;
color: #FEFFF7 !important;
background-color: #1C431F !important;
}
.uk-button-secondary {
border: 2px solid;
border-color: #FEFFF7 !important;
background: none !important;
color: #FEFFF7 !important;
}
.uk-button-secondary:hover {
border-color: #FEFFF7;
color: #FEFFF7 !important;
background-color: #FEFFF7;
}
img.siegel {
width: 15vw;
max-width: 180px;
min-width: 140px;
margin-top: 4vw;
}
.times {
width: 100%;
max-width:420px;
text-align: left;
}
.times2 {
width: 100%;
max-width:350px;
text-align: left;
}
.greensquare {
background: #1C431F;
text-align: left;
width: 100%;
max-width: 385px;
font-size: 1.875em;
background-image: url(//bioobst.st/wp-content/themes/bioobst_theme/img/bg_blaetter.png);
background-position: right;
background-repeat: no-repeat;
font-family: "Forum", sans-serif;
text-transform: uppercase;
color: #FEFFF7;
letter-spacing: 2px;
}
.greensquare p {
padding: 20px 100px 0px 30px;
}
.lightgreensquare {
background: #5A875A;
text-align: left;
max-width: 385px;
font-size: 1.875em;
background-image: url(//bioobst.st/wp-content/themes/bioobst_theme/img/bg_blaetter_light.png);
background-position: right;
background-repeat: no-repeat;
font-family: "Forum", sans-serif;
text-transform: uppercase;
color: #FEFFF7;
letter-spacing: 2px;
}
.lightgreensquare p {
padding: 50px 100px 30px 30px;
}
.greendivider {
column-rule-color: rgba(28, 67, 31, .5) !important;
}
.heartlist {
max-width: 100%;
margin: 40px auto;
}
ul.heart {
display: inline-block;
list-style-image: url(//bioobst.st/wp-content/themes/bioobst_theme/img/herz.png);
text-align: left;
color: #1C431F;
font-size: 1.25em;
}
li.new {
color: #9C1217;
list-style-image: url(//bioobst.st/wp-content/themes/bioobst_theme/img/herz_rot.png);
}
.heartlist [class*=uk-column-] {
column-gap: 50px;
}
.productimg {
background: #FAF0CE;
text-align: center;
padding: 25px;
}
p.productdetail {
font-size: 1.25em;
font-family: "Abhaya Libre", sans-serif;
color: #1C431F;
margin-top: 10px;
}
.uk-section-default {
background: #FEFFF7;
}
.uk-section-primary {
background: #FAF0CE;
}
.uk-section-secondary {
background: #5A875A;
}
img.overlay {
width: 150px;
height: 150px;
margin-top: -100px;
margin-left: -75px;
z-index: 9999;
}
.uk-slidenav {
border: 1px solid #1C431F;
color: #1C431F;
border-radius: 50%;
padding: 12px 18px;
}
.uk-slidenav:hover {
background: #1C431F;
color: #FEFFF7;
}
.uk-padding-xlarge {
padding: 0px 60px;
}
.uk-dotnav>.uk-active>* {
background: #1C431F;
}
.uk-dotnav>*>* {
border: 1px solid #1C431F;
}
.uk-dotnav>*>*:hover {
background: rgba(28, 67, 31, .7);
}
.twenty {
font-size: 1.25em;
}
.paddingfooter {
padding: 100px 15px;
}
.green {
color: #1C431F !important;
}
.green a {
color: #1C431F !important;
}
.lightgreen {
color: #5A875A !important;
}
.lightgreen a {
color: #5A875A !important;
}
.white {
color: #FEFFF7 !important; 
}
.white a {
color: #FEFFF7 !important; 
}
footer {
background: #1C431F;
}
.uk-input, .uk-textarea {
font-family: "Abhaya Libre", sans-serif;
font-size: 1.25em;
background: none;
border: none;
border-bottom: 2px solid #1C431F;
color: #1C431F;
}
.uk-input:focus, .uk-textarea:focus {
background: none;
border: none;
border-bottom: 2px solid #1C431F;
color: #1C431F;
}
.uk-input::placeholder, .uk-textarea::placeholder {
color: rgb(28, 67, 31)
}
.entry {
word-wrap: break-word !important;
}
.entry p {
font-size: 20px;
color: #1C431F;
word-wrap: break-word !important;
}
.entry h1 {
font-size: 60px;
color: #1C431F;
word-wrap: break-word !important;
}
.entry h2 {
font-size: 30px;
color: #1C431F;
word-wrap: break-word !important;
}
.hidden-fields-container {
border: none !important;
}
@media (max-width: 800px) {
.greensquare, .lightgreensquare {
width: 100%;
max-width: inherit;
}
h2, h3 {
font-size: 2.75em;
line-height: 1.1;
letter-spacing: 4px;
}
h4 {
letter-spacing: 3px;
}
h2.intro {
font-size: 2.75em;
letter-spacing: 4px;
color: #1C431F;
}
h3.small, h4.small {
font-size: 1.5em;
}
p.intro {
font-size: 2.5em
}
p.default {
font-size: 1.5em;
}
p.sub {
font-size: 2.75em;
}
p.sub.minmargin {
margin-top: -10px;
}
.start {
min-height: 750px;
max-height: 80vh;
}
.uk-button {
font-size: 1em;
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
padding: 8px 25px;
}
.uk-button-noborder {
border: transparent;
}
.uk-slidenav {
border: 1px solid #1C431F;
color: #1C431F;
border-radius: 50%;
padding: 10px;
}
.uk-slidenav svg {
width: 12px;
height: 12px;
}
.uk-column-divider {
column-rule-color: rgba(255, 255, 255, 0) !important;
}
img.obstkorb {
width: 400px;
padding: 0px 25px;
}
}
@media (max-width: 450px) {
h2, h3 {
font-size: 2em;
line-height: 1.1;
letter-spacing: 4px;
}
h4 {
letter-spacing: 3px;
}
h2.intro {
font-size: 2em;
letter-spacing: 4px;
color: #1C431F;
}
h3.small, h4.small {
font-size: 1.5em;
}
p.intro {
font-size: 2em
}
p.default {
font-size: 1.5em;
}
p.sub {
font-size: 2em;
}
.start {
min-height: 750px;
max-height: 80vh;
}
.uk-button {
font-size: 1em;
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 3px;
padding: 8px 25px;
}
.uk-column-divider {
column-gap: 30px;
column-rule-color: rgba(255, 255, 255, 0) !important;
}
}
@media screen and (min-width: 800px)  {
.mobile-break { display: none; }
}