/*
Theme Name: Flovv 3.0
Theme URI: https://flovv.de
Author: Martin
Version: 3.1.0
*/

/* ── Base ───────────────────────────────────────────────────────────────── */

body {
-webkit-text-size-adjust:100%;
background:#f9f9f9;
color:#000;
font-family:'Source Serif 4','Merriweather',Georgia,Times,"Times New Roman",serif;
font-size:140%;
line-height:1.6;
margin:0;
margin-bottom:2vw
}

body.single {
background:#fff url(footerbg.png) repeat-x bottom left;
padding-bottom:2.75em
}

/* ── Layout ─────────────────────────────────────────────────────────────── */

#wrapper {
margin-left:auto;
margin-right:auto;
padding-bottom:1.5em
}

/* ── Site Header ────────────────────────────────────────────────────────────
   Verwendet eigene Klassen (.site-header__*) um Konflikte mit dem globalen
   nav- und button-Styling zu vermeiden.
   ─────────────────────────────────────────────────────────────────────────── */

.site-header {
align-items:center;
display:flex;
justify-content:space-between;
margin:2em 7vw
}

.site-header__logo {
line-height:1
}

.site-header__title {
color:#000;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:150%;
font-weight:800;
letter-spacing:-.55px;
text-decoration:none
}

.site-header__title:hover {
color:#000
}

.site-header__nav {
align-items:center;
display:flex;
gap:.5em;
/* Explizit alle Overrides der breiten nav-Selektoren (.single nav etc.) neutralisieren */
font-size:16px !important;
margin:0 !important;
max-width:none !important;
padding:0
}

/* nav a (globale Pill-Regel) gilt auch hier – nur Abweichungen nötig */
.site-header__nav a {
line-height:1.3;
text-decoration:none;
white-space:nowrap
}

/* .site-header__nav a:hover → bereits durch globales nav a:hover abgedeckt */

footer {
clear:both;
color:#919191;
display:block;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px;
margin-left:7vw;
margin-right:7vw;
margin-top:5.5vw
}

footer a {
color:#919191
}

hr {
border:none;
clear:both;
color:transparent;
display:block;
font-size:0;
height:0
}

hr.divider {
background-color:#ebebeb;
border:0;
height:1px
}

/* ── Links ──────────────────────────────────────────────────────────────── */

a {
color:#000;
text-decoration:none
}

a:hover,
.dropdown-content a:hover,
.post-categories a:hover,
.post-categories .loggedin a,
section p a,
section blockquote a,
figcaption a {
color:#dd00da
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
h1 a:hover,h2 a:hover {
color:#000
}

section p a:hover,section blockquote a:hover {
border-bottom:1px solid #000;
color:#000
}

.comment_link a,.commentmetadata a,.postmeta a {
text-decoration:none
}

.comments-text-block a {
color:#dd00da
}

.comments-text-block a:hover {
border-bottom:1px solid #000;
color:#000
}

.commentmetadata a {
color:#dd00da
}

.comment_link a {
color:#dd00da;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif
}

.categorylink a:hover,.comment_link a:hover {
color:#919191
}

/* ── Typografie ─────────────────────────────────────────────────────────── */

/* Alle Überschriften: Basis */
h1,h2,h3,h4,h5,h6 {
color:#000;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-weight:800;
letter-spacing:-.55px;
line-height:1.4
}

/* h2 font-weight war 700 oben und 800 durch h1,h2-Regel – 800 ist das finale Ergebnis */
h1 {
font-size:150%;
text-align:left
}

h2 {
font-size:200%;
margin-top:.5em;
margin-bottom:.5em
}

h3,section h3 {
font-size:130%;
margin-top:2em
}

h4 {
font-size:110%
}

/* header h1 → ersetzt durch .site-header__title */

.single h1 {
font-size:150%
}

.single h2 {
font-size:250%;
margin-bottom:.5em;
margin-top:2em
}

.home h2,.archive h2,.search h2,.page-template h2,.page h2 {
font-size:180%;
font-weight:800
}

.page-template h2 {
margin-bottom:.27em
}

.single section h3 {
margin-top:1.75em
}

.page-template-archiv h2 {
color:#919191;
font-size:1em;
font-weight:normal;
margin-bottom:.5em;
margin-top:0
}

.page-template-archiv li {
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:150%;
font-weight:bold;
line-height:1.4;
margin:.25em 0
}

.page-template-archiv ul {
list-style-type:none;
margin:0 0 2em;
padding:0
}

time {
color:#919191;
display:block;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px;
margin-top:-.5em
}

blockquote p {
font-style:italic;
margin-left:0;
margin-right:0
}

cite {
font-style:normal
}

pre {
margin-bottom:1em;
margin-top:1em;
max-width:100%;
white-space:normal
}

section {
font-size:22px;
line-height:35px
}

.single section {
line-height:35px;
margin-top:2em;
padding-bottom:1.5em
}

/* ── Navigation ─────────────────────────────────────────────────────────── */

/* .topmenu → ersetzt durch .site-header__nav */

nav {
display:block;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px;
margin-top:2em
}
/* Header-Nav: kein margin-top, bleibt flex */
.site-header__nav {
display:flex !important;
margin-top:0 !important
}

nav:empty {
display:none
}

.home nav,.archive nav,.search nav {
font-size:.75em
}
/* Header-Menü nie verkleinern */
.home .site-header__nav,
.archive .site-header__nav,
.search .site-header__nav {
font-size:16px !important
}

.home nav,.home footer,
.page footer,
.archive footer,.archive nav {
margin-left:auto;
margin-right:auto;
max-width:920px;
padding-bottom:1em
}
.home .site-header__nav,
.archive .site-header__nav {
margin:0 !important;
max-width:none !important;
padding-bottom:0
}

.single .post-nav a {
font-weight:bold
}

.post-nav {
align-items:center;
display:flex;
justify-content:space-between
}

.left,.newer {
float:left
}

.right,.older {
float:right
}

/* ── Artikel ────────────────────────────────────────────────────────────── */

article {
border-radius:6px;
border-top:1px solid transparent;
margin-bottom:2em;
padding:20px 60px 40px
}

.home article,.page article,.archive article,.tags article,.search article {
background:#fff
}

.single article,.page-template-archiv article {
background:#f9f9f9;
border-bottom:1px solid transparent;
border-left:none;
border-right:none;
border-top:1px solid transparent;
box-shadow:none;
padding:0;
padding-bottom:2em
}

.page-template-archiv article {
background:transparent
}

/* Zentrierte Artikel und Seitenelemente */
.archive article,.archive nav,.archive footer,
.search article,.search nav,.search footer,
.home article,.home nav,.home footer,
.single h2,.single time,.single section,.single aside,.single nav,.single footer,
#respond,#comments,form,hr,
.page article,.page footer,
.error404 article {
margin-left:auto;
margin-right:auto;
max-width:800px
}
/* site-header__nav darf von obigen Selektoren nicht eingegrenzt werden */
.site-header__nav {
margin:0 !important;
max-width:none !important
}

/* ── Post-Image (Teaser) ────────────────────────────────────────────────── */

.post-image {
display:block;
margin-left:auto;
margin-right:auto;
max-width:920px
}

.post-image img {
display:block;
height:auto;
max-width:920px
}

.post-image + .textblog {
border-top-left-radius:0;
border-top-right-radius:0
}

/* ── Featured Image + Postbox (Single mit Titelbild) ────────────────────── */

.featured-image {
background-image:var(--bg-img);
background-size:cover;
background-position:center center;
width:100%;
height:700px;
display:block;
margin:0 0 -600px
}

/* Gradient nur auf großen Screens, wo Titel über dem Bild liegt */
@media only screen and (min-width: 1080px) {
.featured-image {
background-image:linear-gradient(rgba(0,0,0,0.20),rgba(0,0,0,0.20)),var(--bg-img)
}
}

.postbox {
background:#fff;
border-radius:3px;
margin-bottom:3em;
margin-left:auto;
margin-right:auto;
max-width:800px;
padding:6em 6em 3em;
padding-top:0
}

.postbox h2 {
padding-top:2em
}

.postid-000 h2 {
color:#000
}

/* ── Post-Meta ──────────────────────────────────────────────────────────── */

.post-categories {
color:#989898;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px;
list-style-type:none;
margin-bottom:0;
margin-top:2em;
padding:0;
text-align:left
}

.post-categories a {
color:#989898
}

.categorylink {
display:block;
margin-top:1.75em
}

.categorylink a {
color:#dd00da;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:75%;
margin-right:.75em
}

.teaser {
color:#333;
font-size:90%
}

p.comment_link {
margin-top:0;
padding-bottom:1px
}

.comment_link a,.cat_link a {
color:#919191;
font-size:75%;
font-style:normal
}

/* ── Tags / Buttons ─────────────────────────────────────────────────────── */

.tags {
display:inline-block;
font-size:13px;
letter-spacing:.2px;
line-height:4em
}

/* Einheitlicher Stil für alle Pill-Elemente – #submit nur einmal */
.tags a,nav a,button,#submit {
background:#f1f1f1;
border:none;
border-radius:20px;
color:#696969;
font-size:16px;
font-weight:bold;
margin-right:0;
padding:8px 16px
}

/* Hover: pink – die frühere graue Hover-Regel war durch diese überschrieben → entfernt */
.tags a:hover,nav a:hover,#myBtn:hover,#submit:hover,.wp-block-search__button:hover {
background:#dd00da;
color:#fff
}

#submit {
border:none!important;
border-radius:40px!important;
cursor:pointer;
font-size:16px!important;
padding:8px 16px!important
}

button {
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif
}

.post-categories .tags a:last-of-type,
ul.comments p,.tags a:last-of-type {
margin-right:0
}

/* ── Kommentare ─────────────────────────────────────────────────────────── */

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

.comments ul {
list-style-type:disc
}

/* align-items:top ist kein gültiger Wert – korrigiert zu flex-start */
.comment-section {
align-items:flex-start;
display:flex;
gap:1em;
justify-content:start
}

aside {
margin-bottom:4vw
}

.commentmetadata {
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px;
font-weight:600;
margin-top:.5em
}

img.avatar {
border-radius:50%
}

h3#respond,h3#comments,.more-link {
font-size:100%
}

h3#comments {
margin-bottom:1.5em
}

ul.comments li {
margin-bottom:1.5em
}

h3#comments,ul.comments li ul li {
margin-bottom:inherit
}

/* ── Formulare ──────────────────────────────────────────────────────────── */

textarea {
border:1px solid #ebebeb!important;
border-radius:12px!important;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif!important;
font-size:20px!important;
padding:18px!important
}

input {
border:1px solid #ebebeb!important;
border-radius:6px!important;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif!important;
font-size:20px!important;
padding:18px!important
}

#wpadminbar input {
border:none!important
}

input[type="text"] {
font-size:inherit
}

#comment {
width:95%
}

form#commentform,aside#respond {
font-size:.9em
}

label {
color:#989898;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px;
margin-left:.25em
}

.label-comment {
color:#989898;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px
}

.wp-block-search__button {
border-radius:50px;
padding:0 35px
}

form.wp-block-search__button-outside {
margin-left:0;
margin-right:0
}

/* ── Diverses ───────────────────────────────────────────────────────────── */

.shadow {
border:1px solid #e5e5e5;
box-shadow:0 0 6px 0 rgba(0,0,0,0.11);
display:block;
padding:25px
}

.notitle {
display:block;
height:1px;
margin-top:2em
}

.info_link,.home_link,.archiv_link {
margin-left:.5em
}

p > a.more-link {
margin-left:0;
margin-right:0;
text-decoration:none
}

#myBtn span {
display:none
}

#myBtn {
background:#f1f1f1;
border:none;
border-radius:35px;
bottom:20px!important;
color:#696969;
cursor:pointer;
display:none;
font-size:16px;
font-weight:bold;
height:36px;
outline:none;
padding:0!important;
position:fixed;
right:30px;
width:52px;
z-index:99
}

.read-more-link {
background:#f8f8f8;
border:none;
border-radius:20px;
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:75%;
margin-right:.75em;
padding:8px 16px
}

.read-more-link:hover {
background:#dd00da;
border:none;
color:#fff
}

/* ── Photoblog ──────────────────────────────────────────────────────────── */

.home article.photoblog,.page article.photoblog,.archive article.photoblog,.tags article.photoblog {
background:none;
border-radius:0;
max-width:920px;
padding:0
}

.single section.photoblog {
max-width:920px
}

.home section.photoblog p,.archive section.photoblog p,.single section.photoblog p {
font-family:"Noto Sans","Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:16px
}

.photoblog p,.single .photoblog p {
line-height:1.66
}

/* ── WordPress Blocks ───────────────────────────────────────────────────── */

.home figure,.archive figure,
.home .wp-block-image,.archive .wp-block-image,
.blocksize {
margin-left:auto!important;
margin-right:auto!important;
min-width:100%!important
}

.home figure.wp-block-image,.archive figure.wp-block-image,
.search figure.wp-block-image,.search .wp-block-image figure {
margin-left:auto!important;
margin-right:auto!important
}

.single .blocksize {
margin-left:auto!important;
margin-right:auto!important;
max-width:calc(100% - 14vw)!important
}

.wp-block-image {
margin-bottom:1.5em!important;
margin-left:0;
margin-right:0
}

.wp-block-image img {
display:block!important;
height:auto;
min-width:100%
}

article figure {
margin-top:0;
padding-bottom:0!important;
padding-top:0!important
}

section > figure,section > div,article figure.aligncenter {
margin-top:2em
}

/* figcaption: finaler Stand ist #000, 12px (spätere Regel gewinnt) */
.wp-block-image figcaption {
color:#000!important;
font-family:'Inter','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:12px!important;
line-height:1.6;
margin-top:1em
}

/* figcaption in Lightbox (baguetteBox) bleibt hell */
#baguetteBox-overlay .full-image figcaption {
color:#fff!important;
font-family:'Inter','Noto Sans',sans-serif!important;
font-size:.65em!important
}

.wp-block-image .alignright {
margin-left:2em!important
}

.wp-block-image .alignleft {
margin-right:2em!important
}

.wp-block-image .alignright,.wp-block-image .alignleft,
.alignright img,.alignleft img {
height:auto;
max-width:55%
}

.wp-block-cover,.wp-block-cover-image {
background-color:#000!important
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
background:rgba(0,0,0,0.5)!important;
bottom:0!important;
font-size:.65em!important;
padding:1em 0!important
}

.home .wp-block-gallery {
display:none
}

.wp-block-quote {
border-left:4px solid #e5e5e5;
margin-left:0;
padding-left:1.5em
}

.wp-block-code {
margin-left:7vw;
margin-right:7vw;
padding-left:20px
}

.wp-block-embed-youtube,.lyte-wrapper {
min-width:100%
}

.wp-block-embed-youtube iframe {
height:450px
}

.wp-block-embed iframe {
max-width:100%;
min-width:100%
}

.wp-block-embed-youtube figcaption {
font-family:'Inter','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif
}

/* ── WP Pagenavi ────────────────────────────────────────────────────────── */

.wp-pagenavi .current {
font-weight:bold
}

.wp-pagenavi a,.wp-pagenavi span {
margin-right:.5em
}

/* ── YouTube DSGVO-Wrapper ──────────────────────────────────────────────── */

.dsgvoyoutube img {
border-radius:14px;
height:auto;
max-width:100%
}

.dsgvoyoutube {
margin-top:0
}

.ytvideo {
font-family:'Inter','Noto Sans',sans-serif;
font-size:13px
}

/* ── BaguetteBox ────────────────────────────────────────────────────────── */

.baguetteBox-button:focus,.baguetteBox-button:hover {
background-color:transparent
}

/* ═══════════════════════════════════════════════════════════════════════════
   MEDIA QUERIES – geordnet von groß nach klein, konsolidiert
   ═══════════════════════════════════════════════════════════════════════════ */

@media only screen and (min-width: 1190px) {
.single .photoblog time {
max-width:920px
}

.archive .photoblog article,.archive .photoblog nav,.archive .photoblog footer,
.search .photoblog article,.search .photoblog nav,.search .photoblog footer,
.home .photoblog article,.home .photoblog nav,.home .photoblog footer,
.single .photoblog h2,.single .photoblog time,.single .photoblog section,
.single .photoblog aside,.single .photoblog nav,.single .photoblog footer,
.photoblog #respond,#comments,
.photoblog form,.photoblog hr,
.page .photoblog article,.page .photoblog footer,
.error404 .photoblog article {
margin-left:auto;
margin-right:auto;
max-width:920px
}

#comments {
margin-left:auto;
margin-right:auto;
max-width:800px
}
}

@media only screen and (max-width: 1190px) {
.archive article,.archive nav,.archive footer,
.search article,.search nav,.search footer,
.home article,.home nav,.home footer,
.single h2,.single time,.single section,.single aside,.single nav,.single footer,
#respond,#comments,form,hr,
.page article,.page footer,
.error404 article {
margin-left:auto;
margin-right:auto;
max-width:800px
}

.post-image {
margin-left:auto;
margin-right:auto;
max-width:920px
}

.home h2,.archive h2,.search h2,.single h2,.page h2,.page-template-archiv li {
font-size:150%;
line-height:1.5
}

.page-template-archiv h2 {
font-size:1em
}

h1,.single h1 {
font-size:140%
}
}

@media only screen and (max-width: 1080px) {
.postbox {
margin-bottom:20px;
padding-left:7vw;
padding-right:7vw;
padding-top:1.5em
}

.postbox h2 {
margin-top:1em;
padding-top:0
}

.postbox.post-has-thumb {
padding-left:0;
padding-right:0
}

.featured-image {
height:400px!important;
margin-bottom:0!important
}

h3#respond {
margin-top:2.5em
}

.archive article,.archive nav,.archive footer,
.search article,.search nav,.search footer,
.home article,.home nav,.home footer,
.single h2,.single time,.single section,.single aside,.single nav,.single footer,
#respond,#comments,form,hr,
.page article,.page footer,
.error404 article {
margin-left:7vw;
margin-right:7vw
}

.home section p,.archive section p,.category section p,.search section p,
.home section ul,.archive section ul,.category section ul,.search section ul,
.home section cite,.archive section cite,.category section cite,.search section cite {
line-height:36px
}
}

@media only screen and (max-width: 1024px) {
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
bottom:0!important;
font-size:.65em!important
}

#myBtn {
bottom:20px!important;
right:5.5vw
}
}

@media only screen and (min-width: 920px) and (max-width: 1090px) {
.post-image {
margin-left:7vw;
margin-right:7vw;
max-width:100%
}

.post-image img {
max-width:100%
}
}

@media only screen and (max-width: 920px) {
.post-image img {
margin-left:7vw;
margin-right:7vw;
max-width:calc(100% - 14vw)
}

.home .photoblog time,.home .photoblog p,
.archive .photoblog time,.archive .photoblog p {
margin-left:60px;
margin-right:60px;
max-width:800px
}

.single .photoblog time,.single .photoblog p {
margin-left:7vw;
margin-right:7vw;
max-width:800px
}

.archive article,.archive nav,.archive footer,
.search article,.search nav,.search footer,
.home article,.home nav,.home footer,
.single h2,.single time,.single section,.single aside,.single nav,.single footer,
#respond,#comments,form,hr,
.page article,.page footer,
.error404 article {
margin-left:7vw;
margin-right:7vw
}

#myBtn {
right:7vw
}
}

@media only screen and (max-width: 820px) {
.featured-image {
margin-bottom:0!important
}

.home h2,.archive h2,.search h2,.page h2,.page-template-archiv li {
font-size:130%
}

.single h2 {
font-size:150%
}

.home section p,.archive section p,.category section p,.search section p,
.home section ul,.archive section ul,.category section ul,.search section ul,
.home section cite,.archive section cite,.category section cite,.search section cite {
line-height:31px
}

#myBtn {
font-size:16px
}
}

@media only screen and (max-width: 790px) {
.postbox {
margin-bottom:-3em
}

.wp-pagenavi a,.wp-pagenavi span {
display:inline-block;
margin-right:.5em;
margin-top:.5em
}

body:not(.single) article {
margin-bottom:1.5em
}
}

@media only screen and (max-width: 700px) {
/* .topmenu float:none entfernt – nicht mehr benötigt */

article {
padding:20px 25px 30px
}

section {
font-size:20px;
line-height:32px
}

.single section {
line-height:32px
}

.home section.photoblog p,.archive section.photoblog p,.single section.photoblog p,
.home time,.categorylink a {
font-size:15px;
line-height:26px
}

.page-template-archiv li,.page h2 {
font-size:130%
}

.page-template-archiv h2 {
font-size:1em
}

.home nav:not(.site-header__nav),.home footer,.page footer,.archive footer {
padding-bottom:2em
}

.home .photoblog time,.home .photoblog p,
.archive .photoblog time,.archive .photoblog p {
margin-left:30px;
margin-right:30px;
max-width:800px
}

.featured-image {
height:300px!important
}
}

@media only screen and (max-width: 600px) {
.wp-block-embed-youtube iframe {
height:300px
}
}

/* Alle max-width:500px Regeln zusammengeführt */
@media only screen and (max-width: 500px) {
.home article.textblog,.search article.textblog,.archive article.textblog {
margin-left:0;
margin-right:0;
max-width:none;
padding:0 7vw .6em
}

hr.divider {
margin-left:-7vw;
min-width:calc(100% + 7vw)
}

.post-image img {
margin-left:0;
margin-right:0;
max-width:100%
}

h1,.single h1 {
font-size:130%
}

.wp-block-embed-youtube iframe {
height:250px
}

.tags a,nav a,button,#submit {
font-size:12px
}
}

@media only screen and (min-width: 450px) and (max-width: 1090px) {
section {
font-size:20px!important
}

.home section p,.archive section p,.category section p,.search section p,
.home section ul,.archive section ul,.category section ul,.search section ul,
.home section cite,.archive section cite,.category section cite,.search section cite {
line-height:32px!important
}
}

@media only screen and (max-width: 450px) {
body {
font-size:120%
}

.site-header {
font-size:100%;
margin-bottom:2em
}

.wp-block-image .alignright,.wp-block-image .alignleft,
.alignright img,.alignleft img {
height:auto;
max-width:45%
}

.wp-block-image figcaption {
padding-left:2em;
padding-right:2em
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-image figcaption {
font-size:.84em!important
}

nav:not(.site-header__nav) {
margin-top:4vw
}

.post-categories {
margin-bottom:4vw
}

.home section p,.archive section p,.category section p,.search section p,
.home section ul,.archive section ul,.category section ul,.search section ul,
.home section cite,.archive section cite,.category section cite,.search section cite {
font-size:19px;
line-height:30px
}

.single article {
padding:0
}

label {
margin-left:0
}

article:last-of-type {
margin-bottom:0;
padding-bottom:.75em
}

.single .post-nav {
margin-top:1.5em
}

#myBtn {
border-radius:25px;
font-size:16px;
height:39px;
width:39px
}

.featured-image {
height:250px!important
}

.single h2 {
margin-top:1em
}

input {
padding:6px!important
}

#author,#email,#url,textarea {
max-width:fit-content
}

.single section,.postbox h2 {
margin-top:0
}
}

@media only screen and (max-width: 350px) {
body {
font-size:100%
}
}

/* Optische Fixes */

@media only screen and (min-width: 820px) and (max-width: 1085px) {
.single article {
background: #fff;
}
body.single {
background: none;
}
}

#commentform {
margin-left: 0;
margin-right: 0;
}

.tags {
margin-right: 1.5em;
}

.tags a {
margin-right: 0.5em;
}