@charset "UTF-8";
/* Theme Name: Heilkräuter Theme
Theme URI: -
Description: Heilkräuter Theme Version: 1.0
Author: Medienpalast (@medienpalast)
Author URI: https://www.medienpalast.de/
Tags: HTML5, CSS3
License: MIT License URI: http://opensource.org/licenses/mit-license.php
*/
@import url(css/libs/bootstrap.min.css);
input, input:focus, button, textarea { outline: none; -webkit-appearance: none; background: transparent; }

@font-face { font-family: 'Open Sans Light'; src: url("./fonts/OpenSans-Light.ttf") format("truetype"); }

@font-face { font-family: 'Open Sans Regular'; src: url("./fonts/OpenSans-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Open Sans SemiBold'; src: url("./fonts/OpenSans-SemiBold.ttf") format("truetype"); }

/*------------------------------------*\ MAIN \*------------------------------------*/
/* global box-sizing */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

*:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }

html { font-size: 62.5%; }

body { font-family: "Open Sans Regular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.42; background: #f3f1ed; color: #302E2C; }

/* clear */
.clear { *zoom: 1; }

.clear:before { content: ' '; display: table; }

.clear:after { content: ' '; display: table; clear: both; }

img { max-width: 100%; vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans SemiBold"; font-weight: bold; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

a { color: #302E2C; cursor: pointer; text-decoration: underline; }

a:hover { color: #98C33F; }

a:focus, a:hover, a:active { outline: 0; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-uppercase { text-transform: uppercase; }

.border-top { border-top: 1px solid #E1DFDD; }

/*------------------------------------*\ STRUCTURE \*------------------------------------*/
/* wrapper */
.wrapper { max-width: 1024px; min-height: 100%; margin: 0 auto; position: relative; background: #fdfdfd; padding-left: 0.5rem; padding-right: 0.5rem; }

/* header */
header { background: transparent; padding: 0.25rem 1.5rem; border-bottom: 1px solid #E1DFDD; margin-bottom: 2rem; }

header i { font-size: 20px; }

/* logo */
header .logo { height: 100%; }

header .logo img { height: auto; width: 100%; }

/* nav */
.sf-menu { margin: 0 0; padding: 0 0; list-style: none; text-align: left; text-decoration: none; }

@media screen and (min-width: 0px) and (max-width: 960px) { .mobile-nav { display: none; position: fixed; overflow: scroll; width: 250px; left: 0; top: 0; bottom: 0; min-height: 100%; background: #fdfdfd; border-right: 1px solid #E1DFDD; padding: 1.5rem; }
  .mobile-nav.show { display: block; }
  .mobile-nav span { text-transform: uppercase; color: #c9c6c2; display: block; margin-bottom: 1.5rem; }
  .mobile-nav .sf-menu li a { display: block; border-bottom: 1px solid #E1DFDD; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: bold; text-decoration: none; }
  .mobile-nav .sf-menu li .sub-menu { list-style: inherit; margin: 0 0; padding: 0 0; }
  .mobile-nav .sf-menu li .sub-menu li a { padding-left: 1rem; font-weight: normal; }
  .mobile-nav .sf-menu li .sub-menu li .sub-menu li a { padding-left: 2rem; }
  .wrapper.mobile-nav-open { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); } }

/* header search */
header .search-form-wrapper { display: none; margin-top: 1rem; padding-top: 1rem; }

header .search-form-wrapper.show { display: block; }

header .search-form-wrapper form { position: relative; font-size: 16px; }

header .search-form-wrapper input[type='text'] { width: 100%; padding: 5px 10px; background-color: transparent; border-radius: 7px; border: 1px solid #E1DFDD; color: #302E2C; }

header .search-form-wrapper button[type='submit'] { position: absolute; top: 0; right: 0; height: 100%; border: none; color: #98C33F; }

/* social nav */
.social-menu { /* Set Icons Color */ }

.social-menu a { padding-left: 0.5rem; padding-right: 0.5rem; text-decoration: none; -webkit-transition: 150ms -webkit-transform ease-in-out; transition: 150ms -webkit-transform ease-in-out; -o-transition: 150ms transform ease-in-out; transition: 150ms transform ease-in-out; transition: 150ms transform ease-in-out, 150ms -webkit-transform ease-in-out; display: inline-block; }

.social-menu a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.social-menu .icon-twitter { color: #00B1EF; }

.social-menu .icon-facebook { color: #275E99; }

.social-menu .icon-google-plus { color: #E84732; }

.social-menu .icon-soundcloud { color: #EB5315; }

.social-menu .icon-pinterest { color: #BA2229; }

.social-menu .icon-youtube { color: #CC2D2B; }

.social-menu .icon-instagram { color: #6B493B; }

.social-menu .icon-rss { color: #FFA600; }

.social-menu .icon-vimeo { color: #20B9EB; }

.social-menu .icon-tumblr { color: #34465D; }

.social-menu .icon-steam { color: #333; }

.social-menu .icon-linkedin { color: #0378B8; }

.social-menu .icon-twitch { color: #6346A8; }

/* sidebar */
.sidebar-advertisement iframe { margin-top: 1rem; margin-bottom: 1rem; }

/* footer */
footer { padding-top: 1rem; padding-bottom: 1rem; }

footer ul.sf-menu-footer { margin: 0 0; padding: 0 0; list-style: none; text-align: center; margin-bottom: 1.5rem; }

footer ul.sf-menu-footer li { margin-left: 1.5rem; margin-right: 1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; display: inline-block; }

footer ul.sf-menu-footer li a { text-transform: uppercase; text-decoration: none; }

/*------------------------------------*\ PAGES \*------------------------------------*/
section, footer { padding-left: 1rem; padding-right: 1rem; }

main { margin-bottom: 2rem; }

article.post, article.encyclopedia { margin-top: 1.5rem; margin-bottom: 1.5rem; position: relative; word-wrap: break-word; overflow-wrap: break-word; }

article.post .post-categories, article.encyclopedia .post-categories { margin-top: 1rem; }

article.post a, article.encyclopedia a { text-decoration: none; }

article.post h4, article.encyclopedia h4 { margin-top: 0.25rem; margin-bottom: 0.5rem; }

article.post h4 a::before, article.encyclopedia h4 a::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.home-info-text { padding-top: 2rem; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; }

.large-post .col-xs-12 { margin-top: 1rem; margin-bottom: 1rem; }

.large-post .sammeltipp { position: relative; }

.large-post .sammeltipp h3 a::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

article.single-post { margin: 0 0; padding: 0 0; font-size: 16px; }

article.single-post a { color: #98C33F; text-decoration: underline; }

article.single-post a:hover { color: #7a9e31; }

article.single-post h1 { margin-bottom: 1rem; }

article.single-post .post-details { font-size: 15px; }

article.single-post .post-details span { margin-right: 1rem; }

article.single-post h2, article.single-post h3 { margin-top: 2rem; margin-bottom: 1rem; }

article.single-post img { margin-top: 1.5rem; margin-bottom: 1.5rem; height: auto; }

article.single-post p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

article.single-post hr { margin-top: 2.5rem; margin-bottom: 2.5rem; }

article.single-post .post-tags-categories { background: #98C33F; color: #fff; padding: 1.5rem; border-radius: 7px; margin-top: 4rem; margin-bottom: 4rem; overflow: auto; }

article.single-post .post-tags-categories p { margin-top: 0.5rem; margin-bottom: 0.5rem; }

article.single-post .post-tags-categories a, article.single-post .post-tags-categories a:hover, article.single-post .post-tags-categories a:focus { color: inherit; text-decoration: underline; }

.comments { margin-top: 2.5rem; }

.comments ul { margin: 0 0; padding: 0 0; list-style: none; }

.comments ul .comment, .comments ul .pingback { padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #E1DFDD; }

.comments ul .comment:last-child, .comments ul .pingback:last-child { border-bottom: none; }

.comments ul .comment .comment-author img, .comments ul .pingback .comment-author img { border-radius: 50%; width: 100%; height: auto; }

.comments ul .comment ul.children, .comments ul .pingback ul.children { margin-left: 1.5rem; }

.comments .comment-form label { font-weight: bold; }

.comments .comment-form #email-notes { display: block; }

.comments .comment-form input[type='text'], .comments .comment-form input[type='email'], .comments .comment-form input[type='url'], .comments .comment-form textarea { background: #fff; width: 96%; border: 1px solid #E1DFDD; -webkit-transition: 150ms all ease-in-out; -o-transition: 150ms all ease-in-out; transition: 150ms all ease-in-out; border-radius: 4px; padding: 6px 10px; margin: 0.25rem 0.5rem; }

.comments .comment-form input[type='text']:focus, .comments .comment-form input[type='email']:focus, .comments .comment-form input[type='url']:focus, .comments .comment-form textarea:focus { border-color: #98C33F; }

.comments .comment-form input[type='submit'] { background: #98C33F; color: #fff; border-radius: 20px; border: none; padding: 1rem 2.5rem; -webkit-transition: 150ms background ease-in-out; -o-transition: 150ms background ease-in-out; transition: 150ms background ease-in-out; }

.comments .comment-form input[type='submit']:hover { background: #83a935; }

.pagination { margin-top: 1rem; margin-bottom: 1rem; text-align: center !important; }

.pagination .current { color: #7a9e31; }

.pagination span, .pagination a { margin: 0 0.25rem; }

html, body.error404 { height: 100%; min-height: 100%; }

body.error404 .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; }

body.error404 .wrapper header, body.error404 .wrapper footer { -webkit-box-flex: 0; -ms-flex: none; flex: none; }

body.error404 .wrapper main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.encyclopedia-prefix-filters { width: 100%; margin-bottom: 2rem; }

.encyclopedia-prefix-filters .encyclopedia-filter { background: #98C33F; border: none; border-radius: 3px; margin-top: 1rem; margin-bottom: 1rem; font-size: 14px;}

.encyclopedia-prefix-filters .encyclopedia-filter a, .encyclopedia-prefix-filters .encyclopedia-filter a:hover { color: #fff; }

.encyclopedia-prefix-filters .encyclopedia-filter a:hover { text-decoration: underline; }

/*------------------------------------*\ IMAGES \*------------------------------------*/
img { width: auto; max-width: 100%; border-radius: 5px; }

/*------------------------------------*\ MISC \*------------------------------------*/
::selection, ::-webkit-selection, ::-moz-selection { background: #04A4CC; color: #FFF; text-shadow: none; }

/*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone, .wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/*------------------------------------*\ Show/Hide \*------------------------------------*/
.hide-sm, .hide-md, .hide-lg { display: block; }

.show-sm, .show-md, .show-lg { display: none; }

@media screen and (min-width: 480px) { .hide-sm { display: none; }
  .show-sm { display: block; } }

@media screen and (min-width: 768px) { .hide-md { display: none; }
  .show-md { display: block; } }

@media screen and (min-width: 960px) { .hide-lg { display: none; }
  .show-lg { display: block; } }

/*------------------------------------*\ STRUCTURE \*------------------------------------*/
@media screen and (min-width: 480px) { /* logo */
  header .logo img { height: 40px; width: auto; }
  article.single-post h1 { font-size: 26px; }
  article.single-post h2 { font-size: 23px; margin-top: 2.5rem; }
  article.single-post h3 { font-size: 20px; margin-top: 2.5rem; } }

@media screen and (min-width: 768px) { section, footer { padding-left: 2rem; padding-right: 2rem; }
  .home-info-text { padding-top: 2rem; padding-bottom: 2rem; padding-left: 4rem; padding-right: 4rem; }
  article.single-post h1 { font-size: 28px; }
  article.single-post h2 { font-size: 25px; margin-top: 2.5rem; }
  article.single-post h3 { font-size: 22px; margin-top: 2.5rem; }
  .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { display: inline-block; float: left; width: 33%; padding: 0.25rem 0.25rem; } }

@media screen and (min-width: 960px) { .wrapper { width: 95%; padding-left: 1rem; padding-right: 1rem; }
  header { border-bottom: none !important; }
  header .logo img { width: 100%; height: auto !important; }
  .mobile-nav { display: none; }
  header .sf-menu, header .sf-submenu { text-align: left; margin: 0 0; padding: 0 0; }
  header .sf-menu li, header .sf-submenu li { display: inline-block; position: relative; -webkit-transition: 150ms all ease-in-out; -o-transition: 150ms all ease-in-out; transition: 150ms all ease-in-out; margin-left: -4px; }
  header .sf-menu li a, header .sf-submenu li a { font-size: 16px; display: inline-block; padding: 1rem 1rem; text-decoration: none; -webkit-transition: inherit; -o-transition: inherit; transition: inherit; color: #2e2e2e; font-weight: 600; }
  header .sf-menu li:hover::after, header .sf-menu li.current-menu-item::after, header .sf-menu li.current-menu-ancestor::after, header .sf-menu li.current-menu-parent::after, header .sf-menu li.current_page_parent::after, header .sf-menu li.current_page_ancestor::after, header .sf-submenu li:hover::after, header .sf-submenu li.current-menu-item::after, header .sf-submenu li.current-menu-ancestor::after, header .sf-submenu li.current-menu-parent::after, header .sf-submenu li.current_page_parent::after, header .sf-submenu li.current_page_ancestor::after { content: ''; display: block; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background-color: #98C33F; z-index: 2; }
  header nav.nav { border-top: 1px solid #E1DFDD; border-bottom: 1px solid #E1DFDD; }
  header .sf-menu li.menu-item-has-children a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7"; padding-left: 5px; }
  header .sub-nav { height: 43px; position: relative; border-bottom: 1px solid #E1DFDD; overflow: hidden; padding-right: 150px; }
  header .sub-nav .sf-submenu li { position: relative; }
  header .sub-nav .sf-submenu li a { font-size: 15px; font-weight: normal; }
  header .sub-nav .sf-submenu li .sub-menu { display: none; }
  header .sub-nav .toggle-submenu { position: absolute; right: 10px; top: 9px; width: auto; display: block; color: #98C33F; text-decoration: none; }
  header .sub-nav-open { display: none; border-top: none; border-bottom: 1px solid #E1DFDD; }
  header .sub-nav-open .sf-submenu { padding: 2rem 1rem; -webkit-columns: 3; columns: 3; -webkit-column-gap: 16px; column-gap: 16px; -webkit-column-rule: 1px solid #E1DFDD; column-rule: 1px solid #E1DFDD; }
  header .sub-nav-open.show { display: block; }
  header .sub-nav-open li { display: block; -webkit-column-break-inside: avoid; break-inside: avoid; }
  header .sub-nav-open li a { font-weight: bold; font-size: 14px; padding-top: 0.5rem; padding-bottom: 0.5rem; }
  header .sub-nav-open li:hover a, header .sub-nav-open li.current-menu-item a, header .sub-nav-open li.current-menu-ancestor a, header .sub-nav-open li.current-menu-parent a, header .sub-nav-open li.current_page_parent a, header .sub-nav-open li.current_page_ancestor a { color: #98C33F; }
  header .sub-nav-open li:hover::after, header .sub-nav-open li.current-menu-item::after, header .sub-nav-open li.current-menu-ancestor::after, header .sub-nav-open li.current-menu-parent::after, header .sub-nav-open li.current_page_parent::after, header .sub-nav-open li.current_page_ancestor::after { display: none; }
  header .sub-nav-open li .sub-menu { -webkit-columns: 1; columns: 1; }
  header .sub-nav-open li .sub-menu li { display: block; width: 100%; }
  header .sub-nav-open li .sub-menu li a { color: #302E2C; font-weight: normal; }
  header .sub-nav-open li .sub-menu li a:hover, header .sub-nav-open li .sub-menu li.current-menu-item a { color: #98C33F; }
  header .search-form-wrapper { display: block !important; margin: 0 0; } }

.vertical-margin-xs { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.vertical-margin-sm { margin-top: 1rem; margin-bottom: 1rem; }

.vertical-padding-xs { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.vertical-padding-sm { padding-top: 1rem; padding-bottom: 1rem; }

.vertical-padding-md { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.vertical-padding-lg { padding-top: 2rem; padding-bottom: 2rem; }

.vertical-padding-xxl { padding-top: 2.5rem; padding-bottom: 2.5rem; }

.horizontal-margin-xs { margin-left: 0.5rem; margin-right: 0.5rem; }

.horizontal-margin-sm { margin-left: 1rem; margin-right: 1rem; }

.horizontal-padding-xs { padding-left: 0.5rem; padding-right: 0.5rem; }

.horizontal-padding-sm { padding-left: 1rem; padding-right: 1rem; }

.horizontal-padding-md { padding-left: 1.5rem; padding-right: 1.5rem; }

.horizontal-padding-lg { padding-left: 2rem; padding-right: 2rem; }

.horizontal-padding-xxl { padding-left: 2.5rem; padding-right: 2.5rem; }

.padding-bottom-lg { padding-bottom: 2rem; }

.attachment-360x280 {
	height: auto;
}

.sidebar-advertisement h4 {
	font-size: 13px;
	font-weight: normal !important;
}

.wp-block-table {
}

.wp-block-table table {
	border: 1px solid #000;
}

.wp-block-table table thead {
}

.wp-block-table table thead tr {
	border-bottom: 3px solid #000;
}

.wp-block-table table thead tr th {
	border-right: 1px solid #000;
	padding: 5px 10px;
	text-align: center;
	font-weight: bolder;
}

.wp-block-table table tbody {
}

.wp-block-table table tbody tr {
	border: 1px solid #000;
}

.wp-block-table table tbody tr td {
	padding: 5px 10px;
	border-right: 1px solid #000;
}

.social-menu img {
	width: 30px;
}

.social-menu svg {
	width: 100%;
  height: auto;
}