img.aligncenter, .wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }  @font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 700;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/lora-v26-latin-700.eot); src: local(''),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/lora-v26-latin-700.eot?#iefix) format('embedded-opentype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/lora-v26-latin-700.woff2) format('woff2'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/lora-v26-latin-700.woff) format('woff'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/lora-v26-latin-700.ttf) format('truetype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/lora-v26-latin-700.svg#Lora) format('svg'); } @font-face {
font-family: 'Cookie';
font-style: normal;
font-weight: 400;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/cookie-v17-latin-regular.eot); src: local(''),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/cookie-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/cookie-v17-latin-regular.woff2) format('woff2'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/cookie-v17-latin-regular.woff) format('woff'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/cookie-v17-latin-regular.ttf) format('truetype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/cookie-v17-latin-regular.svg#Cookie) format('svg'); } @font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 400;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/crimson-text-v19-latin-regular.eot); src: local(''),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/crimson-text-v19-latin-regular.eot?#iefix) format('embedded-opentype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/crimson-text-v19-latin-regular.woff2) format('woff2'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/crimson-text-v19-latin-regular.woff) format('woff'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/crimson-text-v19-latin-regular.ttf) format('truetype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/crimson-text-v19-latin-regular.svg#CrimsonText) format('svg'); } @font-face {
font-display: swap;
font-family: 'Acme-Regular';
font-style: normal;
font-weight: 400;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/acme-v25-latin-regular.woff2) format('woff2'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/acme-v25-latin-regular.ttf) format('truetype'); } @font-face {
font-family: 'Poppins';
font-weight: 300;
font-style: normal;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Light.eot);
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Light.eot?#iefix) format('embedded-opentype'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Light.woff2) format('woff2'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Light.woff) format('woff'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Light.ttf) format("truetype");
font-display: swap;
} 
@font-face {
font-family: 'Poppins';
font-weight: 400;
font-style: normal;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Regular.eot);
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Regular.eot?#iefix) format('embedded-opentype'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Regular.woff2) format('woff2'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Regular.woff) format('woff'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Regular.ttf) format("truetype");
font-display: swap;
} 
@font-face {
font-family: 'Poppins';
font-weight: 500;
font-style: normal;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Medium.eot);
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Medium.eot?#iefix) format('embedded-opentype'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Medium.woff2) format('woff2'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Medium.woff) format('woff'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-Medium.ttf) format("truetype");
font-display: swap;
} 
@font-face {
font-family: 'Poppins';
font-weight: 600;
font-style: normal;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-SemiBold.eot);
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-SemiBold.woff2) format('woff2'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-SemiBold.woff) format('woff'),
url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/Poppins-SemiBold.ttf) format("truetype");
font-display: swap;
} @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-regular.eot); src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-regular.eot?#iefix) format('embedded-opentype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-regular.woff2) format('woff2'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-regular.woff) format('woff'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-regular.ttf) format('truetype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-500.eot); src: url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-500.eot?#iefix) format('embedded-opentype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-500.woff2) format('woff2'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-500.woff) format('woff'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-500.ttf) format('truetype'), url(//malzknecht.de/wp-content/themes/malzknecht-wp/fonts/roboto-v32-latin-500.svg#Roboto) format('svg'); } @media screen and (max-width:575px){
#toc_container{ 
float: none;
margin-left: auto;
margin-right: auto;
}
#header{
padding: 0;
height: 113px;
}
#header #site-title{
font-size: 23px;
line-height: 23px;
}
#header #site-title a{
color: white;
}
#header #site-description{
font-size: 13px;
}
#recipe {
width:100% !important;
padding: 0 !important;
}
#recipe .rbody{
padding: 0px 0px 0px 60px !important;
}
.table{
font-size: 17px;
}
#main{
padding-left: 0px !important;
padding-right: 0px !important;
font-size: 1.0em !important;
}
.teaser-box{
margin: 0px 0px !important;
}
.social-buttons span {
margin-right: 15px !important;
}
#content-header h1{ font-size: 30px !important; }
.important-facts .important-facts-title{
font-size: 1.5rem !important;
}
.important-facts .important-facts-content ul {
font-size: 17px !important;
}
}
@media screen and (max-width: 768px) { img.alignright, .wp-caption.alignright { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
img.alignleft , .wp-caption.alignleft{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.alignright { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.alignleft { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
}
@media screen and (min-width: 769px) { img.alignright, .wp-caption.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft , .wp-caption.alignleft{ float: left; margin: 0 1em 1em 0; }
.alignright { float: right; }
.alignleft { float: left; }
}
@media screen and (min-width: 576px) {	
#header{
padding: 20px;
height: 150px;
}
#header #site-title{
font-size: 38px;
line-height: 38px;
}
#header #site-title a{
color: white;
}
#header #site-description{
font-size: 17px;
}
#header{
padding: 20px;
text-align: center;
}
#menu-header{
background-color: transparent  !important;
margin-top: 0 !important;
}
.post-list-entry-date {
padding: inherit;
}
.social-buttons span {
margin-right: 5px !important;
}
#content-header{
margin-top: 2rem;
}
}
@media screen and (min-width: 990px) {
#wrapper {
width:1100px;
}
.bigger-row{
margin-left: -15px;
margin-right: -15px;
}
#menu-header li a{
font-size: 20px;
}
#menu-header li, #menu-header li ul li{
margin-right:20px;
}
.social-buttons span {
margin-right: 15px !important;
}
} #toc_container{ 
background: #f5f5f5 none repeat scroll 0 0 !important;
border: none;
margin-bottom:3rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
#toc_container p.toc_title {
font-weight: 600;
margin: 0;
padding: 0;
font-size: 1.25rem;
padding-left: 10px;
padding-top: 5px;
text-align: left;
font-family: 'Acme-Regular','Crimson Text', serif;
}
.toc_list{
padding-left: 10px !important;
font-style: normal;
font-size: 0.9375rem !important;
line-height: 1.6;
overflow-wrap: break-word;
font-weight: normal;
letter-spacing: 0.02em;
font-family: 'Arial','Crimson Text', serif;
word-break: break-word;
}
ul.toc_list > li > a {
color: #444 !important;
}
ul.toc_list > li > a:hover{
color: #666 !important;
}
ul.toc_list > li > ul > li > a {
color: #444 !important;
text-decoration:none!important;
}
ul.toc_list > li > ul > li > a:hover {
text-decoration:none!important;
color: #666 !important;
}
#toc_container .toc_toggle{
float: right;
font-size: 16px !important;
}
#toc_container li::before { content: none;} @media screen and (max-width: 768px) {
.toc-left-column {
margin-bottom: 30px;
}
.toc-left-column #toc_container {
position: relative !important;
width: 100% !important;
}
}
@media screen and (min-width: 769px) {
.toc-left-column #toc_container {
width: 100% !important;
}
.ms-md-n3 {
margin-right: -3rem;
} .toc-left-column .toc_list a.toc-active {
color: #800000 !important;
text-decoration: underline !important;
} #toc_container .toc_toggle {
display: none !important;
}
} html {
scroll-behavior: smooth;
} body{
color: rgb(38, 38, 38);
background: #fff;
}
.container-fluid img{ max-width: 100%;
height: auto;
}
#wrapper {
margin: auto;
text-align: left;
}
#header{
vertical-align:middle;
color:white;
font-family: 'Crimson Text', serif;
}
#header #logo{
max-height: 100px;
}
#header #site-title{
text-transform: uppercase;
font-weight: bold;
}
#header #site-title a{
text-decoration: none;
color: white;
}
#header #site-description{
text-transform: uppercase;
}
#header #bloginfo{
text-align: left;
}
h1{
letter-spacing: 0.05em;
}
h2, h3, h4, h5, h6, strong{
letter-spacing: 0.03em;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Acme-Regular','Crimson Text', serif;
font-weight: 700;
}
#menu-header-split{
margin: 0px -15px 0px -15px;
border-top: 1px solid #d5d5d5;
}
#pre-header{
height: 20px;
}
.social-buttons{
text-align: center;
}
.social-buttons span{
margin-right: 15px;
}
.social-buttons img{
width:30px;
} #menu{
font-family: 'Acme-Regular','Crimson Text', serif;
}
#menu .container-fluid{
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
#menu.navbar {
width: 100%;
margin: 0;
}
#menu.navbar-brand {
flex-grow: 1; order: 1;
}
#menu .navbar-toggler {
margin-left: auto;
order: 2;
}
#menu .navbar-collapse {
margin-top: 1rem;
flex-wrap: wrap;
}
#menu .navbar-collapse.show {
min-width: 100%;
order: 3;
}
#menu .collapse {
transition: none !important;
}
#menu .collapsing {
transition: none !important;
}
#menu.navbar-nav {
flex-grow: 1; }
#menu.navbar-dark .navbar-nav .nav-link{
color: #F8F9FA;
}
#menu.navbar-dark .navbar-nav .nav-link:hover{
color: #dfdfdf;
}
#menu .navbar-nav-center {
flex-grow: 1; display: flex;
justify-content: center; }
#menu-header .nav-item{
font-size: 1.2em;
} .navbar-nav .nav-item.dropdown {
position: relative; } .navbar-nav .dropdown-menu {
position: absolute;
top: 100%; left: 50%; transform: translateX(-50%); background-color: #333; min-width: 290px; max-width: 100%; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .navbar-nav .dropdown-menu .nav-link {
color: #fff; padding: 5px 15px; } .navbar-nav .dropdown-menu .nav-link:hover {
background-color: #555; color: #fff; }
#menu .search-button{
font-size: 21px;
top: 11px;
color: #F8F9FA;
cursor: pointer;
margin-left: 20px;
}
.navbar-placeholder {
visibility: hidden;
}
.search-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
}
.search-modal-content {
background-color: white;
padding: 20px;
border-radius: 5px;
text-align: center;
}
.search-modal .modal-dialog {
margin-top: 10%;
}
.close {
float: right;
font-size: 28px;
cursor: pointer;
}   #lang-switcher{
padding-left: 0;
margin-bottom: 0;
list-style: none;
display: flex;
flex-direction: row;
}
.footer-menu ul{
vertical-align: middle;
margin-bottom: 0;
list-style: none;
display: flex;
flex-direction: row;
text-align: right;
float:right;
}
.footer-menu li{
margin-right: 20px;
}
.footer-menu a{
color: #FFF !important; 
text-decoration: underline;
}
.footer-menu a:hover{
color: #BDBDBD !important;
text-decoration: underline;
} .teaser-box{
background-color:#fafafa;
font-family: 'Crimson Text', serif;
font-size: 1.3rem;
line-height: 1.8rem;
padding: 0px 22px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.wp-block-search__inside-wrapper{
border: 1px solid #ebebeb;
}
.wp-block-search__button svg {
fill: #989797;
} #content-header{
background-color: #FFF;
font-family: 'Crimson Text', serif;
font-size: 1.3rem;
padding-top: 30px;
}
#content-header a{ color: #333; text-decoration:none; }
#content-header a:hover{ text-decoration:none;}
#content-header h1{ font-size: 60px; margin-top: 0;}
#content-header .excerp{ font-family: 'Arial', serif; }
#main{
background-color: #FFF;
font-family: 'Roboto','Poppins','Crimson Text', serif;
font-size: 1.125rem !important;
line-height: 1.6em !important;
padding: 30px 22px;
hyphens: auto;
hyphenate-limit-chars: 10 4 5;
}
#main a{ color: rgb(38, 38, 38); text-decoration:none; }
#main a:hover{ text-decoration:none;}
#main #single-post img{
display: block;
margin-left: auto;
margin-right: auto;
}
figcaption{
font-size: 1rem;
line-height: normal;
} .post-list-entry{
margin-bottom:30px;
}
.post-list-entry-body img{
display: block; margin-left: auto; margin-right: auto;
margin-bottom:10px;
}
.post-list-entry-text img{
margin: 10px 0px 10px 0px;
}
.post-list-entry hr{
margin: 0;
}
.post-list-entry .post-list-entry-body hr{
margin: 10px 0px;
}
.post-list-entry h2 {
margin-bottom: 15px;
}
.post-list-entry h4 {
margin-bottom: 15px;
}
.post-list-entry-text p{
margin-bottom: 0;
}
.post-list-entry .post-meta{
font-weight: 400;
letter-spacing: .06em;
color: #b4b4b4;
font-size: 13px;
line-height: 1.5;
}
.post-list-entry-text a,
.post-list-entry-footer a{ 
color: #800000 !important; 
}
.post-list-entry-footer a{ 
font-size: smaller;
}
.post-list-entry-text a:hover,
.post-list-entry-footer a:hover{ 
color: #300000 !important;
}
.post-list-entry-icon-area .oi{
top: 4px;
}
.post-list-entry-icon-area span{
color: #444;
}
#main .post-list-entry-comments{
color: grey;
text-decoration: underline;
margin-left: 6px;
}
.post-list-entry article{
width:100%;
}
.post-list-entry .latest-post .title_image_container{
position:relative;
}
.post-list-entry .latest-post h2, .post-list-entry .latest-post h4{
background-color: rgba(255, 255, 255, 0.85);
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
min-height: 50px;
padding:15px;
margin-bottom:0;
}
.post-list-entry .entry-category{
font-size: 0.6em;
}
.post-list-entry .entry-category small{
margin-top:20px;
}
.post-list-entry .entry-category a{
color: #800000 !important;
text-transform: uppercase;
font-weight: bold;
}
.homepage-sub-header{
text-align: center;
margin: 65px;
}
.wp-block-table {
font-size: 1rem !important;
}
#single-post h2, #single-post h3 {
margin-top: 3rem; margin-bottom: 1rem; }
#single-post h4, #single-post h5 {
margin-top: 2.5rem; margin-bottom: 1rem; }
#single-post p{
margin-top: 0;
margin-bottom: 1.7em;
}
#single-post-text a{
color: #ab0a0a; 
text-decoration: none;
}
#single-post-text a:hover{
text-decoration: underline;
color: #300000;
}
#single-post-text .wp-caption {
max-width: 100% !important;
width: 100% !important;
}
#single-post-text .wp-caption img {
max-width: 100%;
height: auto;
}
#single-post-text .wp-caption-text {
background-color: #fff;
background: #fff;
font-size: 16px;
padding-top: 10px;
font-family: Arial, serif;
line-height: 1.2;
word-wrap: break-word;
color: #65675d;
font-style: italic;
}
#single-post-category a{
color: #ab0a0a; 
text-decoration: none;
}
#single-post-category a:hover{
text-decoration: underline;
color: #300000;
}
#single-post-category .post-meta{
font-weight: 400;
letter-spacing: .06em;
color: #b4b4b4;
font-size: 16px;
line-height: 1.5;
}
#single-post-text .mk-icon, .post-list-entry-text .mk-icon{
border:0;
}
#single-post-text ul {
list-style: none;
}
#single-post-text > ul:not(.toc_list){
margin-bottom: 40px;
margin-top: 30px;
}
#single-post-text > ul:not(.toc_list) > li{
margin-bottom: 1.5rem;
}
#single-post-text ul:not(.toc_list) li::before{
content: "\25A0"; color: #800000;
display: inline-block;
width: 1.6em;
margin-left: -1.6em;
font-size: 0.7em;
vertical-align: 0.2em;
}
#box-rating .progress{
height: 1.5rem;
}
#box-rating .progress .progress-bar{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#box-rating{
display: flex;
align-items: center;
margin-bottom: 1rem;
}
#box-rating img{
max-width: 40px;
}
.color-beer{
width: 100px;
height: 100px;
float:left;
}
.color-beer img{
padding: 0 !important;
margin:0 !important;
border: 0 !important;
max-width: 100px !important;
} #comments{
margin-top: 55px;
padding-bottom: 50px;
border: 1px solid #efefef;
}
#post_comments, #respond{
margin-top: 32px;
text-align: center;
}
.comment {
font-family: sans-serif;
line-height: 1.6;
font-weight: 400;
margin-bottom: 10px;
padding: 45px 30px;
border-bottom: 1px solid #f2f2f2;
}
#comments>.comment:last-child {
border: 0;
padding-bottom: 5px;
}
.comment .comments-author{
font-weight: 700;
letter-spacing: -.015em;
font-size: 16px;
}
.comment .comments-time{
color: #b4b4b4;
font-size: 10px;
font-weight: 500;
letter-spacing: .06em;
text-transform: uppercase;
}
.comment p{
margin-top: 20px !important;
margin-bottom: 0 !important;
color: #303030;
font-size: 16px;
}
.comment a{
color: #ab0a0a !important; 
text-decoration: none;
}
.comment a:hover{
text-decoration: underline;
color: #300000 !important;
}
.commentmetadata {
font-size: 16px;
font-weight: bold;
}
#respond{
margin-top:50px !important;
}
#comment_form form{
margin-top: 45px;
}
#comment_form input, #comment_form textarea{
width:100%;
color: inherit;
margin-bottom:20px;
font-size: 16px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
padding: 3px 10px;
}
.comment-submit-btn{
padding: 15px 25px;
background: #000;
font-size: 12px;
font-weight: 700;
letter-spacing: .075em;
width: auto !important;
color: white !important;
cursor: pointer;
}
.comment-disclaimer{
color: #767676;
font-size: 16px;
} .table-storage .oi{
margin-left: 8px;
font-size: 15px !important;
color: #900000;
cursor: help;
}
.table-storage{
margin-bottom: 40px;
}
#pagination-area-bottom{
margin-bottom:30px;
} .highlight_box {
position: relative;
margin-bottom: 50px;
}
.highlight_box p:first-of-type {
font-family: Lora, serif;
background-color: #EEF0FE;
color: #282a1d;
margin: 0 !important;
border-top: solid 1px #e6e9fe;
padding: 5px 25px;
display: inline-block;
position: relative;
z-index: 1;
bottom: -18px;
left: 35px;
}
.highlight_box p:nth-child(2) {
color: #282a1d;
font-family: 'Crimson Text', serif;
border: solid 1px #e6e9fe;
font-size: 1.3rem;
line-height: 1.8rem;
background: #EEF0FE;
padding: 35px 25px 25px 25px;
margin: 0 15px 50px;
position: relative;
}
.highlight_box p:nth-child(2) {
color: #282a1d;
} .highlight_box p:nth-child(2):before {
content: "";
width: 6px;
height: 80px;
background: #EEF0FE;
position: absolute;
bottom: -17px;
left: -17px;
}
.highlight_box p:nth-child(2):after {
content: "";
height: 6px;
position: absolute;
width: 80px;
background: #EEF0FE;
bottom: -17px;
left: -17px;
} .highlight_box:before {
content: "";
width: 6px;
height: 80px;
background: #EEF0FE;
position: absolute;
right: -1px;
top: 24px;
}
.highlight_box:after {
content: "";
height: 6px;
position: absolute;
width: 80px;
background: #EEF0FE;
top: 24px;
right: -1px;
} #recipe {
width: 548px;
padding: 0px 30px 30px 0px;
margin: auto;
font-family: 'Cookie', cursive;
}
#recipe .rheader{
font-size:1.7em;
height: 85px;
padding: 34px;
background: url(//malzknecht.de/wp-content/themes/malzknecht-wp/img/recipe_top.png) no-repeat; 
text-align: center;
}
#recipe .rbody{
background: url(//malzknecht.de/wp-content/themes/malzknecht-wp/img/recipe_mid.png) repeat-y; 
padding: 0px 0px 0px 75px;
}
#recipe .rsubheader{
font-size:1.7em;
text-decoration: underline;
line-height: 25.2px;
padding-top: 25.2px;
}
#recipe ul{
font-size:1.2em;
list-style-type: none;
margin: 0;
padding: 0;
line-height: 25.2px;
}
#recipe .rfooter{
background: url(//malzknecht.de/wp-content/themes/malzknecht-wp/img/recipe_bottom.png) no-repeat; 
height: 40px;
}
#recipe li::before { content: none !important;} .header-image-area{
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #333333;
}
.header-image-area h1{
text-shadow: 2px 2px 2px #000;
font-size: 3em;
text-transform: uppercase;
color: #F8F9FA;
font-family: 'Acme-Regular','Crimson Text', serif;
}
.header-image-area .header-subtitle{
text-shadow: 2px 2px 2px #000;
font-size: 2em;
letter-spacing: 2px;
font-weight: 300;
color: #F8F9FA;
font-family: 'Acme-Regular','Crimson Text', serif;
}
.gradient-background{
background: gray;
background: radial-gradient(circle, rgba(0, 0, 0, .6) 0, rgba(255, 255, 255, 0) 100%);
background: -webkit-radial-gradient(circle, rgba(0, 0, 0, .6) 0, rgba(255, 255, 255, 0) 100%);
} .category-description{
margin: 10px 0px 25px 0px;
text-align: center;
}
.category-description-text{
}
.featured-posts{
margin: 0px 0px 70px 0px;
border-bottom: #545454 solid 1px; padding-top: 20px;
padding-bottom: 10px;
}
.featured-posts h2{
margin-bottom: 20px;
}
.featured-posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.featured-post {
border: 1px solid #ddd;
border-radius: 5px;
overflow: hidden;
background-color: #f5f5f5;
}
.featured-post-thumbnail img {
width: 100%;
object-fit: cover;
}
.featured-post-info {
padding: 10px;
}
.featured-post-title {
font-size: 1.2em;
margin-bottom: 10px;
}
.featured-post-link {
font-size: 0.9em;
color: #007bff;
text-decoration: none;
}
.featured-post-link:hover {
text-decoration: underline;
} #sidebar .sidebar-box{
margin-bottom:45px;
}
#sidebar .sidebar-box ul{
padding: 0;
}
#sidebar .sidebar-tags ul{
padding-left: 0px;
}
.sidebar-category ul{
list-style: none;
}
.sidebar-widget ul{
list-style-position: inside;
}
.sidebar-category a, .sidebar-widget  a{ }
.sidebar-category a:hover, .sidebar-widget a:hover{
text-decoration: none;
color: #300000 !important;
}
.tnp-field-privacy{
font-size:initial;
}
#sidebar .sidebar-recent-posts li{
margin-bottom: 10px;
list-style: none;
} #footer{
background-color: rgba(3, 3, 3, 0.78);   -moz-border-radius: 0 0 10px 10px;  color: #fff;
font-family: 'Crimson Text', serif;
padding: 30px 30px;
}
#footer a {
color: white;
}
#footer a:hover {
color: grey;
} .related-post-entry{
margin-bottom: 20px;
position: relative;
border: none;
padding: 0; 
}
.related-post-entry .post-info {
position: absolute;
bottom: 0px;
padding: 0px 2px 2px 2px;
width: 315px;
background-color: transparent;
background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,0.99));
background-image: linear-gradient(transparent,rgba(0,0,0,0.99));
background-position-y: -1px;
}
.related-post-entry img{
border: none !important;
padding: 0 !important;
}
.related-post-entry a {
color: #FFF !important;
font-weight: normal!important;
text-shadow: 2px -1px #000000;
} #single-post .tnp-subscription{
margin: 49px auto;
} #myShop a {
color: black;
}
#myShop a:hover {
background-color: white;
} #raffle-container{
margin-top:60px;
margin-bottom:60px;
} .important-facts{
margin-top: 40px;
margin-bottom:50px;
}
.important-facts .important-facts-title{
font-weight: bold;
font-size: 2rem;
font-family: 'Acme-Regular','Crimson Text', serif;
}
.important-facts .important-facts-content{
}
.important-facts .important-facts-content ul {
font-size: 17px;
overflow-wrap: break-word !important;
word-break: break-word !important;
list-style: none !important;
}
.important-facts .important-facts-content ul li {
margin: 20px 0px !important;
list-style: none !important;
position: relative !important;
}
.important-facts .important-facts-content ul li:before {
content: url(//malzknecht.de/wp-content/themes/malzknecht-wp/img/rounded-arrow.svg) !important;
display: inline-block !important;
width: 23px !important;
height: 23px !important;
margin-right: 8px !important;
margin-left: -2.0rem !important;
position: absolute;
font-size: 1.5em !important;
top: 3px;
}  .timeline {
position: relative;
padding-left: 20px;
padding-right: 10px;
list-style: none;
}
.timeline-item {
position: relative;
margin-bottom: 50px;
}
.timeline-date {
position: absolute;
top: -20px;
font-weight: bold;
font-size: 1.4em;
background: #ffffff;
padding: 5px 15px;
border-radius: 5px;
border-top: 1px solid #f9f9f9;
border-left: 1px solid #f9f9f9;
}
.timeline-content-wrapper {
box-shadow: 5px 4px 5px #f9f9f9;
border: 1px solid #f9f9f9;
padding: 10px;
}
.timeline-content {
padding: 10px;
border-radius: 5px;
}
.timeline-content img {
max-width: 100%;
height: auto;
margin-bottom: 15px;
object-fit: cover;
max-height: 150px;
}
.timeline-header{
font-family: 'Acme-Regular','Crimson Text', serif;
font-weight: bold;	
font-size: 1.3em;
}
.timeline-sub{
font-size: 1.0em;
font-style: italic;
font-family: Arial,serif;
padding-bottom: 10px;
line-height:1;
padding-bottom: 18px;
}
.timeline-text{
font-family: Arial,serif;
font-size: 1.0em;
line-height: 1.4;
}
.timeline .first-item .timeline-header {
}
.timeline .first-item .timeline-sub {
}
.timeline-item.hidden {
display: none; }
.timeline-show-more {
display: block; margin: 20px auto; padding: 10px 20px;
text-align: center; margin-bottom: 50px;
}
@media screen and (min-width:576px){
.timeline{
padding-left: 100px;
}
.timeline-date {
transform: rotate(0deg);
left: -96px;
background: none;
padding: 0;
top:3px;
font-size: 1.1em;
border: none;
}
.timeline:before {
content: '';
position: absolute;
left: 83px;
top: 0;
width: 1px;
height: 100%;
background: #800000; }
.timeline-marker {
position: absolute;
width: 15px;
height: 15px;
background: #800000; border-radius: 50%;
left: -24px; top: 10px;
}
} .pro-cons-container {
display: flex;
flex-direction: column;
margin-bottom: 20px;
font-family: 'Arial','Crimson Text', serif;
font-size: 1.0em;
}
@media (min-width: 576px) {
.pro-cons-container {
flex-direction: row;
}
}
.pro-box, .cons-box {
flex: 1;
padding: 20px;
}
.pro-box {
margin-right: 5px;
}
.cons-box {
margin-left: 5px;
}
@media (max-width: 575px) {
.pro-box, .cons-box {
margin-left: 0;
margin-right: 0;
}
.pro-box {
margin-bottom: 10px;
}
}
.box-header {
font-weight: bold;
color: white;
padding: 10px;
margin: -20px -20px 20px -20px;
text-align: center;
font-size: 1.1em;
}
.pro-box {
background-color: #e0f7d5;
}
.cons-box {
background-color: #f5d4d4;
}
.pro-header {
background-color: #38b772;
}
.cons-header {
background-color: #e55e5e;
}
.pro-cons-container ul {
list-style: none;
padding-left: 0;
}
.pro-cons-container ul li {
position: relative;
padding-left: 2em; margin-bottom: 0.5em;
}
.pro-cons-container .cons-box ul li:before {
content: url(//malzknecht.de/wp-content/themes/malzknecht-wp/img/cross-circle.svg) !important;
width: 1em; height: 1em; position: absolute;
left: 15px;
top: -0.1em;
}
.pro-cons-container .pro-box ul li:before {
content: url(//malzknecht.de/wp-content/themes/malzknecht-wp/img/check-circle.svg) !important;
width: 1em; height: 1em; position: absolute;
left: 15px;
top: -0.1em;
} div[itemprop="mainEntity"] > h4 {
cursor: pointer;
background-color: #fff;
padding: 10px;
border: 1px solid #ddd;
margin-top: 5px;
font-size: 18px;
margin-top: 15px !important;
margin-bottom: 0px !important;
}
div[itemprop="mainEntity"] > div {
display: none;
padding: 10px;
background-color: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
div[itemprop="mainEntity"] > div p {
margin-bottom: 0px !important;
font-size: 15px;
} #landing-page .col-12{
padding-right: 0px;
padding-left: 0px;
}
#homepage a{
color:unset;
}
#homepage .col-12{
padding-right: 0px;
padding-left: 0px;
}