@charset "UTF-8";
/* 
Theme Name:		 TwentyTwentyOne-child
Theme URI:		 http://childtheme-generator.com/
Description:	 TwentyTwentyOne-child is a child theme of Twenty Twenty-One, created by ChildTheme-Generator.com
Author:			 peggy walther
Author URI:		 http://childtheme-generator.com/
Template:		 twentytwentyone
Version:		 1.0.0
Text Domain:	 twentytwentyone-child
*/



/**
 * These styles should be loaded by the Block Editor only
  Weitere Font: Cutive Mono
 */

 @font-face {
 font-family: 'Cutive';font-display:swap; font-style: normal;font-weight: normal;
 src: local('font/Cutive Mono Regular'), url('font/CutiveMono-Regular.woff') format('woff');
 }
/* Variables */
 :root {
 	 /* Font Family */
	 --global--font-primary: var(--font-headings, Ubuntu, "Helvetica Neue", sans-serif);
	 --global--font-secondary: var(--font-base, Ubuntu, "Helvetica Neue", sans-serif);
 }
 
 /* sticky header                    */

/*header#masthead {background: rgba(255, 255, 255, 0.5);text-align: center;padding: 2em 3em 0 3em;height: 150px; max-width: 100%; width: 1240px;position: fixed;top: 0;left: 0;right: 0; z-index: 170; }



main#main       {padding-top: 250px;}
  */


 
/*Hintergrundbilder */
 body.custom-background {
     background-position: center top;
     background-size: 100% auto;
     background-repeat: no-repeat;
     background-attachment: scroll;
 }
 body.custom-background.single-post{background-image: none!important}
@media screen and (max-width: 1530px) { 
  body.custom-background {background-size: unset;}
}

.site-footer > .site-info {justify-content: space-between;    flex-direction: row-reverse;align-items: flex-start;}
.footer-navigation        {margin-top: 1em;} 
.no-widgets .site-footer  {margin-top: 1em;}
 
.has-dunkelblau-color 	{color: #24356e!important}
.has-azur-color 		{color: #96d6da!important; }
.has-salbeigruen-color  {color: #bed7c8!important; }
.has-burgunderrot-color {color: #53181f!important;}
.has-schwarz-color 	    {color: #000000!important; }
.has-weiss-color 		{color: #ffffff!important; }

.has-dunkelblau-background-color	{background-color: #24356e}
.has-azur-background-color			{background-color: #96d6da}
.has-salbeigruen-background-color	{background-color: #bed7c8}
.has-burgunderrot-background-color	{background-color: #53181f}
.has-schwarz-background-color		{background-color: #000000}
.has-weiss-background-color         {background-color: #ffffff }


 /*Logo*/
.site-header {padding-top: 0;}
.site-logo .custom-logo {max-width: 100%;max-height: 100%;width: 300px;height: auto;}
footer .site-logo .custom-logo{width: 150px}
.wp-custom-logo .site-header {align-items: baseline;}
#masthead{height:20em}
.site-header { padding-top: 1em;}
 .primary-navigation a {font-size: 1.125rem;}

.custom-logo-link {display:block}
 
h2{font-family: 'Cutive'; font-weight: bold}
h2::after{margin-left: 0;content:"";position: relative;left: -0.75em;width: 150px;height: 3px;background-size: unset;display: table;background-repeat: no-repeat;margin-top: 0.5em;}

h2.has-text-align-center::after{margin: .125em auto}
h2.has-azur-background-color,
h2.has-dunkelblau-background-color,
h2.wp-block-post-title.has-salbeigruen-background-color{background:transparent; margin:0; padding:0}

h2.has-azur-background-color::after       {background: url(img/pen-brushes-azur.svg);}
h2.has-dunkelblau-background-color::after {background: url(img/pen-brushes-dunkelblau.svg);}
h2.wp-block-post-title.has-salbeigruen-background-color::after{background: url(img/pen-brushes-salbei.svg);}

/*Wellenbrecher - Zitate*/ 
.wp-block-pullquote{border:0}
.wp-block-pullquote p{font-weight: 200}
.wp-block-pullquote blockquote::before{}
.wp-block-pullquote.has-text-color p, .wp-block-pullquote.has-text-color cite{color:#000; position:relative;z-index:2}
.wp-block-pullquote.has-text-color cite{font-weight:700}
.wp-block-pullquote blockquote::before {font-size: 20rem;font-family: helvetica;font-weight: 400; line-height: 0; top: 100px;z-index: 1;position:relative; opacity:30%}

/*Highlighting effekt*/
p.highlight{font-size: 1.5rem;width: fit-content;font-family:"Cutive"; margin: -.25em -1em;padding:.25em 1em;background: url(img/pen-brushes-gelb.svg) no-repeat;background-size: 100% 100%}
p.highlight.has-dunkelblau-background-color	{background: url(img/pen-brushes-dunkelblau.svg) no-repeat;color: #fff; }
p.highlight.has-azur-background-color			{background: url(img/pen-brushes-azur.svg) no-repeat;color: #000}
p.highlight.has-salbeigruen-background-color	{background: url(img/pen-brushes-salbei.svg) no-repeat;color: #000}
p.highlight.has-burgunderrot-background-color	{background: url(img/pen-brushes-burgunder.svg) no-repeat;color: #fff}
p.highlight.has-schwarz-background-color		{background: url(img/pen-brushes-black.svg) no-repeat;color: #fff}

.wp-block-button.highlight .has-azur-background-color	{background: url(img/pen-brushes-azur.svg) no-repeat;color: #000; background-size: 100% 100%}
.wp-block-button.highlight .has-salbeigruen-background-color	{background: url(img/pen-brushes-salbei.svg) no-repeat; padding-left: 0.75em;background-size: 100% 100%}

.entry-header .post-thumbnail, .singular .post-thumbnail{display:none}

/*Single-Seiten*/
.singular .entry-header{border-bottom:0}
.singular .entry-header::after{
margin-left: -20em;
content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 238.84 2.29'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bstroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='m60.69.02h4.8c4.8.92,9.6.7,14.4,0h.38c.13.04.23.11.36.11,9.68.22,19.36.45,29.04.63,2.74.05,5.51-.05,8.26-.14,4.7-.17,9.4-.39,14.1-.6h1.47c.48.1.94.27,1.42.27,11.53.06,23.09.09,34.62.15,3.91.02,7.85.22,11.79.15,3.05-.05,6.07-.38,9.09-.58h13.67c.97.11,1.93.3,2.9.33,9.91.2,19.81.38,29.72.57.69.02,1.37.08,2.06.13.03.23.05.45.08.67-1.04.2-2.08.58-3.12.56-12.19-.18-24.36-.51-36.55-.62-6.63-.06-13.26.22-19.89.28-1.91.02-3.81-.31-5.72-.28-9.17.14-18.34.45-27.51.52-6.81.06-13.62-.16-20.45-.2-2.26-.02-4.55.22-6.81.26-3.56.05-7.11.08-10.67.05-7.93-.08-15.88-.2-23.8-.29-3.25-.04-6.5-.05-9.75-.06-2.34,0-4.67.07-7.01.02-3.2-.06-6.4-.31-9.58-.3-12.63.06-25.22.2-37.85.31-1.78.02-3.58.11-5.36.11-4.93-.02-9.83-.06-14.76-.1v-.65c.81-.22,1.6-.61,2.41-.63,6.45-.12,12.9-.2,19.36-.23,12.04-.06,24.08-.07,36.12-.13.91,0,1.8-.2,2.72-.32'/%3E%3C/svg%3E");
}

.singular #masthead{height:auto}

.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline {display: none}

.cover-booklover.wp-block-cover {background-color: transparent;}
.cover-booklover .wp-block-cover__image-background{z-index: 1;background-position: 150px 0!important;background-size: 500px!important;}

/*Booklovers  Last-Post Show*/
*,::after,::before {box-sizing: border-box;margin: 0;padding: 0;}
.booklover { display: flex;height: 30rem;margin: 0 auto; max-width: 100%;width: 70rem;height: fit-content;}
.booklover li { border-radius: 1rem;cursor: pointer; flex: 1;margin-right: 0.8rem;overflow: hidden;transition: all 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);background-color:#fff;height: 600px}
.booklover .wp-block-latest-posts__featured-image,
.booklover li img{height:600px !important; width: auto!important; float: left}
.booklover li .wp-block-latest-posts__featured-image a{pointer-events: none!important;}
.booklover .wp-block-latest-posts__featured-image{margin-right: 4%}
.booklover .wp-block-latest-posts__post-title {margin-top: 10%;margin-right: 3em;font-family:"Cutive";font-weight: bold;text-decoration: none; font-size: 2rem; line-height: 120%;color: #000; display: block;}
.booklover .wp-block-latest-posts__post-title::after{margin-left: 0;content:"";position: relative;left: -0.75em;width: 150px;height: 3px;background-size: unset;display: table;background-repeat: no-repeat;margin-top: 0.5em;background: url(img/pen-brushes-salbei.svg);}
.booklover .wp-block-latest-posts__post-excerpt{margin-top: .75em; margin-right:3em;display:block}
.booklover li:hover, 
.booklover li:last-child {border-radius: 1rem;box-shadow: 0.3rem 0.3rem 0.4rem rgba(0, 0, 0, 0.3);flex: 10;}
.booklover li:hover ~ li:last-child { flex: 1;}

.home .reiseblog .wp-block-latest-posts__featured-image{margin-left: -1.25em}
.home .reiseblog .wp-block-latest-posts__post-title {font-size: 1rem; font-weight:bold; display: block}
.home .reiseblog .wp-block-latest-posts__post-date {padding-right:.25em}
.home .reiseblog .wp-block-latest-posts__post-date::after{content:" · "} 
.home .reiseblog .wp-block-latest-posts__post-date,
.home .reiseblog .wp-block-latest-posts__post-excerpt {float:left; margin-top: 0; font-size: 1rem; font-style: italic}


hr.wp-block-separator.has-azur-background-color         {background: url(img/pen-brushes-azur.svg);height: 5px!important}
hr.wp-block-separator.has-burgunderrot-background-color {background: url(img/pen-brushes-burgunder.svg);height: 5px!important}

.home hr.wp-block-separator.has-azur-background-color{margin-left: -100px;padding-right: 100px}

.bg-termine .wp-block-cover__image-background{background-position: center left !important;background-size: 50% !important;}
.termin.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {border-top: 0;border-bottom: 0;}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {border-bottom: 0;}

.termin.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers li{margin-bottom: 0;padding-bottom: 0;}

.termin.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers li:after{
	content:" "; background: url(img/pen-brushes-burgunder.svg);height:5px; width: 100px; display:block; margin: 0 auto; margin-top: 2em;}

.termin.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers li:last-child:after{background:none}
.termin.wp-block-latest-posts a.wp-block-latest-posts__post-title{ font-size: 1.5rem; font-weight: bold;text-decoration: none;}
.termin .wp-block-latest-posts__post-full-content{margin-top:0}

.wp-block-post-excerpt__more-link{background: url(img/pen-brushes-salbei.svg) no-repeat;padding:.25em .5em; margin-top: 1em}
.wp-block-post-excerpt{margin-top:1em!important}
h2.wp-block-post-title a{text-decoration: none}

.wp-block-button .wp-block-button__link.has-dunkelblau-background-color{background: url(img/pen-brushes-dunkelblau.svg) no-repeat; background-size: 100% 100%}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {border-color: transparent !important;}

/*Weitelesen Link bei Post-List*/
.page-id-25 .wp-block-post-excerpt__more-link {border:1px solid #000; text-transform:uppercase; font-size:small; text-decoration:none}

@media screen and (max-width: 1200px) {
  .cover-booklover .alignwide.booklover{width:100%}
}

@media screen and (max-width: 1060px) {
  .home .wp-block-cover__image-background.wp-image-485.has-parallax{background-size: 80%!important;}
}

@media screen and (max-width: 1000px) {
  .booklover li,
  .booklover .wp-block-latest-posts__featured-image, 
  .booklover li img {height: 500px !important;}
}
@media screen and (max-width: 880px) {
  .booklover .wp-block-latest-posts__post-title   {margin-top: 2em; margin-right: 1.5em;font-size:1.5rem}
  .booklover .wp-block-latest-posts__post-excerpt {margin-right: 1.5em;font-size: 1rem;}
  
  .booklover li,
  .booklover .wp-block-latest-posts__featured-image, 
  .booklover li img {height: 450px !important;}
  
  .home .wp-block-cover__image-background.wp-image-485.has-parallax{background-size: 100%!important;}

}
@media screen and (max-width: 740px) {
  .booklover .wp-block-latest-posts__post-title   {margin-top: 1.5em; margin-right: 1em;font-size:1.25rem}
  .booklover .wp-block-latest-posts__post-excerpt {margin-right: 1em;font-size: .75rem;}
  .booklover li,
  .booklover .wp-block-latest-posts__featured-image, 
  .booklover li img {height: 350px !important;}
  .cover-booklover{min-height:auto !important}
}

@media screen and (max-width: 650px) {
  .booklover .wp-block-latest-posts__featured-image { margin-right: 0.25em;}
  .wp-block-cover .wp-block-cover__inner-container, 
  .wp-block-cover-image .wp-block-cover__inner-container {width: 100%;}
  
}
@media screen and (max-width: 600px) {
  .home .wp-block-group.alignfull.has-background.is-layout-constrained.wp-block-group-is-layout-constrained {background: linear-gradient(90deg,rgba(255,255,255,0) 90%,rgb(255,255,255) 90%,rgb(36,53,110) 90%)!important}
}

@media screen and (max-width: 560px) {
 
  .booklover li.active img {width: 105% !important;height: auto!important;}
  .booklover li img{height:100%; height: 650px!important;}
  .booklover .wp-block-latest-posts__post-excerpt,
  .booklover .wp-block-latest-posts__post-title{display:none}
}
@media screen and (max-width: 500px) {
  .home .wp-block-group__inner-container p.has-large-font-size{line-height:1.75rem!important}
}
@media only screen and (min-width: 482px) {
  .site-header {
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 481px) {
  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img{width: 180px;max-height: none;}
  .wp-block-latest-posts.is-grid li { margin: 0 0.75em 1.25em 0;}
  
}

@media screen and (max-width: 375px) {
.cover-booklover h2{padding-left:0!important}
}

@media screen and (max-width: 330px) {
  .booklover li:last-child img { width: 110% !important;height: 100% !important;}
}