.elementor-kit-21{--e-global-color-primary:#C4707A;--e-global-color-secondary:#2D2926;--e-global-color-text:#2D2926;--e-global-color-accent:#D4A547;--e-global-color-a1c0001:#F2D5D8;--e-global-color-a1c0002:#8B4A52;--e-global-color-a1c0003:#B35E68;--e-global-color-a2c0001:#F0DBA8;--e-global-color-a2c0002:#A67D2E;--e-global-color-b0c0001:#FAF7F2;--e-global-color-b0c0002:#FFFFFF;--e-global-color-b0c0003:#F5EDE3;--e-global-color-c1c0001:#F7F5F3;--e-global-color-c1c0002:#E8E3DD;--e-global-color-c1c0003:#D4CEC6;--e-global-color-c1c0004:#A9A29A;--e-global-color-c1c0005:#7D766E;--e-global-color-c1c0006:#5C5650;--e-global-color-c1c0007:#3D3835;--e-global-color-c1c0009:#1A1715;--e-global-color-d1c0001:#F0DBA8;--e-global-color-d1c0002:#E8C06A;--e-global-color-d1c0003:#D4A547;--e-global-color-d1c0004:#C4707A;--e-global-color-d1c0005:#8B4A52;--e-global-color-e1c0001:#2D8A56;--e-global-color-e1c0002:#D4A547;--e-global-color-e1c0003:#C44040;--e-global-color-e1c0004:#4A7FB5;--e-global-color-622b6bd:#F3E7D7;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Caveat";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-line-height:1.3em;--e-global-typography-f1t0001-font-family:"Source Sans 3";--e-global-typography-f1t0001-font-size:22px;--e-global-typography-f1t0001-line-height:1.6em;--e-global-typography-f1t0002-font-family:"Caveat";--e-global-typography-f1t0002-font-size:32px;--e-global-typography-f1t0002-line-height:1.3em;--e-global-typography-f1t0003-font-family:"Source Sans 3";--e-global-typography-f1t0003-font-size:13px;--e-global-typography-f1t0003-text-transform:uppercase;--e-global-typography-f1t0003-line-height:1.4em;--e-global-typography-f1t0003-letter-spacing:1.2px;--e-global-typography-f1t0004-font-family:"Source Sans 3";--e-global-typography-f1t0004-font-size:14px;--e-global-typography-f1t0004-line-height:1.5em;--e-global-typography-f1t0005-font-family:"Lora";--e-global-typography-f1t0005-font-size:20px;--e-global-typography-f1t0005-font-style:italic;--e-global-typography-f1t0005-line-height:1.5em;background-color:#FAF7F2;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Source Sans 3", Sans-serif;font-size:16px;line-height:1em;color:var( --e-global-color-b0c0002 );border-radius:8px 8px 8px 8px;padding:14px 28px 14px 28px;}.elementor-kit-21 button:hover,.elementor-kit-21 button:focus,.elementor-kit-21 input[type="button"]:hover,.elementor-kit-21 input[type="button"]:focus,.elementor-kit-21 input[type="submit"]:hover,.elementor-kit-21 input[type="submit"]:focus,.elementor-kit-21 .elementor-button:hover,.elementor-kit-21 .elementor-button:focus{background-color:var( --e-global-color-a1c0002 );color:var( --e-global-color-b0c0002 );}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 a{color:var( --e-global-color-primary );font-family:"Source Sans 3", Sans-serif;}.elementor-kit-21 a:hover{color:var( --e-global-color-a1c0002 );}.elementor-kit-21 h1{color:var( --e-global-color-c1c0009 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-21 h2{color:var( --e-global-color-c1c0009 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h3{color:var( --e-global-color-c1c0009 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h4{color:var( --e-global-color-c1c0009 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h5{color:var( --e-global-color-c1c0009 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h6{color:var( --e-global-color-c1c0009 );font-family:"Source Sans 3", Sans-serif;font-size:16px;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:40px;--container-default-padding-bottom:0px;--container-default-padding-left:40px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-21{--e-global-typography-f1t0001-font-size:20px;--e-global-typography-f1t0002-font-size:28px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 h1{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-21 h2{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h3{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h4{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h5{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:32px;--container-default-padding-bottom:0px;--container-default-padding-left:32px;}}@media(max-width:767px){.elementor-kit-21{--e-global-typography-text-font-size:16px;--e-global-typography-f1t0001-font-size:18px;--e-global-typography-f1t0002-font-size:24px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 h1{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-21 h2{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h3{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h4{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-21 h5{letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}/* Start custom CSS *//* ============================================
   THE BOOKDRAGON'S DEN - Utility Classes
   ============================================ */

:root {
  --bd-primary:        var(--e-global-color-primary);
  --bd-primary-light:  var(--e-global-color-a1c0001);
  --bd-primary-dark:   var(--e-global-color-a1c0002);
  --bd-primary-hover:  var(--e-global-color-a1c0003);
  --bd-secondary:      var(--e-global-color-secondary);
  --bd-accent:         var(--e-global-color-accent);
  --bd-accent-light:   var(--e-global-color-a2c0001);
  --bd-accent-dark:    var(--e-global-color-a2c0002);
  --bd-cream:          var(--e-global-color-b0c0001);
  --bd-white:          var(--e-global-color-b0c0002);
  --bd-peach:          var(--e-global-color-b0c0003);
  --bd-grey-100:       var(--e-global-color-c1c0001);
  --bd-grey-200:       var(--e-global-color-c1c0002);
  --bd-grey-300:       var(--e-global-color-c1c0003);
  --bd-grey-500:       var(--e-global-color-c1c0005);
  --bd-grey-700:       var(--e-global-color-c1c0007);
  --bd-grey-900:       var(--e-global-color-c1c0009);
}

/* ----- Typografie ----- */
.text-handwritten {
  font-family: 'Caveat', cursive;
  font-weight: 500;
  line-height: 1.3;
}
.text-handwritten-lg {
  font-family: 'Caveat', cursive;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.3;
  color: var(--bd-primary);
}
.text-primary   { color: var(--bd-primary) !important; }
.text-secondary { color: var(--bd-secondary) !important; }
.text-accent    { color: var(--bd-accent) !important; }
.text-muted     { color: var(--bd-grey-500) !important; }

.eyebrow-label {
  display: inline-block;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bd-grey-500);
}

/* ----- Section-Backgrounds ----- */
.bg-cream { background-color: var(--bd-cream); }
.bg-peach { background-color: var(--bd-peach); }
.bg-rose-soft { background-color: var(--bd-primary-light); }

/* ----- Hero Watercolor (Aquarell-Hintergrund) ----- */
.hero-watercolor {
  background:
    radial-gradient(circle at 80% 20%, rgba(212,165,71,0.18) 0%, transparent 45%),
    radial-gradient(circle at 20% 70%, rgba(196,112,122,0.22) 0%, transparent 50%),
    radial-gradient(circle at 60% 90%, rgba(242,213,216,0.30) 0%, transparent 55%),
    var(--bd-primary-light);
}
.hero-watercolor-soft {
  background:
    radial-gradient(circle at 75% 15%, rgba(212,165,71,0.12) 0%, transparent 40%),
    radial-gradient(circle at 25% 80%, rgba(196,112,122,0.15) 0%, transparent 45%),
    var(--bd-cream);
}

/* ----- Buch-Badges ----- */
.badge-genre, .badge-trope, .badge-spice {
  display: inline-flex;
  align-items: center;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 4px 10px;
  border-radius: 4px;
  line-height: 1.4;
}
.badge-genre {
  background-color: var(--bd-primary-light);
  color: var(--bd-primary-dark);
}
.badge-trope {
  background-color: var(--bd-accent-light);
  color: var(--bd-accent-dark);
}
.badge-spice {
  background-color: #FFF5F5;
  color: var(--bd-primary-dark);
}

/* ----- Card-Styles ----- */
.card-bd {
  background: #FFFFFF;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(45,41,38,0.08);
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.card-bd:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(45,41,38,0.12);
}

/* ----- Pull Quote ----- */
.pull-quote {
  font-family: 'Lora', serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--bd-grey-700);
  border-left: 3px solid var(--bd-primary);
  padding-left: 1.25rem;
  margin: 1.5rem 0;
}
.pull-quote-author {
  display: block;
  font-family: 'Source Sans 3', sans-serif;
  font-style: normal;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--bd-grey-500);
  margin-top: 0.5rem;
}

/* ----- Spice-Flammen-Farben ----- */
.spice-flame.level-1 { color: var(--e-global-color-d1c0001); }
.spice-flame.level-2 { color: var(--e-global-color-d1c0002); }
.spice-flame.level-3 { color: var(--e-global-color-d1c0003); }
.spice-flame.level-4 { color: var(--e-global-color-d1c0004); }
.spice-flame.level-5 { color: var(--e-global-color-d1c0005); }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lora';
	font-display: auto;
	src: url('https://bookdragons-den.com/wp-content/uploads/2026/05/Lora-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Source Sans 3';
	font-display: auto;
	src: url('https://bookdragons-den.com/wp-content/uploads/2026/05/SourceSans3-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Caveat';
	font-display: auto;
	src: url('https://bookdragons-den.com/wp-content/uploads/2026/05/Caveat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */