/*
Theme Name: Your Theme Name
Theme URI: http://example.com/your-theme-name/
Author: Your Name
Author URI: http://example.com
Description: A brief description of your theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: your-text-domain
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-menu, featured-images, post-formats, theme-options, translation-ready
*/

/* =General styling
---------------------------------------------- */
body{font-family: 'Inter', sans-serif;}
.kopf{border-bottom: 1px solid #e0e0e0;}
.wrapperu{max-width:1000px;padding:15px 15px;margin:0 auto;display:flex;justify-content:center;align-items: center;;}
.wrapperu a{color: #000;margin-left: 30px;text-decoration: none;text-align: right;}
.wrapper{max-width:650px;padding:15px 15px;margin:0 auto;width: 100%;box-sizing: border-box;overflow-x: hidden;;}
.logu{width:240px;height:auto;}
.links{opacity: 0.6;}
.logo2{width: 240px;display: block;;margin: 0 auto;margin-bottom: 22px;}
.article{display: flex;max-width: 1000px;justify-content: space-between;margin: 0 auto;margin-top: 50px;}
.grun{color:#659F4A;}
.datum{color: grey;margin: 22px 0 22px 0}
.article p,.article li,.article ul{line-height: 1.55;}
.article p{margin: 1em 0;}
.article a{color:#659F4A;text-decoration: none;font-weight: 500;}
.article h2{margin: 2em 0 0.5em 0;font-size: 1.7em;}
h1, h2{font-family: 'PT Serif', serif;line-height: 1.45;}
img{height: auto;max-width: 100%;}
.datum span{border-right: 1px solid #e0e0e0;padding-right: 15px;margin-right: 15px;;}
.moosbild{width: 220px;float: right;margin-left: 10px;}
.front{width: 220px;float: right;}
.kredit{width: 220px;float: right;margin-left: 10px;}
.footer{border-top: 1px solid #e0e0e0;padding: 80px 0;margin-top: 80px;text-align: center;;}
.footer a{color: grey;margin: 0 6px;font-size: 13px;}
.studie a{color: grey;font-size: 11px;margin-bottom: 10px;display: block;}
.ingridi{color: grey;font-size: 11px;margin-bottom: 10px;display: block;}
.article a.butt{padding: 14px 30px;border-radius: 40px;color: #fff;background-color: #659F4A;display: inline-block;}
.subline{opacity: 0.7;font-size: 15px;font-style: normal;margin-top: -5px;margin-bottom: 27px;display: block;}
.together {
margin: 10px 0;
box-shadow: 6px 6px #659f4a1a;
border: 2px solid #659F4A;
padding: 12px 22px 12px;
}

.datum_mit_bild{display: flex;align-items: center;margin-bottom: 22px;margin-top: 10px;}
.datum_mit_bild img{border-radius: 50%;width: 50px;height: 50px;margin-right: 15px;}
.datum_mit_bild .authori{font-size: 16px;line-height: 1.6;font-weight: 500;}
.datum_mit_bild .authori .light{font-size: 14px;opacity: 0.4;font-weight: 300;}


@media screen and (max-width: 550px){
.typical {
    display: none;
}
}
.typical {
    position: absolute;
    margin-top: -20px;
    color: #fff;
    font-size: 12px;
    bottom: 10px;
    left: 10px;
    display: block;
    text-align: center;
    opacity: 0.5;
    text-shadow: 2px 2px 3px #000;
}
.relative{
position:relative;
}
.linkos_medi{flex:1;}
.linkos_medi{font-size:14px;
  display: flex;
  justify-content: end;}


@media screen and (max-width: 1023px){
.wrapperu a{display: none;}
.wrapperu .linkos_medi{display:none;}
.links{display: none;}
.front,.moosbild{width: 170px;}
.kredit{width: 170px;}
}
.illu_mobile{display: none;}
@media screen and (max-width: 550px){
.article  h1{font-size: 1.66em;}
.article h2{font-size: 1.55em;}
.illu_mobile{display: block;}
.illu_desktop{display: none;}
}
.product-reviews__category {
margin-bottom: 0
}


.product-reviews__category {
margin-top: 17px;
padding-top: 17px;
border-top:1px solid #e0e0e0;
}
.product-reviews__category:first-child {
margin-top: 0px;
padding-top: 0px;
border-top:none;
}

.revu{display: flex;border:1px solid #e0e0e0;align-items: center;padding: 20px 50px;border-radius: 5px; width: 100%;justify-content: space-between;    box-sizing: border-box;}
.revu strong{    color: #65a049;background-color: #65a0491a;padding: 5px 8px;display: inline-block;}
.revu > div{width: 60%;}
.revu > img{width: 34%;height: auto;}
.product-reviews__category h3 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
color: #65a049;;
margin-top: 0;
font-size: 14px;
font-weight: 500;
letter-spacing: .02em
}
.product-reviews__category h3 span:first-child{color: #000;}

.product-reviews__category .bar {
width: 100%;
height: 4px;
border-radius: 8px;
background-color: #c4c4c4
}

.product-reviews__category .bar div {
width: 0;
height: 100%;
border-radius: 8px;
background-color: #659F4A;
}
.orang .bar div{background-color: #f19e00;}
.orang h3{color: #f19e00;}
.red .bar div{background-color: #b00000;}
.red h3{color: #b00000;}

@media screen and (max-width: 550px){
.revu > div{width: 60%;}
.revu > img{width: 37%;height: auto;}
.revu{padding: 15px;}
}

ul.plus,ul.minus{
  list-style: none;
  padding-left: 10px;
  margin-left: 0;
}
ul.plus,ul.minus{box-shadow: none;border:none;padding: 0;margin: 0;margin-top: 22px;}
ul.plus li,ul.minus li{line-height: 1.55;margin: 5px 0;}
ul.plus,ul.minus{padding-left: 20px;}


ul.plus li:before {
content: "+";
margin-right: 10px;
color: #659F4A;
font-weight: 600;
position: relative;
top: -2px;
}
ul.minus li:before {
content: "-";
margin-right: 4px;
    color: #b00000;
}

/* Center tables for demo */
.wp-block-table table {
width: 100%;
}

/* Default Table Style */
.wp-block-table table {
color: #333;
background: white;
border: 1px solid grey;
font-size: 12pt;
border-collapse: collapse;
}
.wp-block-table table thead th,
.wp-block-table table tfoot th {
color: #777;
text-align: left;
background: rgba(0,0,0,.05);
}
.wp-block-table table caption {
padding:.7em;
}
.wp-block-table table th,
.wp-block-table table td {
text-align: left;
padding: .7em;
border: 1px solid lightgrey;
}
/* Zebra Table Style */
[data-table-theme*=zebra] tbody tr:nth-of-type(odd) {
background: rgba(0,0,0,.05);
}
[data-table-theme*=zebra][data-table-theme*=dark] tbody tr:nth-of-type(odd) {
background: rgba(255,255,255,.05);
}
/* Dark Style */
[data-table-theme*=dark] {
color: #ddd;
background: #333;
font-size: 12pt;
border-collapse: collapse;
}
[data-table-theme*=dark] thead th,
[data-table-theme*=dark] tfoot th {
color: #aaa;
background: rgba(0255,255,255,.15);
}
[data-table-theme*=dark] caption {
padding:.5em;
}
[data-table-theme*=dark] th,
[data-table-theme*=dark] td {
padding: .5em;
border: 1px solid grey;
}

/* Change Gutenberg Editor Background Color to White */
.editor-styles-wrapper {
  background-color: #ffffff;
  font-size:16px;
  font-family: "Inter", sans-serif; /* White background color */
}

.wp-block-buttons{margin-top: 24px;}
a.wp-block-button__link{
padding: 14px 30px;
border-radius: 40px;
color: #fff;
background-color: #659F4A;
display: inline-block;
font-size: 17px;

}
.wp-block-table thead{border-bottom: none;}
/* Set Font to PT Serif in Gutenberg Editor */
.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4 {
  font-family: 'PT Serif', serif; /* Use PT Serif font */
}

/* Adjust the width of the Gutenberg editor */
/* Main column width */
.wp-block {
max-width: 620px;
}