/*!
Theme Name: poco.lit.MAI25
Theme URI: https://volligohne.de/
Author: Völlig Ohne
Author URI: https://volligohne.de/
Description: Theme for Poco.Lit. by völlig ohne
Version: 1.0.0
License:
License URI:
Text Domain:

*/


/*poco.lit*/
/*:root {
 --square-size: 4rem !important;
}*/

:root {
	--beige-color: #fdf5ed;
	--buch-rezension: rgba(156,220,178,0.5);
	--essays: #e5dce7;
	--lila: #ceb9d2;
	--lila-light: #e5dce7;
	--orange-light: #f4cfbe;
	--green-light: #cfecd9;
	--blue: #004b62;
	--green: #9cdcb2;
	--orange: #eda279;
}

.post:first-of-type .wp-post-image {
	height: 18rem;
  width: auto;
	max-width: 100%;
  object-fit: cover;
	max-height: 18rem !important;
}

.post:first-of-type h1 {
	font-size: 1em !important;
}

  .home .site-content .post:first-of-type .wp-post-image {
    max-height: 18rem;
  }

a {
	color: var(--blue);
}

.drop-cap {
	z-index: 200000;
}
.drop-cap::before {
	z-index: -1;
	background-color: white;
}

section.error-404, section.not-found {
	margin: 0 auto;
	width: 100vw;
	padding-top:0;
}

section.error-404 header, section.not-found header {
	background-color: var(--lila);
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin-top: -2px;
	text-align: center;
	margin-bottom: 4em;
}

section.error-404 .page-content, section.not-found .page-content {
	max-width: 1500px;
	margin: 0 auto;
}

section.error-404 .page-content p, section.not-found .page-content p {
	max-width: 800px;
}

section.error-404 .page-content .widget, section.not-found .page-content .widget {
	max-width: 800px;
	margin: 4em auto;
}


section.error-404 .page-content form, section.not-found .page-content form {
	width: fit-content;
	margin: 2em auto;
}

select {
	border: 2px solid black;
	background-color: white;
	padding: 1em;
	font-family: courier,monospace;
	margin: 2em auto;
	display: block;
	font-size: 1em;
}

.tagcloud a {
	border: 2px solid black;
	background-color: white;
	padding: 0.5em;
	font-size: 1em !important;
	line-height: 3;
	white-space: nowrap;
}


/* START */

.archive .site-content .content-area, .home .site-content .content-area, .search .site-content .content-area {
  grid-column: 1/4;
}

main {
	background-color: var(--beige-color);
}



/*ARCHIVE PAGES*/

.archive-header {
	grid-column: 1/13;
	margin-top: 0;
	background-color: #ceb9d2;
	border-bottom: 2px solid black;
	grid-template-columns: repeat(4,1fr);
	align-items:center;
	padding: 0 2em 1em;
}

.archive-header h1 {
	text-align: center;
}

.archive-header h2.category-title {
	text-align: center;
	margin-bottom: 0;
	color: black;
}

.archive-header h2.category-title a {
	color: black;
	text-decoration: underline;
}

h2.page-title{
	text-align: center !important;
	grid-column: 1/14;
	margin-top: 5rem;
}

.archive-header p {
	max-width: 800px;
	text-align: center;
}

.archive-header ul {
  padding: 0 auto !important;
	margin: 2rem auto 0.5rem;
	width: fit-content;
}

.archive-header ul li {
	list-style: none;
	margin-bottom: 2em;
	width: fit-content;
  float: left;
  margin-right: 1rem;
}

.archive-header ul li a {
	border: 2px black solid;
  padding: 0.5em;
  background-color: white;
	color: black;
}

.archive-header ul li.active a {
	font-weight: 600;
}

body.search .archive-header {
	grid-column: 1/13;
  display: grid;
	margin-top: 0;
	background-color: #ceb9d2;
	border-bottom: 2px solid black;
	grid-template-columns: repeat(4,1fr);
	align-items:center;
}

.archive-header .page-title {
	text-align: right;
	margin-bottom: 0;
	width: fit-content;
	grid-column: 2;
	grid-template-columns: repeat(2,1fr);
}

.archive-header .page-title  div {
	grid-column: 2!important;
	float: left;
}

.archive-header .page-title  div.search-supertitle {
	grid-column: 1;
	margin-right: 1em;
	line-height: 1.7;
}


 
.archive-header .search-form {
	display: block;
	margin: 1em auto;
}

.archive-header.extra-header {
	padding-top: 1em;
	z-index: 30000000000000000000000000;
}

.archive-header.extra-header .entry-author-book {
	text-align: center;
}

.archive-header.extra-header h1 {
	font-size: 1.5em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

.archive-header.extra-header .entry-meta-publisher {
	text-align: center;
}

.archive-header.extra-header ul {
	display: flex; /* Flexbox verwenden */
    justify-content: center; /* Zentriert die Liste horizontal */
    flex-wrap: wrap; /* Listenelemente umbrechen, wenn nötig */
    padding: 0;
    margin: 1em auto 0;
    list-style: none;
}

.archive-header.extra-header ul li {
list-style: none;
  margin-bottom: 1em;
  width: fit-content;
  float: left;
  margin-right: 1rem;
}

.archive-header.extra-header ul li a {
border: none;
  padding: 0;
  background-color: transparent;
  color: black;
	text-decoration: underline;
	margin-left: 0.5em;
	margin-right: 1em;
}

/*AUTHOR PAGES */

body.author .archive-header h1, body.author .archive-header p {
	text-align: center !important;
}

.archive-header-inner {
	max-width: 800px;
	margin: 0 auto;
}

.author-avatar {
	position: absolute;
  width: 5rem;
  height: 5rem;
  transform: rotate(-45deg);
  border: 2px solid #000;
  overflow: hidden;
	margin: 0.4em;
}

.author-avatar img {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  transform: rotate(45deg);
}


/*SEARCH*/
#primary.content-area {
	padding: 0;
}



/*ASIDE*/

aside {
	margin-top: 2rem;
	grid-column: 8/-2 !important;
	display: grid;
	padding: 0;
	max-width: 400px;
}

section.widget {
	padding-bottom: 4rem;
	padding-top: 0;
	padding: 0;
}

section.widget h3 {
	margin: 0;
	width: 100%;
	max-width: 100% !important;
	text-align: left;
	padding: 0.5em;
	background-color: #eda279;
	border: 2px solid black;
	box-shadow: 5px 5px 0 -2px #eda279,5px 5px 0 0 #000,10px 10px 0 -2px #eda279,10px 10px 0 0 #000;
}

section.widget ul {
	margin: 0;
	border: 2px solid black;
	padding: 1em;
	margin-top: -2px;
	background-color: white;
	box-shadow: 5px 5px 0 -2px #fff,5px 5px 0 0 #000,10px 10px 0 -2px #fff,10px 10px 0 0 #000;
}

section.widget ul li:before {
	height: 1rem;
	width: 1rem;
	margin-left: 2rem;
}

section.widget ul li .wp-block-latest-posts__post-date {
	grid-column: 2/12;
	grid-row: 4/4 !important;
}

section.widget ul li .wp-block-latest-posts__post-title {
	grid-column: 2/12;
	grid-row: 1/4 !important;
	font-size: 1em;
}

section.widget figcaption {
	background-color: var(--orange);
	padding: 1em;
	border: 2px solid black;
	margin-top: -2px;
}

section.widget figcaption a {
	color: black;
	font-size: 1em;
	font-weight: 600;
}

aside.widget-area section .wp-block-image figure {
	margin: 2em auto;
}



/*  SINGLE PAGES */

article {
	background-color: var(--beige-color);
	padding-top: 3rem;
	max-width: 1500px !important;
  margin: 0 auto;
}

article p {
	max-width: 800px;
	line-height: 2;
}

article ul {
	max-width: 800px;
	margin: 2em auto !important;
	line-height: 2;
}

article.page {
	grid-column: 1/13 !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0;
}

article.page header {
	grid-column: 1/13 !important;
	margin: 0 0 !important;
	background-color: var(--lila);
	border-bottom: 2px solid;
	margin-bottom: 2em !important;
}

article.page header h1 {
	text-align: center;
	margin: 1rem 0 !important;
}

article.page header .entry-meta {
	text-align: center;
	clear: both !important;
}

article.page header .entry-meta p {
	margin: 0 auto !important;
}

article.page header ul li {
	list-style: none;
  margin-bottom: 2em;
  width: fit-content;
  float: left;
  margin-right: 1rem;
}

article.page header ul li a {
	border: 2px black solid;
  padding: 0.5em;
  background-color: white;
  color: black;
}

article.page p {
	grid-column: 5/13 !important;
}

article.page .wp-block-group h2 {
	margin: 1.6em  !important;
	grid-column: 5/13 !important;
	height: fit-content !important;
	text-align: left !important;
}

article.page .wp-block-group {
	margin: 2em  !important;
	grid-column: 5/13 !important;
	height: fit-content !important;
}

article.page .wp-block-group.project-section {
	margin: 0  !important;
	grid-column: 1/13 !important;
	height: fit-content !important;
}

article.page .wp-block-group.project-section h2 {
	margin: 0 auto  !important;
	text-align: center !important;
}


article.page .wp-block-group.project-section p {
	margin: 2em auto  !important;
	text-align: left !important;
}

article.page section.project-section .category-posts article:nth-child(3n + 1){
	clear: both !important;
}


article.page .post-thumbnail {
	grid-column: 2/5;
}

article.page img.wp-post-image {
	max-height: 19em;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}

article.page .entry-header h2 {
	text-align: center 
}

article.page header h1 a {
	color: black;
	text-decoration: underline;
}

article.page header.entry-header p {
	display: none;
}

.page-list .current_page_item a {
	font-weight: 600;
	text-decoration: underline;
}

figure.wp-block-image {
	max-width: 1500px !important;
	grid-column: 2/12 !important;
}

.single-post .type-post {
	grid-column: 5/13 !important;
}

.single-post .type-post .entry-header {
	margin-right: 6rem;
}

.single-post .type-post .entry-header, .single-post .type-post .entry-meta {
	grid-column:1/5;
	grid-row: 1/10;
	grid-template-columns: repeat(3,1fr);
	text-align: center !important;
	margin: 1rem auto;
  max-width: 350px;
}

.single-post .type-post .entry-header .entry-title {
	font-size: 1.5em !important;
	margin-bottom: 0.3em;
	text-align: center !important;
}

.single-post .type-post .entry-header .entry-meta.entry-meta-publisher {
	margin-bottom: 2em !important;
	text-align: center !important;
	margin: 0 0 4rem;
	margin-bottom: 2em !important;
}

.single-post .type-post p {
	grid-column: 5/13;
}

.single-post .type-post .entry-header .author-card-autor {
	text-align: center !important;
}

.post-thumbnail-container {
	max-width: 300px;
	margin: 0 auto;
	grid-column: 1/3;
}

.project-header {
	grid-column: 1/13;
  display: grid;
	margin-top: 0;
	background-color: #ceb9d2;
	border-bottom: 2px solid black;
}

.project-header h2.category-title {
	text-align: center;
	margin-bottom: 0;
}


.project-header ul {
  padding: 0 auto !important;
	margin: 2rem auto 0.5rem;
}

.project-header ul li {
	list-style: none;
	margin-bottom: 2em;
	width: fit-content;
  float: left;
  margin-right: 1rem;
}

.project-header ul li a {
	border: 2px black solid;
  padding: 0.5em;
  background-color: white;
	color: black;
}

.project-header ul li.active a {
	font-weight: 600;
}

.wp-block-group {
	margin: 0 !important;
	padding-bottom: 4em;
	margin-top: -1px !important;
}

.wp-block-group h2 {
	text-align: center !important;
}

section.no-results.not-found {
	grid-column: 1/13 !important;
	padding-top: 0;
	
}

section.no-results.not-found header {
	background-color: var(--lila);
	border-bottom: 2px solid black;
	margin-bottom: 2em;
}

section.no-results.not-found header h1 {
	text-align: center;
	margin: 0;
	padding: 0.5em;
}

section.no-results.not-found .page-content {
	max-width: 800px;
	margin: 0 auto;
}

section.no-results.not-found .page-content form {
	margin: 2em auto;
	width: fit-content;
}

.wp-block-buttons {
	width: 100%;
}

.category-posts .entry-header {
	border-bottom: none;
}

.category-posts .entry-header  .entry-title a{
	text-align: left !important;
	color: black !important;
	width: 100% !important;
	display: block;
	font-size: 1.2em;
}

.category-posts article p {
	width: 100% !important;
}

.page-list {
	width: 100%;
  margin: 0 auto !important;
	display: flex;
  padding-left: 0;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0.1em;
	grid-column: 1/14 !important;
}

.wp-block-page-list {
	width: 100%;
  margin: 0 auto !important;
	display: flex;
  padding-left: 0;
	justify-content: center;
	flex-wrap: wrap;
}

.wp-block-page-list li {
	list-style: none;
  margin-bottom: 2em;
  width: fit-content;
  float: left;
  margin-right: 1rem;
}

.wp-block-page-list li a {
	border: 2px black solid;
  padding: 0.5em;
  background-color: white;
  color: black;
}

article.page .wp-block-columns {
	max-width: 1500px;
	margin: 0 auto;
}

article.page .wp-block-heading {
	text-align: left !important;
	grid-column: 5/9 !important;
	justify-self: left !important;
	max-width: 800px;
}

article.page figure.alignright {
	float: left !important;
}


/*  SINGLE POSTS */
article.post p{
	padding-left: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}

article.post h2.wp-block-heading{
	grid-column: 5/13;
	width: 100%;
	max-width: 980px;
}

article.post .type-post .post-thumbnail img {
	max-height: 19em;
	width: auto !important;
}

blockquote {
	grid-column: 5/13 !important;
	font-style: italic !important;
}


/* SEKTIONEN SEITE STARTSEITE*/

.first-post {
	grid-column: 2/8;
	padding-bottom: 4rem !important;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: auto;
}

.first-post article p {
	padding: 0 !important;
}

.first-post article {
	height: fit-content;
}

.first-post h1.neusterbeitrag {
	grid-column: 1/8 !important;
  height: auto !important;
  grid-row: 1 !important;
	text-align: left;
	padding-top: 0.5em;
	display: none;
}

.first-post article {
	padding-left: 0;
	padding-right: 0;
	display: grid !important;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: 100px auto;
	grid-column: 1/8 !important;
	background-color: transparent;
}

.first-post article header {
	grid-column: 1/8 !important;
	grid-row: 1/8; 
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: auto;
}

.first-post article a[rel="bookmark"] {
	grid-column: 1/7;
  margin-top: 0;
  grid-row: 9;
	margin-top: 1em;
}

article a[rel="bookmark"] {
	margin-top: 1em;
	display: block;
}



.first-post .post-thumbnail-container {
	grid-column: 1/8 !important;
	display: grid !important;
	grid-row: 1;
	margin-left: 0 !important;
	width: 100%;
	max-width: 100%;
	max-height: 19em;
}

.first-post article header .post-thumbnail-container a {
	width: auto !important;
	max-width: 100% !important;
	height: 19em !important;
}

.first-post article header .post-thumbnail-container a .post-thumbnail-inner {
	height: 100% !important;
}

.first-post article header .post-thumbnail-container a .post-thumbnail-inner .wp-post-image {
	height: 100% !important;
	max-height: 19em !important;
}

.first-post .entry-title {
	text-align: left;
	grid-column: 1/8;
	grid-row: 2/3;
}

.first-post .entry-title a {
	width: 100%;
}

.first-post .entry-meta {
	text-align: left;
	grid-column: 1/8;
	grid-row: 3;
	font-size: 0.8em;
}

.first-post p {
	grid-column: 1/8;
}

body.home main:has(.first-post article.podcast) {
	grid-template-rows: repeat(1,1fr) !important;
}

div.first-post:has(article.podcast) {
	padding: 0 !important;
}

.first-post article.podcast {
	max-width: 100% !important;
	grid-template-rows: auto;
}

.first-post article.podcast .entry-header {
	background-color: transparent;
	border: none;
}


.first-post article.podcast .entry-content {
	padding: 0;
}

.first-post article.podcast .entry-content p, .first-post article.podcast .entry-content h2, .first-post article.podcast .entry-content ul, .first-post article.podcast .entry-header .entry-title {
	display: none;
}

.site-header {
	grid-template-rows: 60px 170px 60px auto !important;
	margin: 0 !important;
	padding-top: 4em;
	border-bottom: 2px solid black;
} 

.site-header .menu-top-line-navigation-container {
	grid-column: 12;
	
}

.site-header .menu-top-line-navigation-container ul {
	padding: 0;
}

.site-header .menu-top-line-navigation-container li {
	list-style: none;
	width: fit-content !important;
	float: left;
	margin-right: -2px;
	background-color: white !important;
	border: 2px solid black;
}


.site-header .menu-top-line-navigation-englisch-container {
	grid-column: 12;
	
}

.site-header .menu-top-line-navigation-englisch-container ul {
	padding: 0;
}

.site-header .menu-top-line-navigation-englisch-container li {
	list-style: none;
	width: fit-content !important;
	float: left;
	margin-right: -2px;
	background-color: white !important;
	border: 2px solid black;
}

.wpml-ls-menu-item a {
	padding: 0.2em;
}

.wpml-ls-current-language a {
	background-color: var(--blue);
	color: white;
	padding: 0.2em;
}



@media (max-height: 800px) {
	.site-header {
		margin: 0 !important;
	}
}




h1.entry-title {
	text-align: left;
}


h1.wp-block-heading {
	margin: 0 auto !important;
	width: 100%;
	text-align: left !important;
}

h2.wp-block-heading {
	text-align: left;
	grid-column: 2/13;
	max-width: 800px;
	margin: 1em auto 1em !important;
}

h3.wp-block-heading {
	max-width: 800px;
	margin: 2em auto 1em;
}



.site {
  position: relative;
  margin: 0 auto;
  max-width: 100vw;
	padding-top: 0;
}


.page .type-page > *, .single-events .type-events > *, .single-post .type-post > * {
  margin: 1rem 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
  grid-column: 1/13;
}

section {
	grid-column: 1/13;
	padding-bottom: 4rem;
	padding-top: 4rem;
}



section article {
	width: 30%;
	float: left;
	background-color: transparent;
		margin: 0 auto;
	margin-bottom: 2em;
	padding-top: 3rem;
	padding-left: 8%;
}

body.search .decoration-container .site .site-content .content-area .site-main article {
	width: 70% !important;
	float: left;
	background-color: transparent;
		margin: 0 auto;
	margin-bottom: 2em;
	padding-top: 3rem;
	padding-left: 8%;
}


.posts-navigation {
	grid-column: 2/-2 !important;
}

section.archive-section article:nth-child(3n + 1) {
	clear: both;
}


section article .entry-header {
	background-color: transparent;
}

section article.post p{
	padding-left: 0;
	
}

section.section-buch-rezensionen {
	background-color: var(--buch-rezension);
}

section.section-essays {
	background-color: var(--essays);
	 box-sizing: border-box !important;
}

section h2 {
	text-align: center;
}

section[class^="section-"]::before {
    content: '';
    display: block;
    height: 0;
    margin: 0;
}

section#primary article {
	width: 100%;
	float: left;
	background-color: transparent;
	margin-bottom: 2em;
}

#primary, #main {
    gap: 0; /* Entferne jede Art von 'gap' */
    justify-content: start; /* Keine extra Abstände */
}



.category-archive-button-link {
	display: block;
  clear: both;
	text-align: center;
	width: 300px;
	margin: 3rem auto;
	margin-top: 3rem !important;
	border: 2px solid black;
	background-color: white;
	padding: 1em;
	box-shadow: 5px 5px 0 -2px #fff,5px 5px 0 0 #000,10px 10px 0 -2px #fff,10px 10px 0 0 #000;
  border: 2px solid #000;
}

.category-archive-button a{
	color: black;
}

.category-archive-button-link:hover {
	color: #000;
  text-decoration: none;
  background: var(--section-color);
  box-shadow: 8px 8px 0 -2px #fff,8px 8px 0 0 #000,16px 16px 0 -2px #fff,16px 16px 0 0 #000;
  border: 2px solid #000;
}

.cat-links a[rel="category"]{
	display: block;
  clear: both;
	text-align: left;
	width: fit-content;
	margin: 0 auto;
	margin-top: 1em !important;
	border: 2px solid black;
	background-color: white;
	padding: 0.5em;
	box-shadow: 5px 5px 0 -2px #fff,5px 5px 0 0 #000,10px 10px 0 -2px #fff,10px 10px 0 0 #000;
  border: 2px solid #000;
	text-align: center;
	font-size: 0.8em;
}

.cat-links a[rel="category"]:hover {
	color: #000;
  text-decoration: none;
  background: var(--section-color);
  box-shadow: 8px 8px 0 -2px #fff,8px 8px 0 0 #000,16px 16px 0 -2px #fff,16px 16px 0 0 #000;
  border: 2px solid #000;
}

.author-card-meta {
	margin-left: 1em;
}

.author-card-autor span.author.vcard, .author-card-bio span {
	text-align: left !important;
	width: 100% !important;
	display: block;
}

ul.post-categories {
	margin-top: 0 !important;
	margin-bottom: 7em !important;
	padding-left: 0;
	justify-self: center !important;
	width: fit-content;
}

ul.post-categories li{
	list-style: none;
	width: fit-content;
	float: left;
	margin-right: 2em !important;
}



section article header.entry-header .entry-meta {
	width: 100%;
	height: auto;
	margin: 0 auto 0.7em !important;
	text-align: left;
	/*grid-column: 1/1;*/
}

section article header.entry-header .entry-meta ul {
	align-content: center;
	align-items: center !important;
		display: flex !important;
}

section article header.entry-header .entry-meta ul li {
	list-style: none;
	float: left;
		margin-bottom: 2em !important;
	align-content: center;
	align-items: center !important;
		display: flex !important;
}


section article header.entry-header .entry-meta ul li a {
	border: 2px solid black;
	padding: 0.5em;
	background-color: white;
	margin-right: 1em;
	color: black;
}


/*hr {
	content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-1rem) rotate(-45deg);
  box-shadow: 6px 6px 0 -2px #fff,6px 6px 0 0 #000,12px 12px 0 -2px #fff,12px 12px 0 0 #000;
  border: 2px solid #000;
  height: 1rem;
  width: 1rem;
  margin: 5rem 0;
}*/

.wp-block-button {
	margin: 2em auto !important;
}






/* LATEST POSTS */

ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts {
	width: 100%;
	max-width: 1500px !important;
}


ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts li::before {
	display: none !important;
}

ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
	grid-column: 1/5;
	max-width: 300px;
	justify-self: center;		
}

.wp-block-latest-posts.columns-3 li {
    max-width: 459px;
	padding: 0 40px;
	margin: 0;
  }

.wp-block-latest-posts .wp-block-latest-posts__post-title {
	grid-column: 1/5;
	text-align: left;
}

.wp-block-latest-posts__post-excerpt {
	grid-column: 1/5;
	font-family: Ubuntu,courier,monospace;
}






/* ++++++ */

/* MENÜ */

.site-name {
	background-color: #ceb9d2;
	align-items: center !important;
	display: grid;
	grid-template-columns: repeat(14, 1fr);
	grid-column: 1/13;
	border: 2px solid black;
	border-left: none;
	border-right: none;
	margin-top: 5em;
}

.site-name.header {
	grid-row: 4/4;
	background-color: #ceb9d2 !important;
	margin-top: 0;
	border-bottom: 0;
}


.site-name.header .secondary-navigation {
	position: absolute;
	padding-top: 1.3em;
}

.site-name.header .secondary-navigation .menu-item:not(:first-child)::before {
	margin-left: -9px;
}

.site-name.header .secondary-navigation .menu-item {
	line-height: 0;
}

.site-name h1{
	text-align: center;
	font-size: 1.5rem; 
	grid-column: 2/14 !important;
	float: left;
	align-items: center !important;
}

.site-name .newsletter-container{
	align-items: center;
	grid-column: 2/14;
	display: flex;
	max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.site-name .newsletter-container form{
	align-items: bottom !important;
	margin: 0 auto;
	width: auto;
}

.site-name .newsletter-container form.search-form  {
	display: block;
	align-items: flex-end;
}

.search-form .search-submit {
	left: -2px;
}

.site-name .newsletter-container form.search-form label {
	display: flex;
	float: left;
	margin-bottom: .2rem;
}

.site-name .socialmedia {
	align-items: center;
  grid-column: 1/15;
  display: flex;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  list-style: none;
  padding: 0;
  height: 20px;
}

.site-name .socialmedia a {
	color: black !important;
	margin: 0 1em;
	line-height: 4 !important;
	display: flex;
  align-items: center;
	float: left;
}

.site-name a::before {
  display: inline-block;
  height: 1.2em;
  width: 1.2rem;
  margin-right: .2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
	line-height: 2 !important;
}

.site-name .socialmedia li a[href*="twitter"]::before {
	content: "";
  background-image: url(https://pocolit.com/wp-content/themes/pocolit/public/6620c8ae2cac90067a9aa78339bb808d.svg);
}

.site-name .socialmedia li a[href*="instagram"]::before {
	content: "";
  background-image: url(https://pocolit.com/wp-content/themes/pocolit/public/e75317fafc5e835195adf92be513d35b.svg);
}

.site-name .socialmedia li a[href*="facebook"]::before {
	content: "";
  background-image: url(https://pocolit.com/wp-content/themes/pocolit/public/53757d9306796cd8c19df677d30a10c7.svg);
}

.site-name .socialmedia li a[href*="youtube"]::before {
	content: "";
  background-image: url(https://pocolit.com/wp-content/themes/pocolit/public/8a2db610fb862ab161eeccbfea0e79c6.svg);
}

.search-field {
	width: auto !important;
	gap: 0 !important;
	margin-right: -3% !important;
}

.search-inputs {
	width: 100%;
	gap: 0 !important;
} 

.newsletter-input {
	width: auto;
}

.newsletter-inputs {
	margin-right: 2em;
}

body .site-content #mc_embed_signup {
	max-width: 100%;
	background-color: transparent;
	box-shadow: none;
	border: none;
}







#site-navigation {
	transform: translateY(100%) translateX(calc(0% + 0rem)) rotate(0);
	grid-column: 1/13;
	font-size: 1.2rem;
	grid-row: 2/2;
	height: fit-content;
}

#site-navigation.main-navigation {
	z-index: 3000000 !important;
}

#site-navigation .menu-item {
	transform: rotate(0);
  transform-origin: bottom left;
  margin-bottom: 1.5rem;
  margin-left: 2.1rem;
  float: left;
  border: 2px solid black;
	background-color: #9cdcb2;
  padding: 2px;
  min-width: 150px;
	max-width: 200px !important;
  text-align: center;
	box-shadow: 5px 5px 0 -2px #fff,5px 5px 0 0 #000,10px 10px 0 -2px #fff,10px 10px 0 0 #000;
  border: 2px solid #000;
}
#site-navigation .menu-item a {
	color: black !important;
	padding: 0;
}

#site-navigation .menu {
	padding-right: 2.1rem;
}


/* Grundlegendes Styling des Menüs */
.main-navigation .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.main-navigation .menu li {
    position: relative;
}

/* Styling der Untermenüs */
.main-navigation .menu ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    list-style: none;
    padding: 0;
    border: 2px solid black;
	border-top: none;
	min-width: 150px !important;
  max-width: 150px !important;
	margin-left: -2px;
	box-shadow: 5px 5px 0 -2px #fff,5px 5px 0 0 #000,10px 10px 0 -2px #fff,10px 10px 0 0 #000;
  border: 2px solid #000;
	border-top: 0;
	z-index: 30000 !important;
}


ul.sub-menu li {
	padding: 0 !important;
	box-shadow: none !important;
	z-index: 0 !important;
}



/* Hintergrundfarbe für das erste Menü-Item */
#primary-menu > li:nth-of-type(1) {
    background-color: var(--lila);
}

/* Hintergrundfarbe für das zweite Menü-Item */
#primary-menu > li:nth-of-type(2) {
    background-color: var(--orange);
}

/* Hintergrundfarbe für das dritte Menü-Item */
#primary-menu > li:nth-of-type(3) {
    background-color: var(--green);
}

/* Hintergrundfarbe für das erste Submenü */
#primary-menu > li:nth-of-type(1) > .sub-menu a {
    background-color: var(--lila-light) !important;
}

/* Hintergrundfarbe für das zweite Submenü */
#primary-menu > li:nth-of-type(2) > .sub-menu a {
    background-color: var(--orange-light);
}

/* Hintergrundfarbe für das dritte Submenü */
#primary-menu > li:nth-of-type(3) > .sub-menu a {
    background-color: var(--green-light);
}




/* Zeigt das Untermenü beim Hovern des Elternelements */
.main-navigation .menu li:hover ul {
    display: block;
}

.main-navigation .menu li:hover {
	z-index: 3000 !important;
}

/* Styling für das letzte liElement, um das Dropdown am rechten Rand auszurichten */
.main-navigation .menu li:last-child:hover ul {
    left: 0; /* Hebt das vorherige left: 0; auf */
}




/* Styling der Links im Menü */
.main-navigation .menu a {
    text-decoration: none;
    color: #333;
    padding: 10px;
    display: block;
}

/* Optional: Styling der Links im Untermenü */
.main-navigation .menu ul a {
	padding: 5px !important;
}

.main-navigation .menu ul a:hover {
    background: white;
}

ul.sub-menu li {
	margin-left: auto !important; 
	align-items: center !important;
	border: none !important;
	background-color: transparent !important;
	font-size: 0.8em !important;
	min-width: 146px !important;
	width: 146px !important;
	margin-bottom: 0 !important;
	border-top: 2px solid black !important;
}


/* Hamburger-Menü Icon */
.hamburger-menu {
    display: none;
    cursor: pointer;
    background-color: #ceb9d1;
    border: none;
	width: 100vw !important;
	margin-left: 0 !important;
	height: 100px;
	max-width: 100vw !important;
	min-width: 100vw !important;
	border-bottom: 2px solid black;
}

.hamburger-icon {
    width: 54px !important;
    height: 10px;
    background-color: #9cdcb2;
	border: 2px solid black;
    position: relative;
    display: block;
	right: 0 !important;
	margin-bottom: 20px;
	margin-right: 14px;
	margin-top: -15px !important;
	position: absolute;
}

.hamburger-icon::before {
	content: '';
    width: 50px;
    height: 6px;
	border: 2px solid black;
    background-color: #eda279;
    position: absolute;
	right: -2px !important;
	margin-bottom: 20px;
	margin-top: 22px;
	margin-left: 200px !important;
	padding-left: 0 !important;
}

.hamburger-icon::after {
    content: '';
    width: 50px;
    height: 6px;
	border: 2px solid black;
	background-color: #004b62;
	position: absolute;
	right: -2px !important;
	margin-bottom: 20px;
	margin-top: 22px;
	margin-left: -10px !important;
}

.hamburger-icon::before {
    top: -8px;
}

.hamburger-icon::after {
    top: 8px;
}

.hamburger-menu.active .hamburger-icon {
	transform: rotate(45deg) !important;
	margin-top: 0px !important;
}

.hamburger-menu.active .hamburger-icon::before {
transform: rotate(-90deg) !important;
	margin-top: 0.4rem !important;
}

.hamburger-menu.active .hamburger-icon::after {
	display: none !important;
}


/* Menü bei Klick auf das Hamburger-Icon ein- und ausblenden */
.main-navigation {
    display: none;
}

.main-navigation.active {
    display: block;
}

/* Standard-Styling für Desktop-Geräte */
@media (min-width: 768px) {
    .hamburger-menu {
        display: none; /* Hamburger-Icon auf größeren Bildschirmen ausblenden */
    }

    .main-navigation {
        display: block; /* Menü auf größeren Bildschirmen immer anzeigen */
    }
}

/* Hamburger-Icon auf Mobilgeräten anzeigen */
@media (max-width: 767px) {
    .hamburger-menu {
        display: block; 
			/* Hamburger-Icon auf mobilen Bildschirmen anzeigen */
			z-index: 80000;
			margin-top:0;
			position:fixed;
    }
}

.additional-div {
    display: none !important; /* Standardmäßig ausblenden */
}

/* Zeige das div an, wenn das Hamburger-Menü aktiv ist */
.main-navigation.active .additional-div {
    display: block !important;
	text-align: center;
	text-decoration: none !important;
	
	/* Anzeigen, wenn das Menü aktiv ist */
}

.main-navigation.active .additional-div h1 {
	text-decoration: none !important;
}

.main-navigation.active .additional-div .menu-top-line-navigation-container {
	display: grid;
}

.main-navigation.active .additional-div ul#secondary-menu {
	justify-self: center !important;
	padding: 0 !important;
}

.main-navigation.active .additional-div ul#secondary-menu li {
	width: fit-content !important;
	float: left !important;
	min-width: 10px;
	justify-self: center !important;
	border: 2px solid black;
	box-shadow: none;
	background-color: transparent;
	margin-left: -2px !important;
}

.main-navigation.active .additional-div ul#secondary-menu li a{
	width: fit-content !important;
}

.secondary-navigation .menu-item:not(:first-child)::before {
	margin-right: 2em;
}


/**/
.main-navigation .menu-top-line-navigation-container {
	grid-column: 12;
	
}

.main-navigation .menu-top-line-navigation-container ul {
	padding: 0;
}

.main-navigation .menu-top-line-navigation-container li {
	list-style: none;
	width: fit-content !important;
	float: left;
	margin-right: -2px;
	background-color: white !important;
	border: 2px solid black;
}


.main-navigation .menu-top-line-navigation-englisch-container {
	grid-column: 12;
	
}

.main-navigation .menu-top-line-navigation-englisch-container ul {
	padding: 0;
}

.main-navigation .menu-top-line-navigation-englisch-container li {
	list-style: none;
	width: fit-content !important;
	float: left;
	margin-right: -2px;
	background-color: white !important;
	border: 2px solid black;
}

.wpml-ls-menu-item a {
	padding: 0.2em;
}

.wpml-ls-current-language a {
	background-color: var(--blue);
	color: white;
	padding: 0.2em;
}

/*SCROLLED MENU*/

.main-navigation.active.desktop-scrolled {
	width: 100vw;
	position: fixed;
	top: 0;
}

/* Versteckt das Menü */
.main-navigation.hidden {
    display: block !important; 
	position: fixed !important;
	top: 0 !important;
	width: 100vw;
	background-color: var(--lila);
	border-bottom: 2px solid black;
	padding-top: 1em;
	margin-top: -83px;
}

.main-navigation.hidden ul {
	width: fit-content !important;
	margin: 0 auto !important;
}

/* Sichtbarkeit der Hamburger-Menü-Klasse */


/* Stile für das Hamburger-Menü */
.hamburger-menu {
    position: fixed;
    top: 0; /* Passt den Abstand zum oberen Rand an */
    right: 0; /* Passt den Abstand zur rechten Seite an */
    z-index: 1000; /* Stellt sicher, dass das Hamburger-Icon über anderen Inhalten ist */
}

/* Optional: Styles für die Navigation */
.main-navigation {
    transition: all 0.1s ease; /* Für sanfte Übergänge */
}


  

/**/

/*POST NAVIGATION*/

.posts-navigation {
	grid-column: 2/-2;
}

.posts-navigation .nav-previous::before {
  left: 3rem;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
	width: 1rem;
	height: 1rem;
}

.nav-previous a {
	border: 2px solid black;
	background-color: white;
	padding: 1em;
	padding-left: 5rem;
}

.posts-navigation .nav-next::before {
	right: 3rem;
  top: 50%;
	width: 1rem;
	height: 1rem;
}

.nav-next a {
	border: 2px solid black;
	background-color: white;
	padding: 1em;
	padding-right: 5rem;
}

.top_hint {
		background-color: var(--beige-color)
}

.top_hint-inner-inner {
	padding: 0;
}

.top_hint-inner-inner p {
	font-size: 1em !important;
}






.site-title {
	padding-bottom: 0;
	grid-row: 1/3 !important;
	align-items: center;
	margin: 0 auto;
	width: 300px;
	grid-column: 1/13;
}

img.site-logo {
	height: 90% !important;
	padding-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/*.decoration {
	--square-size: 4rem;
	position: absolute;
  left: -200px;
  width: 50%;
  height: 50%;
  overflow: none;
  z-index: 10;
  pointer-events: none;
  top: -100px;
}

.decoration.squares {
	height: 8000px;
  width: 200%;
}*/

p {
	max-width: 90vw;
  margin: 0 auto;
}

/*PODCAST*/



#app.loaded {
	  background-color: rgba(206, 185, 209, 0.2) !important;
}
.antialiased {
	margin: 0 auto;
	background-color: rgba(206, 185, 209) !important;
}

h1.text-base a {
	color: #ceb9d1 !important;
	font-family: courier,monospace !important;
}

article.podcast {
	display: grid;
  grid-template-columns: repeat(12,1fr);
	grid-column-gap: 2rem;
	margin: 0;
	width: 100vw !important;
	max-width: 100vw !important;
	grid-column: 1/14;
	padding-top: 0;
}
article table {
	grid-column: 2/12 !important;
	max-width: 800px;
	margin: 0 auto !important;
	/*display: grid;
    grid-auto-flow: column; */
}

article table thead{
	display: none !important;
}
 /*
article table td {
    display: flex;
    flex-direction: column; 
}

article table tr {
	 display: grid;
    grid-auto-flow: row;
	width: 28%;
	float: left;
	margin-bottom: 5em;
	margin-right: 5%;
}
*/

td.date .release_date, td.duration {
	font-size: 0.8em
}

article.podcast header {
	grid-column: 1/13;
	background-color: var(--lila);
	border-bottom: 2px solid;
	margin-bottom: 2em;
	padding-left: 0.1em;
	padding-right: 0.1em !important;
	width: 100% !important;
}
article.podcast:first-of-type h1 {
	font-size: 1.3em !important;
	text-align: center !important;
}


.podlove-web-player {
	margin: 0 auto;;
	grid-column: 2/12 !important;
	justify-self: center;
	max-width: 800px !important;
}

.podlove-web-player iframe {
	width: 100%;
}

p.mini-menu {
	width: 20vw;
	margin: 0;
}

article.podcast .entry-content {
	grid-column-gap: 5rem;
	grid-row-gap: 5rem;
	line-height: 1.7;
	padding-top: 0;
	grid-column: 2/12;
	padding-bottom: 4em;
}

.psn-icon-default {
	background-color: var(--lila) !important;
	transform: rotate(45deg);
	border: 2px solid black;
	margin-right: 1em !important;
}

.psn-icon {
	margin-right: 1em !important;
}

.psn-entry strong {
	margin-top: 1em;
}

/*FOOTER*/

.footer-inner {
	margin: 0 auto;
}

.footer-meta {
	grid-column: 2/-2;
	display: grid;
	grid-template-columns: repeat(2,1fr);
}



@media screen and (max-width: 1100px) {
	
	.top_hint {
		display: none
	}

	
	#site-navigation {
		transform: none;
		grid-row: 3/3;
	}
	
	body.home main {
		grid-template-rows: repeat(2,1fr);
	}
	
	.first-post {
  grid-column: 1/10;
		grid-row: 1;
}
	
	aside {
	margin: 2em auto;
	grid-column: 2/-2 !important;
	padding: 0;
	max-width: 600px;
		grid-row:3;
}
	
	article {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
}
	
	section article {
		width: 50% !important;
		padding-left: 1em !important;
		padding-right: 1em !important;
		float: left;
}
	
	section article:nth-child(3n + 1) {
	float: left !important;
}
	h2.wp-block-heading {
		margin: 1em auto !important;
	}

	
		
	
	.entry-header, .single-post .type-post .entry-meta {
		max-width: 100% !important;
	}
	
	article header.entry-header .entry-meta {
	width: 100%;
}
	
	article p {
		max-width: 90%;
	}
	
	.category-posts article  {
		width: 40% !important;
		margin-left: 5%;
	}
	
	.category-posts article p {
	max-width: 100% !important;
		margin-left: 0 !important;
}
	
	.category-posts .wp-post-image {
	max-height: 19em !important;
}
	
	section article p {
	max-width: 100% !important;
}
	
	article.page .post-thumbnail {
		max-width: 100%;
		grid-column: 3/-3;
	}
	
	
article.page .wp-block-group {
	margin: 0  !important;
	grid-column: 1/13 !important;
	height: fit-content !important;
}

article.page .wp-block-group h2 {
	margin: 0 auto  !important;
	text-align: center !important;
}


article.page .wp-block-group p {
	margin: 2em auto  !important;
	text-align: left !important;
}
	
	.first-post article header {
		padding: 0 2em;
	}
	
	.single-post .type-post .entry-header {
		margin: 0;
		grid-column: 2/12 !important;
	}
	
	
	.archive-header {
		grid-column: 1/12;
		height: fit-content;
	}
	
	.nav-previous a {
		margin-left: 1rem !important;
	}
	
	.posts-navigation {
		grid-column: 1/-1 !important;
	}
	
	.posts-navigation .nav-previous::before {
		left: 4rem;
	}
	
	.nav-next a {
		margin-right: 1rem !important;
	}
	
	.posts-navigation .nav-next::before {
		right: 4rem;
	}
	
	.home .site-content .widget-area {
	grid-column: 2/-2;
}
	

	.single-post .type-post .entry-header {
	grid-column:1/13;
	grid-template-columns: repeat(3,1fr);
}
	
	.single-post .type-post p {
	grid-column: 1/13
}
	
	.single-post .type-post .center {
		grid-column-start: 1;
	}
	
	.site-name {
  background-color: #ceb9d2;
  align-items: center !important;
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  grid-column: 1/15;
}
	
	footer#colophon {
	position: relative;
	z-index: -1;
	width: 100vw;
}
	
	footer#colophon .search-field {
		width: 100% !important;
		max-width: 100%;
	}
	
	footer#colophon .search-submit {
		left: 0;
	}
	
	section.error-404 .page-content, section.not-found .page-content {
	padding: 0 1em;
}
	
	section.error-404 .page-content, section.not-found .page-content .search-field {
		width: 100% !important;
		max-width: 100%;
		
	}
	
	.event-date {
		width: 90vw;
	}
	
	article.events header {
		grid-column: 2/12 !important;
	} 
	
	article.events p {
		margin: 0 auto !important;
		grid-column: 1/13 !important;
		width: 100%;
	}
	
	.site-header .menu-top-line-navigation-container {
		grid-row: 3/3;
	}
	
	.site-header .menu-top-line-navigation-englisch-container {
		grid-row: 3/3;
	}
	
}


@media (max-width: 767px) {

    /* Header */
    header#masthead {
        background-color: var(--beige-color);
        padding-top: 0;
        grid-template-rows: 97px  auto !important;
        border: none;
        z-index: 300000 !important;
        display: grid !important;
			border-bottom: 2px solid black;
    }
	
	.site-header .menu-top-line-navigation-container {
		display: none
	}
	
	.site-header .menu-top-line-navigation-englisch-container  {
		display: none
	}
	
	.site-header .additional-div .menu-top-line-navigation-englisch-container  {
		display: block
	}
	
	.site-name {
		display: none;
		border: none;
	}
	
	.site-name.header {
		display: grid !important;
		border-bottom: 2px solid;
		padding: 0 0.5em;
	}

    .site-name.header h1 {
			font-size: 1.5em;
			grid-column: 1/15 !important;
    }
	
	.site-name.header .secondary-navigation {
	display: none;
}
	
	.first-post article.post a[rel="bookmark"] {
		margin-left: 1em;
	}
	
	.first-post article.post header {
		padding: 0 1em;
	}
	
	.first-post article.post header h1 a[rel="bookmark"] {
		margin-left: 0;
	} 
	
	

    /* Body */
    body {
        margin: 0;
        padding: 0;
        width: 100vw;
    }

    aside {
        grid-column: 1/-1 !important;
    }

    .site-content {
        margin-top: -2px;
    }

    .site {
        padding-top: 0.1rem;
        z-index: 0 !important;
    }

    /* Navigation */
    #site-navigation {
        grid-column: 1/13;
        font-size: 1em;
        text-align: left;
        margin-top: 100px;
    }

    .main-navigation.active {
        grid-row: 1/3 !important;
        overflow: scroll !important;
        height: calc(100vh - 100px) !important;
        padding-bottom: 100px !important; /* Zusammengeführt */
        top: 0 !important; /* Zusammengeführt */
    }

    nav.main-navigation {
        background-color: #ceb9d1 !important;
        width: 100vw;
        height: 100vh;
        padding: 10px;
        position: fixed;
        z-index: 1000000 !important;
        overflow: scroll;
    }

    nav.main-navigation ul.menu {
        width: 100%;
    }

    nav.main-navigation ul.menu li.menu-item {
        position: relative !important;
    }

    ul.menu {
        display: flex !important;
    }

    #site-navigation .menu-item {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0;
        margin-left: 1em;
        margin-right: 1em;
			top: -2px;
    }

    #site-navigation .menu-item a {
        min-width: 100%;
        max-width: 100% !important;
    }

    #site-navigation ul#primary-menu .menu-item a {
        font-weight: 600;
    }

    #site-navigation ul.sub-menu .menu-item a {
        font-weight: 300 !important;
    }

    #site-navigation.main-navigation .active .menu-item {
        box-shadow: none !important;
        position: absolute;
    }
	

	
	ul#secondary-menu {
		align-items: center !important;
		width: 30%;
		justify-self: center !important;
  padding: 0 !important;
		align-content: center;
		margin-bottom: 1em !important;
	}
	
	ul#secondary-menu li {
		min-width: 45% !important;
		margin: 0 !important;
	}
	
	ul#secondary-menu li:before {
		margin: 0;
		float: left;
		width: fit-content !important;
		display: none;
	}
	
	ul#secondary-menu li.wpml-ls-current-language a {
		color: white !important;
	}
	
	.secondary-navigation .menu-top-line-navigation-englisch-container ul#secondary-menu{
		margin: 0 auto;
	}
	
	.main-navigation .menu li:hover {
		z-index: 0 !important;
	}	
	
/* Zeigt das Untermenü beim Hovern des Elternelements */
.main-navigation .menu li:hover ul {
    display: block;
}

.main-navigation .menu li:hover {
	z-index: 3000 !important;
}

/* Styling für das letzte liElement, um das Dropdown am rechten Rand auszurichten */
.main-navigation .menu li:last-child:hover ul {
    left: -2px; /* Hebt das vorherige left: 0; auf */
}



    /* Logo */
    img.site-logo {
        height: 90% !important;
        min-height: 50px !important;
        max-height: 90px !important;
        width: auto !important;
        position: fixed;
        left: 10px;
			margin: 0;
    }

    /* Title */
    .site-title {
        height: 70px !important;
        display: block !important;
        grid-row: 1;
        justify-self: left;
        grid-column: none !important;
        z-index: 8000000;
        width: 20px;
    }

    /* Search */
    .search-field {
        width: 68% !important;
        max-width: 75%;
        gap: 0 !important;
        margin-right: -6% !important;
    }

    .search-submit {
        width: 34.5%;
    }

    /* Archive */
    .archive-header {
        grid-column: 1/12;
        height: fit-content;
			padding: 0.5em;
    }

    .archive-header ul {
        margin: 0 auto;
        padding: 0.3em;
			margin-top: 0.8em;
    }

    .archive-header h2 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
	
	.archive-header ul li {
		margin-bottom: 1em;
		margin-right: 0.5em;
	}
	
	.archive-header ul li a {
		font-size: 0.8em;
	}

    h2.page-title {
        margin: 1em auto;
    }

    section.archive-section {
        padding-top: 0;
    }

    .decoration-container {
        position: absolute;
        max-width: 100vw;
        overflow: hidden;
			z-index:-1;
    }

    #decoration_main {
        margin-top: 70px;
    }

    .decoration {
        z-index: 0;
    }

    /* Newsletter */
    .site-name .newsletter-container {
        grid-column: 1/14;
        display: block;
        grid-row: 5/5;
    }

    .site-name .newsletter-container form {
        width: 100% !important;
        max-width: 100%;
        margin: 5px auto !important;
    }

    .newsletter-inputs {
        margin-right: 0 !important;
    }

    .newsletter-input {
        max-width: 68%;
    }

    #mc_embed_signup {
        max-width: 110% !important;
    }

    /* Article */
    article {
        width: 100% !important;
    }

    section article {
        width: 100% !important;
			padding-left: 1.5em !important;
			padding-right: 1.5em !important;
    }

    .category-posts article {
        width: 90% !important;
        margin-left: 5%;
			padding: 0;
    }

    section article p {
        max-width: 100% !important;
    }
	
	article.post p {
        margin: 1em 1em !important;
        grid-column: 1/13 !important;
    }
	
	article.post a[rel="bookmark"] {
		margin-left: 0;
	}
	
	article.post h1 a[rel="bookmark"] {
		margin-left: 0;
	} 
	
	article.post h2.wp-block-heading {
		grid-column: 2/12;
	}
	
	section article.post p {
        margin: 0 !important;
        grid-column: 1/13 !important;
    }

    article.page p {
        margin: 2em !important;
        grid-column: 1/13 !important;
    }

    h3.wp-block-heading, h2.wp-block-heading {
        max-width: 90%;
        margin: 2em auto 1em;
    }

    /* Meta */
    article header.entry-header .entry-meta {
        width: 100%;
    }

    article header.entry-header .entry-meta ul {
        display: block !important;
        padding-left: 0;
    }

    article header.entry-header .entry-meta ul li {
        list-style: disc !important;
        float: none;
        display: block !important;
        margin: 1em !important;
    }

    article header.entry-header .entry-meta ul li a {
        padding: 0.5em;
        margin-right: 1em;
        color: black;
    }
	
	article.podcast {
		grid-column-gap: 0;
	}
	
	article.podcast header {
		grid-column: 1/14 !important;
		margin-bottom: 0;
	}
	
	article.podcast .entry-content {
		grid-column: 1/14 !important;
	}
	
	@media (max-width: 400px) {
		article.podcast header {
		grid-column: 1/12;
		margin-bottom: 0;
	}
	
	article.podcast .entry-content {
		grid-column: 1/12;
	}
	}
	
	article.podcast h2 {
		padding: 0 1em;
	}
	
	article.podcast ul {
		padding: 0 1.4em;
	}
	article table {
		grid-column: 1/13 !important;
		max-width: 100vw !important;
		padding: 1em;
	}
	
	article table td.thumbnail {
		margin: 0 auto !important;
	}
	
	article table td.date{
		font-size: 0.8em;
	}
	
	article table td.duration{
		font-size: 0.8em;
	}
	
	article thead {
		display: none;
	}
	
	article table tr {
		display: flex;
    flex-direction: column;
	}

    /* Media Text */
    #main article .wp-block-media-text.portrait.has-media-on-the-right .wp-block-media-text__content,
    #main article .wp-block-media-text.portrait.has-media-on-the-right .wp-block-media-text__media {
        grid-column: 1/-1;
    }

    /* Footer */
    .footer-inner {
        padding: 1em !important;
    }

    .nav-previous {
        margin-bottom: 1em !important;
    }

    .home .site-content .widget-area {
        grid-column: 1/-1;
        padding: 1em;
    }

    /* Miscellaneous */
    .hamburger-menu {
        z-index: 7000000 !important;
        top: 0;
    }

    ul.sub-menu {
        display: block !important;
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        position: relative !important;
        z-index: 1000000 !important;
        height: auto !important;
    }

    ul.sub-menu li {
        position: fixed !important;
        display: block;
    }

    .main-navigation .menu ul {
        display: block !important;
        width: calc(100% + 4px) !important;
        max-width: 100vw !important;
        left: -2px;
        right: -2px;
        bottom: -2px;
        box-shadow: none;
        margin: 0 !important;
    }

    ul.menu {
        display: block !important;
    }
	
	.author-card-meta {
		grid-row: 2;
  grid-column: 1/3;
		margin-left: 0;
	} 
	.author-card-image {
		grid-column: 1/4;
		margin-bottom: 2em;
		justify-self: center;
	}

}