@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); */


/* Style changes --------------------------------------------------------------------------*/
.has-drop-cap:not(:focus)::first-letter { 
  font-family: 'Mea Culpa', 'Times New Roman', Times, serif !important; font-size: 100px; margin-right:30px; color: rgb(83, 53, 17) }

.boxshadow { 
  padding: 0px; border: 0; -webkit-box-shadow:0px 0px 1px 1px rgba(16, 11, 7, .3); -moz-box-shadow: 0px 0px 1px 1px rgba(16, 11, 7, .3); 
  box-shadow:  0px 0px 1px 1px rgba(16, 11, 7, .3); }

a img.custom-logo { margin-top: 1px;}

.post-password-form { margin: 50px auto 0 auto; width: 80%}
.post-password-form p { text-align:center; margin-bottom: 40px}

/* Titles --------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  { font-family: 'Mea Culpa', 'Times New Roman', Times, serif !important; font-size: 60px; letter-spacing:0.5px; line-height: 120%; color: rgb(83, 53, 17);}
h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter {
  font-size: 110%; 
}
h1 { font-size: 100px; line-height: 130% }
h1::first-letter { font-size: 110%}

h1.nofirstletter::first-letter, h2.nofirstletter::first-letter, h3.nofirstletter::first-letter, h4.nofirstletter::first-letter, h5.nofirstletter::first-letter, h6.nofirstletter::first-letter {
  font-size: unset; 
}
.specialfont { font-family: 'Mea Culpa', 'Times New Roman', Times, serif !important; font-size:50px; line-height: 1.8em; /* color:rgb(86, 57, 48);*/  }		
.specialfont::first-letter { font-size: 60px; margin-right: 0px; line-height: 1.8em; }	

.standardfont, h1.standardfont, h2.standardfont, h3.standardfont, h4.standardfont, h5.standardfont, h6.standardfont, h1.standardfont a, h2.standardfont a, h3.standardfont a, h4.standardfont a, h5.standardfont a, h6.standardfont a { font-family:'Open Sans', 'Times New Roman', Times, serif !important; font-size: initial !important; line-height: 1.8em; }

.standardfont::first-letter { font-size: initial; margin-right: unset; line-height: 1.8em; }	

/*
.clearfont::first-letter { font-size: unset; margin-right: unset; line-height: 1.8em; }	

.clearfont, h1.clearfont, h2.clearfont, h3.clearfont, h4.clearfont, h5.clearfont, h6.clearfont, h1.clearfont a, h2.clearfont a, h3.clearfont a, h4.clearfont a, h5.clearfont a, h6.clearfont a { font-family:'Bebas Neue','Open Sans', 'Times New Roman', Times !important }
*/

.leftwpBlogList h2 a { font-family:'Open Sans', 'Times New Roman', Times, serif !important; font-size: initial !important; line-height: 1.8em; font-weight:bold }



#leftwpContent ul.inhaltslist { border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; padding: 10px 0 10px 0}
ul.inhaltslist li { list-style-type: none; text-align:center; padding: 5px 0 5px 0 !important }
#leftwpContent ul.inhaltslist li::before { content: "" !important; width:0; display:none; margin:0 }
ul.inhaltslist li a { list-style-type: none; font-weight: normal; color: black}
												  
@media screen and (max-width: 782px) {
  .subwelttitle, .subwelttitle a, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	 	font-size: 60px !important; }
  h1::first-letter, h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter  { 
	 font-size: 70px !important; margin-right: -10px; }
 .standardfont::first-letter { font-size: initial !important; margin-right: unset; line-height: 1.8em; }	

  .leftwpBlogList h2 a { font-family:'Open Sans', 'Times New Roman', Times, serif !important; font-size: initial !important; line-height: 1.8em; font-weight:bold }
  .leftwpBlogList h2::first-letter { font-size: initial !important; margin-right: unset !important; }
}
@media screen and (max-width: 500px) {
  .subwelttitle, .subwelttitle a, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	 		font-size: 50px !important;  }
  .subwelttitle::first-letter, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  { 
	 font-size: 50px !important; margin-right: -3px; }
  h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter {
	font-size: 60px !important; margin-right: -3px;  
  }
  a img.custom-logo { height: auto; }
  .standardfont::first-letter { font-size: initial !important; margin-right: unset; line-height: 1.8em; }	

}

/* footer */
#leftwp_footer { -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); box-shadow:  0px 0px 2px rgba(0, 0, 0, 0.4); }

/* Blog style changes ---------------------------------------------------------------------*/
.div100 { width: 100%; }
.moveup { margin-top: -70px }

/* Age Gate Light --------------------------------------------------------------------------*/
.agl_form h2 { font-size:20px; font-weight:bold; font-family: 'Open Sans', Verdana, Century Gothic, Arial, Helvetica, sans-serif !important; }
.agl_form h2::first-letter { font-size:20px; font-weight:bold; }
.agl_wrapper { background: rgba(0, 0, 0, 0.95) !important; }
@media screen and (max-width: 500px) {
   .agl_form h2 { font-size:20px !important;  }
	.agl_form h2::first-letter { font-size:20px !important }
}

/* special titles --------------------------------------------------------------------------*/
.whitebox { background-color: rgb( 255,255,255,.4); width: max-content; padding: 20px 40px; }

/* Member button --------------------------------------------------------------------------*/
.button-gold { touch-action: manipulation; display: inline-block; outline: none; font-family: inherit;
  font-size: 1em; box-sizing: border-box; border: none; border-radius: .3em; height: 2.75em; line-height: 2.5em;
  text-transform: uppercase; padding: 0 1em;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4), inset 0 -2px 5px 1px rgba(139,66,8,1),
              inset 0 -1px 1px 3px rgba(250,227,133,1);
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  color: rgb(120,50,5); text-shadow: 0 2px 2px rgba(250, 227, 133, 1); cursor: pointer;
  transition: all .2s ease-in-out; background-size: 100% 100%; background-position:center;
}
.button-gold:focus, .button-gold:hover {
  background-size: 150% 150%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.button-gold:active {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
}
.has-text-align-center.button-gold { 
  margin: 0 auto 0 auto; display: block; width: max-content;
}
