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

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
}

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

header {
align-items:center;
box-sizing:border-box;
color:#000;
display:flex;
font-size:90%;
justify-content:space-between;
margin:2em 7vw;
margin-top:2em;
width:calc(100% - 14vw)
}

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

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:bold;
letter-spacing:-.55px;
line-height:1.4
}

h2 {
font-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:200%;
font-weight:700;
margin-bottom:.5em;
margin-top:1.25em
}

h1,h2 {
font-weight:800
}

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
}

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
}

h1 {
font-size:150%;
text-align:left
}

.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-family:'Inter','Noto Sans','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
font-size:180%;
font-weight:800
}

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

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

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

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
}

.left,.newer {
float:left
}

.right,.older {
float:right
}

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

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

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
}

.home nav,.archive nav,.search nav {
font-size:.75em
}

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

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
}

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

.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
}

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

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

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

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

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

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

img.avatar {
border-radius:50%
}

.comment-section {
align-items:top;
display:flex;
gap:1em;
justify-content:start
}

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

.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 {
color:#000;
font-size:100%
}

.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
}

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

header h1 {
display:inline
}

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

.topmenu a {
color:#919191;
margin-left:.75em
}

.topmenu a:first-of-type {
margin-left:0
}

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
}

#comment {
width:95%
}

.archive article,.archive nav,.archive footer,.search article,.search nav,.search footer,.home article,.search 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
}

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

.postbox h2 {
padding-top:2em
}

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

.page-template-archiv ul {
list-style-type:none;
margin:0 0 2em;
padding: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
}

.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
}

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

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

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

.tags a,nav a,#submit,.topmenu a,button,#submit {
background:#f1f1f1;
border:none;
border-radius:20px;
color:#696969;
font-size:16px;
font-weight:bold;
margin-right:.75em;
padding:8px 16px
}

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

.post-categories .tags a:last-of-type {
margin-right:.75em
}

.single nav a {
font-weight:bold
}

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

.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
}

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

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

#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;
position:fixed;
right:30px;
width:52px;
z-index:99
}

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

.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
}

.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
}

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

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

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

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

.page-template-archiv h2:not(:first-child),p.comment_link {
margin-top:0
}

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

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

nav:empty,#myBtn span {
display:none
}

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

ul.comments p,.tags a:last-of-type,nav a,#submit,.topmenu a,#submit,button {
margin-right:0
}

.tags a:hover,nav a:hover,.topmenu a:hover,#myBtn:hover {
background:#e5e5e5;
color:#696969
}

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

@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
}
}

.postid-000 h2 {
color:#000
}

.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
}

.wp-block-image figcaption,.wp-block-embed-youtube figcaption {
color:#919191!important;
font-size:.65em!important
}

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

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

.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
}

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

.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption,.wp-block-embed-youtube figcaption {
font-family:'Inter','Segoe UI',Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif
}

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

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

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

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

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

.wp-block-image figcaption {
    color: #000 !important;
    line-height: 1.6;
	font-size: 12px !important;
	margin-top: 1em;
}

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

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

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

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

@media only screen and (max-width: 1190px) {
.archive article,.archive nav,.archive footer,.search article,.search nav,.search footer,.home article,.search 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
}

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

h3#respond {
margin-top:2.5em
}

.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
}

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

.archive article,.archive nav,.archive footer,.search article,.search nav,.search footer,.home article,.serch 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
}
}

@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 (max-width: 920px) {
.post-image img {
margin-left:7vw;
margin-right:7vw;
max-width:100%;
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,.serch 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: 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: 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: 700px) {
.topmenu {
float:none
}

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,.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:300x!important
}
}

@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
}

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%
}
}

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

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 {
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
}

h4 {
font-size:110%
}

.single article {
padding:0
}

label {
margin-left:0
}

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

.single 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
}

.ueber,h3#respond,#commentform {
display:none
}

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

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

@media only screen and (min-width: 1190px) {
#comments {
margin-left:auto;
margin-right:auto;
max-width:800px
}
}

.wp-block-image figcaption,#baguetteBox-overlay .full-image figcaption {
color:#fff!important;
font-family:'Inter','Noto Sans',sans-serif!important;
font-size:.65em!important
}

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

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

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

#myBtn {
padding:0!important
}

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

.dsgvoyoutube {
margin-top:0
}

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

#submit {
border:none!important
}

.tags a:hover,nav a:hover,.topmenu a:hover,#myBtn:hover,#submit:hover,.wp-block-search__button:hover {
background:#dd00da;
color:#fff
}

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

.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
}

h2 {
margin-top:.5em
}

.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
}

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

@media only screen and (max-width: 500px) {
.home article.textblog,.search article.textblog,.archive article.textblog {
padding:0 7vw .6em
}
}

.wp-block-embed-youtube iframe {
height:450px;
}
	
.wp-block-embed iframe {
max-width:100%;
min-width:100%
}

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

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

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

@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 (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
}
}

.read-more-link {
font-family: 'Inter', 'Noto Sans', 'Segoe UI', Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
font-size: 75%;
}

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

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

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

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