/*
Hier kannst du dein eigenes CSS einfügen.

Klicke auf das Hilfe-Symbol oben, um mehr zu lernen.
*/

@import url('wp-content/themes/ample-pro/Font/FF-Tisa-Sans/demo.css');

@import url('wp-content/themes/ample-pro/Font/Antithesis/antithesis.css');

@import url('wp-content/themes/ample-pro/Font/Sizmo/Sizmo.css');

@import url('wp-content/themes/ample-pro/Font/Uberhand/uberhand.css');

.blue-hl {color: #89AAC5;}

.header-post-title-container {
    background-color: #830304;
    /* border-bottom: 1px solid #ccc; */
	 border-bottom: none;
	 margin-top: -1px;
}
.header {
	border-bottom: 1px dashed #DDDDDD;
}

/*
@import url('wp-content/themes/ample-pro/Font/FF-Tisa/TisaWeb-Blog.css');

@import url('wp-content/themes/ample-pro/Font/JosefK/JosefK-Font.css');
*/

/*
.header-post-title-class {
	font-family: 'JosefKPaneuropean', 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;
	font-size: 44px;
	line-height: 54px;
	padding-bottom: 0;
	margin-bottom: -16px;
	color: #ffffff; 
}
*/

#site-title a {
	letter-spacing:0.01em; }

hr {
	border-bottom: 1px dashed #DDDDDD; /* #333; */
	/* margin-bottom: 40px;
	margin-top: 10px; */
	margin-bottom: 20px;
	margin-top: -10px;
	padding-left: 0;
	padding-right: 0;
}

.highlight {
    background: #F9DC6E; 
	/* #89AAC5;
		color: #FFF; */
    padding: 3px 6px;
}

/*
.main-navigation li > a {
	font-family: TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;
	font-size: 20px;
	line-height: 28px;
}
*/

textarea {
	font-family: TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;} 


html, body, blockquote, .wp-block-quote, .wp-block-quote.is-style-large, button, input, select, #respond p.post-subscription-form label, #respond p.comment-subscription-form label 

{ font-family: TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;}
 
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;}

*/
	
.tagcloud {
font-family: 'SizmoLight', TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif;
}

.tagcloud a:hover {
font-family: 'SizmoLineLight', TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif;
	color: #b90504;
}

.comment-content, .comment-content blockquote {font-family: 'UberhandLightMedium', TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;
letter-spacing: 0.02em;}

body {color: #313131;}

.wp-caption-text a {color: #313131;}

.wp-caption-text a:hover {color: #b90504;}

body {
font-family: 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;}

p, .textarea {color: #313131!important; 
	font-size: 1.14286rem; 
	line-height: 1.65em;
}

:root {
	--wp-admin-theme-color: #830304; }

.more-link span {border-color: #ccc!important;}

.more-link span:hover {background-color: #b90504!important; }


h1, h2, h3, h4, h5, h6, #colophon, #colophon p  {
	font-family: 'AntithesisWebReg', 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif;}

h1, h2, h3, h4, h5, h6 {
color: #7D7D7D; font-style: normal;}

.hentry .entry-title a {color: #7D7D7D;}

strong {color: #666666;}

.hentry .entry-title a:hover {color: #80ABC8;}

blockquote h2 {font-size: 24px;}

h5 {font-size: 21px;}
h4 {font-size: 23px;}
h3 {font-size: 25px;}

/*
div#comments.comments-area, section.comment-content.comment, .comment {
 color: #7D7D7D!important; 
font-size: 14px!important; 
}
*/

#site-title a {
color: #7D7D7D; }

.main-navigation a:hover, .main-navigation a:active,  .entry-meta .fa, .fa.search-top, .read-btn a, a#scroll-up i, .menu-toggle:before {
color: #b90504!important; }

#comments i, .comments-area .comment-edit-link, .comments-area .comment-permalink, .comments-area .comment-date-time, .comments-area .comment-author-link, .comment .comment-reply-link, .comment .comment-reply-link:before, .comments-area article header .comment-edit-link:before, .comments-area .comment-author-link a:hover
{
color: #b90504; }

.comments-area article header cite a:hover,
.comments-area a.comment-edit-link:hover,
.comments-area a.comment-permalink:hover, .comment .comment-reply-link:hover

{
color: #b90504; text-decoration: underline; }


a#scroll-up {
	opacity: 0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
}

.read-btn a  {
border-color: #b90504!important; }

.read-btn a:hover  { color: #FFF!important;
background-color: #b90504!important; }

input[type="submit"], button, .comments-area .comment-author-link span {background-color: #b90504;}

.main-navigation .menu > ul > li:hover {
	border-top: 2px solid #b90504;
}

.main-navigation .menu > ul > li:hover, .main-navigation .menu > ul > li:active {
	border-top: 2px solid #b90504!important;
}

.main-navigation ul.menu > li.current-menu-item,
.main-navigation ul.menu > li.current-menu-ancestor,
.main-navigation .menu > ul > li.current_page_item,
.main-navigation .menu > ul > li.current_page_ancestor,
.main-navigation ul.menu > li:hover,
.main-navigation .menu > ul > li:hover {
	border-top: 2px solid #b90504;
	margin-top: -2px;
}

.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-item a:after, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current-menu-ancestor a:after, .main-navigation ul li.current_page_item a:after, .main-navigation ul li.current_page_item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current_page_ancestor a:after, .main-navigation ul li:hover > a, .main-navigation li.menu-item-has-children:hover > a:after, .main-navigation li.page_item_has_children:hover > a:after, .main-navigation ul.menu li.current-menu-ancestor ul li.current-menu-item> a {
	color: #b90504;
}

#site-title a:hover, .hentry .entry-title a:hover, .entry-meta a:hover { color: #b90504; }


#site-description {
	margin-top: -3px;
	line-height: 1.3;
	font-size: 16px;
	color: #7D7D7D;
	letter-spacing: 0.05px;
}

.single-page p {
	font-size: 1.14286rem; 
	line-height: 1.65em;
	margin: 0.5em 0 1.5em 0;}

.single-page li {
	font-size: 1.14286rem; 
	line-height: 1.65em;
}

img.alignright {margin-top:10px;}

.single-page ul {
	font-size: 1.14286rem; 
	line-height: 1.65em;
}

.footnotes, .widget li {
	font-size: 14px;
	line-height: 22px;
}

a#scroll-up i {
	font-size: 2.5em; }

.recentcomments {padding:6px 0px; border-bottom: 1px solid #F2F2F2;}

.recentcomments:first-child {border-top: 1px solid #F2F2F2;}

#colophon{
   color: #fff;
   background-color: #830204;
	 font-weight:bold;
	 padding: 40px 0 35px;
   margin-top: 80px;
}

#colophon .copyright-info a {
   color: #fff;
}
#colophon .copyright-info a:hover {
   color: #fff; text-decoration: underline;
}

a, .widget li a, .single-page p a, li a, .previous a, .next a {
color: #b90504; /* #4D84B9; 	*/ 
transition: all 200ms ease-in-out 0s!important;
}


.widget li a {
	margin-bottom: -10px;}

a:hover, .widget li a:hover, .single-page p a:hover, li a:hover {color:#313131;  transition: all 200ms ease-in-out 0s!important;}

#secondary .widget li a, #tertiary .widget li a {color: #b90504; /* #4D84B9; */ transition: all 200ms ease-in-out 0s!important;}

#secondary .widget li {
	padding: 8px 0px 8px 0px; border-bottom: 1px solid #F2F2F2;}

#secondary .widget li:first-child {border-top: 1px solid #F2F2F2;}

span.post-date, span.comment-author-link, li.recentcomments {color:#888888;}

span.comment-author-link, blockquote cite, .sc {
-moz-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
-moz-font-feature-settings:"smcp=1, kern=1, liga=1, onum=1"; 
-ms-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1;  
-o-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
-webkit-font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
font-feature-settings:"smcp" 1, "kern" 1, "liga" 1, "onum" 1; 
}

span.comment-author-link:before { font-family: 'FontAwesome';
	content: "\f007"; padding-right:7px; color:#bbbbbb;}


blockquote {border:0;}

blockquote {
	margin: 2em 0;
	padding: 0 3em 0 2.2em;
	position: relative;
	font-size: 1.14286rem; 
	line-height: 1.65em;
	/* font-weight: 300;
	line-height: 1.625;
	font-size: 100%;
	color: #3e3f40; */
	font-style: italic;
}

blockquote:before {
	color: #b90504; /* #80ABC8; #E8E8E8; */
font-family: 'FF-Tisa-Sans-Light-Medium', Georgia, "Times New Roman", Times, serif;
	content: "“";
	display: block;
	font-size: 5em;
	line-height: 1;
	position: absolute;
	top: -0.15em;
	left: -5px;
}

blockquote {
/*font-size: 1.3em;*/
}

blockquote cite {
	color: #888;
	display: block;
	font-size: 14px;
	line-height: 22px;
	margin-top: .8em;
	text-transform: none;
	font-style: italic;
/* font-style:normal; internet explorer problem mit Fontkursiven :: beeser mit em arbeiten … */
}

blockquote cite:before {
	content: "—  ";
}

.footnotes {font-size: 14px;
	line-height: 22px; margin-bottom:12px;}

.ol-korr {
	font-size: 1.14286rem!important;
line-height: 24px!important;
}
.dropcap {
	color: #313131;
	float: left;
	font-size: 4.4em;
	font-weight: 200;
	line-height: 1.13514;
	margin-bottom: -.33243em;
	margin-right: .16216em;
	margin-top: -20px;
	text-shadow: 2px 2px 0 white, 4px 4px 0 #b90504;
}

.entry-content img, .comment-content img, .widget img {border-radius: 5px;}

.read-btn a, .wp-caption  {border-radius: 5px;}

.wp-caption {
	border: 0px!important;}

.wp-caption.alignleft {padding: 5px 10px 0px 0px; margin-left: 0px; margin-right:0px; border: 0px!important;}

.wp-caption.alignright {padding: 5px 0px 0px 10px; margin-left: 0px; margin-right:0px; border: 0px!important;}

.wp-caption.aligncenter {
	padding: 5px 0px 0px 5px; margin-left: 0px; margin-right:0px;
	height: auto !important;
	width: auto !important;
	max-width: 100%!important;
	display: block;
}
.wp-caption-text {padding: 5px 20px 5px 20px; font-size: 14px;
	line-height: 22px;}

::selection {
	background: #7D7D7D; /* Safari */
	color:#fcfcfa;
}
::-moz-selection {
background: #7D7D7D; /* Firefox */
color:#fcfcfa;
}
img::selection {
	background: #303030; /* Safari */
}
img::-moz-selection {
background: #303030; /* Firefox */
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
	
figure.alignright {	float:none!important;
 margin-left:0!important; border:0;
}

.entry-content img, .comment-content img, .widget img, .wp-caption.alignleft img {
  float: none!important;
	height: auto !important;
	width: auto !important;
	max-width: 100%!important;
	display: block;
}
	
.wp-caption {border: 0px;
	max-width: 100%; margin-left: -10px!important; margin-right: 0px!important;}
	
img.alignright {
margin-left: 0px;
}

/* problem lama yeshe linksbündig fpmt */
.alignleft {
	height: auto !important;
	width: auto !important;
	max-width: 100%; float:none!important;}


/*
.header-post-title-container {
	padding: 30px 0;}
*/

@media only screen and (min-width: 0px) and (max-width: 600px) {
	
	#site-description {
line-height: 1.35;
		font-size: 14px; }
	
#site-title a  {
line-height: 22px!important;
font-size: 22px; }
	
.header-post-title-container {
	padding: 30px 0;}
	
.header-post-title-class, .hentry .entry-title a {
	font-size: 22px!important;
	line-height: 30px!important;
}
.header-post-title-class {
		margin-bottom: -15px;
		margin-top: -15px;
		margin-left: 0px;
  	padding-left: 1px;
		}

	/* 
.entry-meta {margin-top: -20px;}
	*/ 
	
p, blockquote, .textarea, .single-page p, .single-page li, .single-page ul { font-size: 1.125rem; line-height: 1.45;}
	
	.dropcap {
		font-size: 4.0em;}
	
}

@media only screen and (min-width: 0px) and (max-width: 300px) {
p, blockquote, .textarea, .single-page p, .single-page li, .single-page ul {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; } 
}

@media only screen and (min-width: 0px) and (max-width: 350px) {
#site-title a {
    font-size: 18px;
		letter-spacing: 0px;}
}

@media only screen and (min-width: 0px) and (max-width: 400px) {
blockquote {
	padding: 0 2em 0 2.2em;
	left: -5px;}
}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
	
			body, blockquote, blockquote cite {font-family: 'FF-Tisa-Sans-Reg-Bold', 'Roboto', sans-serif!important;}
	
	h1, h2, h3, h4, h5, h6, .hentry .entry-title a, #site-title a, #site-description {
color: #313131; font-style: normal;}
	
strong {color: #313131;}

	
	/*
#site-title a, #site-description {
color: #727272; font-style: normal;}
	*/

	/*
.header-post-title-class {
	font-family: TisaWeb, 'FF-Tisa-Sans-Light-Medium', 'Roboto', sans-serif!important;
	font-size: 28px;
	line-height: 38px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: -16px;
	margin-top: -15px;
	margin-left: 0px;
} */
	
}