/* https://www.yogicmind.de/wp-content/themes/generatepress_child/style-posts.css */

.site-main{
    margin-top:120px
}

@media only screen and (max-width: 768px) {
	.site-main{
	margin-top:70px
	}
}

.grid-container {
    max-width: 760px;
}

@media only screen and (max-width: 768px) {
.one-container .site-content{
    padding: 20px;
}
}

/* ----------- headlines ----------- */

.inside-article h1{
	font-size: 42px;
	line-height:50px;
	font-weight: 700;
}

.inside-article h2, .inside-article .like-h2{
	font-size: 38px;
	line-height: 48px;
	font-weight: 700;
	padding-top: 40px;
	margin-bottom: 24px;
}

.inside-article h2.first{
	padding-top: 32px;
}

.inside-article h3{
    font-size:26px;
	line-height:38px;
	font-weight:700;
	padding-top:0px;
	margin-bottom: 24px;
}

.inside-article h4{
    font-size:22px;
	line-height:34px;
	font-weight:700;
	padding-top:0px;
	margin-bottom:24px;
}

.inside-article p{
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 24px;
}

@media only screen and (max-width: 1200px) {
	.inside-article h1{
		margin-bottom:24px;
	}
}

@media only screen and (max-width: 768px) {
	.inside-article h1{
		font-size: 30px;
		line-height: 36px;
	}
	
	.inside-article h2, .inside-article .like-h2{
		font-size: 28px;
		line-height: 36px !important;
		padding-top: 30px;
		margin-bottom: 20px;
	}

	.inside-article h3{
		font-size:22px;
		line-height:28px !important;
		margin-bottom:24px !important;
		padding-top:0px !important;
		font-weight:700;
		margin-bottom: 20px;
	}

	.inside-article p{
		font-size: 17px;
		line-height: 29px;
		margin-bottom: 20px;
	}
}

a.content-link{
	text-decoration:underline;
	/*color: #00ac98;*/
    font-weight: 700;
    text-underline-offset: 5px;
}

/* ----------- progress bar ----------- */

.progress-container {
	width: 100%;
	height: 4px;
	position: absolute;
    left: 0px;
    bottom: -4px;
    z-index: 1000;
    background-color: rgba(0,0,0,0.03);
  }

.progress-bar {
height: 4px;
/*background: #A1B833;*/
width: 0%;
}

/* ----------- meta-info ----------- */

.posted-on{
        display:none;
}

.entry-content:not(:first-child){
	margin-top: 0.7em;
}

.entry-header .gp-icon{
    display: none; /*inline*/
	color: #444;
}

@media screen and (min-width: 1200px) {
	.entry-header{
		position:relative;
	}

	.entry-meta{
		position: absolute !important;
		bottom: -356px;
		/*border: 1px solid yellow;*/
		width: 30%;
		right: -36.3%;
		height:300px;
		font-size:16px;
	}

	img.author-image{
		width: 60px !important;
		height: 60px !important;
		border-radius: 50%;
		position: relative !important;
		top:0px !important;
	}

	img.avatar-96 {
		width: 60px !important;
		height: 60px !important;
		border-radius: 50%;
		position: relative !important;
		top:0px !important;
	}

	.entry-header span.byline{
		display:block;
		margin-top:10px;
	}

	.entry-header span.author-name{
		margin-left: 0px !important;
		font-size: 16px;
		color: #000;
		text-decoration: underline;
	}

	span.author-title{
		display:block !important;
		margin-bottom: 14px;
		font-size:15px;
	}

	span.author-bio{
		display:block !important;
		margin-bottom: 24px;
		font-size:15px;
	}

	img.author-img-linkedin{
		display:inline !important;
		width:26px;
		margin-right:10px;
	}

	img.author-img-mail{
		display:inline !important;
		width:26px;
	}

	span.comments-float-right{
		position:absolute;
		top: -41px;
   		left: -520px;
		/*z-index: 1000;*/
	}

	.entry-meta.comment-metadata {
		margin-top: 0;
		position: relative !important;
		width: 100%;
		height: 22px;
		left: 0px;
		top: 0px;
	}
}

.entry-meta{
	position: relative;
}

img.author-image{
	width: 50px;
	height: 50px;
	border-radius:50%;
	position: absolute;
  	top: -15px;
}

img.avatar-96{
	width: 50px;
	height: 50px;
	border-radius:50%;
	position: absolute;
  	top: -15px;
}

span.author-name{
	font-size: 16px;
	font-weight: bold;
	/*color: #00ac98;*/
	margin-left: 60px;
}

span.author-bio, span.author-title{
	display:none;
}

img.author-img-linkedin{
	display:none;
}

img.author-img-mail{
	display:none;
}

span.comments-float-right {
	float:right;
	font-size: 15px;
	color: #000;
}

span.icon-comments{
	display:none;
}

span.comments-float-right a{
	font-size: 15px;
	color: #000;
	font-weight:400;
	text-decoration:underline;
}

p.last-updated{
	font-size: 15px !important;
	color: #000 !important;
	font-weight: 400 !important;
	margin-bottom: 15px !important;
}


@media only screen and (max-width: 768px) {
	.entry-content:not(:first-child){
		margin-top: 0.5em;
	}

	img.author-image{
		width: 42px;
		height: 42px;
		top: -5px;
	}

	img.avatar-96{
		width: 42px;
		height: 42px;
		top: -5px;
	}

	span.author-name{
		font-size: 15px;
		margin-left: 50px;
	}

	span.comments-float-right {
		font-size: 15px;
		margin-top: 1px;
	}
}

/* ----------- toc ----------- */

.entry-content{
	position:relative;
}

.toc-con-out{
	position: absolute;
	top: 49px;
	left: -38.5%;
	width: 33.3%;
	height: 100%;
}

#toc-con-in {
	position: sticky;
	top: 120px;
	padding: 0px;
	border: none;
	border-right:1px solid #e3e3e3; /*menu-style*/
	border-radius: 0px;
	margin-top: 0px;
}

p.toc-hdln{
	text-align: left;
	font-size: 15px;
	line-height: 1.4;
	text-transform: uppercase;
	margin-bottom:0px;
	padding-bottom: 24px; /*15*/
	padding-top: 0px; /*34*/
	padding-left: 0px; /*8*/
	font-weight:700;
}

.toc-list-group{
	display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
	max-height: calc(100vh - 170px);
	overflow-y: auto;
	margin-top: 0px;
	padding-bottom: 30px;
}

.toc-list-group a{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	border-bottom: 1px solid #e1e1e1; /*menu-style*/
	padding-top: 22px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 8px;
    /*margin-bottom:12px; menu-style*/
	display:block;
}

.many-items a{
	padding-top: 20px;
	padding-bottom: 18px;
}

/*
.toc-list-group a:hover{
	background:#f1f1f1;
    color:#000;
}

a.active {
	background:#A1B833;
    color:#000;
}

a.active:hover {
	background:#A1B833;
    color:#000;
}
*/

@media screen and (min-width: 1300px) {
	.entry-content{
		position:relative;
	}

	.toc-con-out{
    top: 49px;
    left: -43%;
    width: 37% ;
	}
}

@media screen and (max-width: 1240px) {

	.toc-con-out {
		position: relative;
		top: 0px;
		left: 0%;
		width: 100%;
		margin-top:40px;
	}

	#toc-con-in {
		position: relative;
		top: 0px;
		padding: 20px;
		border-right:none;
		border: 1px solid #e3e3e3;
		border-radius: 8px;
		margin-top: 0px;
	}

	p.toc-hdln{
		font-size: 15px;
		line-height: 1.4;
		margin-bottom:0px;
		padding-bottom: 15px;
		padding-top: 6px;
		padding-left: 0px;
	}

	.toc-list-group{
		padding-bottom: 0px;
	}

	.toc-list-group a{
		font-size: 17px;
		font-weight: 400;
		line-height: 1.4;
		border-bottom: none;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 10px;
		padding-left: 0px;
		display:block;
	}
}

@media (max-width: 768px) {
	#toc-con-in {
		padding:20px 18px;

	}
}

/* ----------- imgs ----------- */
img.title{
	width:100%;
}

/* ----------- lists ----------- */

.inside-article ol, .inside-article ul {
        margin-bottom: 1.4em;
        margin-left: 20px;
}
   
.inside-article ol li, .inside-article ul li {
	font-size:18px;
	line-height:34px;
	margin-bottom:1em;
	font-weight: 400; 
	padding-left: 10px;
}


@media only screen and (max-width: 768px) {
	.inside-article ol {
		margin-left: 22px;
	}

	.inside-article ul {
		margin-left: 18px;
	}
	
	.inside-article ol li, .inside-article ul li {
		font-size:17px;
		line-height:28px;
		margin-bottom:12px;
		padding-left:6px;
	}

	.inside-article ol.ml28, .inside-article ul.pml28 {
		margin-left:28px;
	}
}

/*--------------------------- icon + text inline -------------------------*/

.icon-txt{
	display: flex;
	padding-top:10px;
	margin-bottom:20px;
}

.icon-txt-t{
	font-size:18px;
	line-height: 32px;
	font-weight:700;
	/*color: #00ac98;*/
}

.icon-txt-t-hdln{
	color: #000 !important;
}

.icon-txt-i{
	flex-basis: 28px;
    flex-grow: 0;
    flex-shrink: 0;
    height: 28px;
	margin-left: 0px;
    margin-right: 6px;
}

i.bi::before{
	/*color: #00ac98;*/
	font-family: "bootstrap-icons"!important;
	/*content: "💪";*/
	font-weight: normal!important;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	position: relative;
}

i.bi-file-earmark-text::before,
i.bi-file-arrow-down-fill::before {
	font-size:25px;
	top:3px
}

i.bi-file-earmark-text-intext::before,
i.bi-file-arrow-down-fill-intext::before {
	font-size:22px;
	top:2px
}

@media (max-width: 768px) {
	.icon-txt-t{
		font-size:17px;
		line-height: 27px;
	}
}

/* ----------- comments ----------- */

.comments-area{
	margin-top:200px !important;
}

.comment-body {
        padding: 20px 0;
}

.comment-content {
        padding: 15px 18px;
        border: 1px solid rgba(0,0,0,.13);
        margin-top: 1.1em;
        border-radius: 4px;
        background-color: #fafafa;
}

.depth-1.parent>.children {
border-bottom: 1px solid rgba(0,0,0,.13);
border-radius: 0px 0px 0px 4px;
}

.comment .children {
margin-top: -20px;
margin-bottom: 20px;
border-left: 1px solid rgba(0,0,0,.13);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
color: var(--contrast);
background-color: #f2f2f2;
border: 1px solid rgba(0,0,0,.13);
border-radius: 0px;
}

h3.comment-reply-title, h3.comments-title {
        font-size: 28px;
        font-weight: bold;
        line-height:1.3;
}

h3.comment-reply-title, h3.comments-title {
        padding-top: 30px;
}

.comment-content .reply {
display: block;
margin-top: -10px;
font-weight: bold;
}

.comment-form input, .comment-form-comment {
    margin-bottom: 20px;
}

.comment-form-cookies-consent {
    padding-top: 8px;
}


@media only screen and (max-width: 768px) {
	h3.comments-title {
		margin-bottom: 10px;
	}

	.comment-content {
		margin-top: 0.8em;
	}

	.comment .children {
		padding-left: 20px;
		margin-left: 20px;
	}
}

/* ----------- footer element ausblenden ----------- */

footer.entry-meta{
	display:none;
}



/* ----------- farben ----------- */

/* ----------- toc ----------- */

.toc-list-group a:hover{
	background:#f1f1f1;
    color:#000;
}

a.active {
	background:#A1B833;
    color:#000;
}

a.active:hover {
	background:#A1B833;
    color:#000;
}

/* ----------- progress-bar ----------- */

.progress-bar {
	height: 4px;
	background: #A1B833;
	width: 0%;
}

/* ----------- txt-icon link ----------- */

.icon-txt-t{
	color: #A1B833 !important;
}

i.bi::before{
	color:#A1B833;
}

/* ----------- txt-icon link ----------- */

a.content-link{
	color: #A1B833;
}