body {
	background: linear-gradient(90deg, var(--color_bg), var(--color_bg_dark), var(--color_bg));
}

.header-mobile .johannes-hamburger {
	margin-left:5px;
}

.header-mobile .slot-r i:hover {
	color:var(--color_acc);
	cursor:pointer;
}

.header-mobile .container {
	padding-top:30px;
}
.main-site .section-content .site-heading h2 {
    margin-top: 0px;
}

.main-site .johannes-button {
    margin-top:0px;
    margin-bottom:60px;
    padding-top:0px;
    border-top: none;
    border-bottom: 1px solid var(--color_border);
}

@media (max-width: 900px) {
	.header-mobile a span {
		display:none;
	}
}

@media (max-width: 600px) {
	.single .section-head {
		padding-top: 0px;
		margin-top:80px;
	}
}

.johannes-header .johannes-menu>li>a, .johannes-menu-action a {
	height: 30px;
}

@media (min-width: 900px) and (max-width: 1050px) {
	.johannes-header .johannes-menu>li>a, .johannes-menu-action a {
		height:30px;
	}

	.search-form input {
		height:30px;
	}

	.header-layout-11 .johannes-menu-action .search-form button[type=submit]:before {
		line-height:28px;
	}

	.col-lg-4 {
		max-width:50%;
		flex: 0 0 50%;
	}
}

@media (min-width: 900px){
	.col-lg-8 {
		max-width:85%;
	}

	body .johannes-wrapper .meks_ess a {
		border-radius:10px;
		margin-right:1.8rem;
		min-width: 38px;
		margin-bottom: 8px;
	}

	body .johannes-wrapper .meks_ess {
		border:none;
	}

	body .johannes-wrapper .meks_ess{
		padding-top: 0px;
	}

	.meks_ess.no-labels {
		position: absolute;
		left: 100%;
		margin-top: 0;
		margin-left: 20px;
	}

	.johannes-section .johannes-share-label {
		display:none !important;
	}
	
	figcaption.wp-element-caption {
	    min-width: 500px;
	}
}

@media (min-width:359px) {
	.container {
		max-width:100%
	}
	
	article {
		width:100%;	
	}
}

@media (min-width: 1440px) {
	.johannes-wrapper {
		width:1440px;
		margin-left:auto;
		margin-right:auto;
	}
}

.wp-block-columns.is-layout-flex {
	gap: 0px;
}

@media (min-width: 600px) and (max-width: 900px) {
h1, .h1 {
    font-size: 3rem;
}
}

@media (min-width: 900px){
h1, .h1 {
    font-size: 4rem;
}
}

@media (min-width: 900px) and (max-width: 1050px) {
.single .entry-title {
    font-size: 4rem;
}
}

.wp-block-image.has-custom-border img, .wp-block-image img {
    box-sizing: border-box;
    border: 1px solid var(--color_border);
}

.johannes-post .entry-title a {
	display: flex;
	align-items: center;
	min-height: 5em;
}

.johannes-sidebar-branding {
	margin-bottom:20px;
	margin-top:20px;
}

.johannes-sidebar-branding .site-title{
	height:75px;
}

.header-mobile>.container .johannes-site-branding {
	height:50px;
}

.header-mobile>.container .johannes-site-branding  img{
	height:50px;
}

.johannes-cover-indent .header-mobile .johannes-site-branding, .johannes-cover-indent .johannes-header-main .johannes-site-branding {
	filter:none;
}

@media (max-width: 600px) {
	.single article {
		width:100%;
	}
}

@media (max-width:600px) {	
	.johannes-cover-indent .johannes-cover .johannes-content {
		display:none;
	}
}

@media (min-width:600px) {	
	.single .section-head {
		padding-top: 0px;  
		margin-bottom: 60px;
		padding-bottom: 0px;
		max-width:100%;
	}
	
	.single .section-head .entry-category {
		margin-top:10px;
		margin-bottom: 25px;
	}
	.single .section-head .entry-category a{
		margin:0;
	}
}


@media (min-width:900px) {
	.single.johannes-cover-indent .johannes-cover {
		margin-top:-180px;	
	}
}

.johannes-cover {
	border-bottom: solid 3px var(--color_border);
}

.header-layout-11 .slot-r>div>nav>ul>li, .header-layout-11 .slot-r>nav>ul>li, .header-layout-11 .slot-r-top .johannes-hamburger li {
	/*border-top: 2px solid #ddd;*/
	border: 2px solid var(--color_border);
	margin: 0 8px 0 0;
	background-color: var(--color_bg_alt_1);
	border-radius: 15px 0px 15px 0px;
	padding: 0 17px;
	font-size: 1.3rem;
}

.header-layout-11 .slot-r>nav>ul>li:last-child {
	padding-right: 17px;
}

.single article {
	text-align: justify;
}
.single article .entry-content>ul li {
	margin-bottom: 0px;
}

.single .johannes-related .section-head {
	padding:0px;
}
.wp-block-image figcaption {
	font-size: 1.5rem;
}

.entry-meta-small .entry-meta {
	font-size:1.35rem;
	/*color: #BBB;*/
}

.entry-meta-small .entry-meta a{
	font-size:1.4rem;
	/*color: white;*/
}

.entry-meta-small .entry-meta a:hover{
	font-size:1.4rem;
	color: var(--color_acc);
}

.johannes-layout-g .entry-media a img {
	border-radius: 40px 0px 40px 0px;
}

.johannes-layout-g .entry-media a:hover:after {
	opacity:0;
}

.johannes-layout-g .entry-category {
	position:absolute;
	bottom:0px;
	left:15px;
}

article.johannes-post.johannes-layout-g {
	/*background: #252525;*/
	background: var(--color_bg_alt_1);
	padding: 20px 20px 20px 20px;
	border-radius: 60px 0px 60px 0px;
	border:2px solid var(--color_border);
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
	transition: box-shadow 0.25s ease-in-out;
	height: 100%;
}

article.johannes-post.johannes-layout-g:hover img {
	filter: none;
}

article.johannes-post.johannes-layout-g:hover {
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 100%);
	border-color: var(--color_border_light);
}

.col > .johannes-layout-g, .wp-block-column > .johannes-layout-g, [class*=col-]{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.johannes-post.johannes-layout-g {
	margin-bottom: 20px;
}

.header-layout-11 .slot-r {
	flex-direction:column;
	align-items:flex-end;
	flex:inherit;
}

.header-layout-11 [class*=slot-r-] {
	display:flex;
	flex-direction:row;
}

.header-layout-11 .slot-r-top {
	margin-bottom: 10px;
}

.header-layout-11 .slot-r-top ul li:hover {
	border-color:var(--color_acc);
}

.header-layout-11 .slot-r-top ul li:hover a{
	color: var(--color_h) !important;
}

.header-layout-11 .slot-r-top .johannes-hamburger li {
	margin-right: 0px;
	padding-left: 10px;
}

.header-layout-11 .johannes-menu-action .search-form {
	font-size: 0px;
	padding: 0 15px;
	border-bottom: solid 2px var(--color_border);
	border-radius: 15px 0px 15px 0px;
	background-color: rgb(0 0 0 / 60%);
	
}

.header-layout-11 .johannes-menu-action.johannes-hamburger {
	margin-right: 0px;
	margin-left:  0px;
	padding-left: 0px;
	padding-right: 0px;
}

.header-layout-11 .johannes-menu-action .search-form input[type=text] {
	width: 180px;
	background:none;
	font-size:1.35rem;
	margin-right: 30px;
	line-height: 30px;
	height: 30px;
}

.header-layout-11 .johannes-menu-action .search-form input[type=text]::placeholder {
	color: var(--color_txt);
}

.header-layout-11 .johannes-menu-action .search-form button[type=submit]:hover {
	color: var(--color_acc);
}

.header-layout-11 .johannes-menu-action .search-form button[type=submit] {
	visibility:hidden;
	padding: 0px 0px 0px 0px;
}


.header-layout-11 .johannes-menu-action .search-form button[type=submit]:before {
	content:"\f002";
	display:block;
	visibility:visible;
	font-family:FontAwesome;
	font-size:18px;;
	line-height:30px;
}

.category-pill.johannes-layout-g .entry-category a {
	background: var(--color_bg_alt_1);
	color: var(--color_txt);
	border-bottom: solid 2px;
	border-top: solid 2px;
	border-radius: 10px 0px 10px 0px;
	font-size: 1.25rem;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 30%);
}

.category-pill.johannes-layout-g .entry-category a:hover {
	color: inherit;
}

.category-pill.johannes-layout-g .entry-title a {
	border-left: 3px solid var(--color_border);
	padding: 15px;
	font-weight:bolder;
	font-size: 2.5rem;
}

article.johannes-post.johannes-layout-g :hover .entry-title a {
	color:var(--color_txt);
}

.johannes-layout-g .entry-media {
position:relative;
}

.johannes-layout-g .entry-media img {
	min-height:200px;
}

code {
	color:lime;
	background:none;
}

.johannes-copyright {
	padding-bottom: 0px;
	margin-bottom: 40px;
}

.johannes-footer {
	background:none;
}

.wp-block-table td, .wp-block-table th {
    border: 1px solid var(--color_border);
    padding: 0.5em;
}

.johannes-sidebar-hidden .johannes-menu-mobile {
	display:none !important;
}

.johannes-bg-alt-2 .wp-block-categories li a:hover {
	background:none;
}

.johannes-button {
	width: 100%;
	border-top: 1px solid var(--color_border);
	padding: 40px 0;
	margin-top: 50px;
	font-size: 1.2em;
}

.johannes-button a {
	border: 1px solid var(--color_border);
	padding: 10px 25px;
	background: var(--color_bg_alt_1);
}

.entry-tags {
	margin: 0px 0px;
}

.entry-tags {
	color: var(--color_bg)
}

.entry-tags span{
	color: var(--color_txt)
}

.entry-tags a {
	background-color: var(--color_bg_alt_2);
	padding: 5px 10px;
	border-radius:10px;
}

.entry-tags a:hover {
	background-color: var(--color_acc);
	color: var(--color_txt);
}

.tagcloud a, .widget_categories a {
	border-radius: 10px 0px;
	font-size: 1.2rem !important;
	font-weight: 800;
	text-transform: uppercase;
}
.widget_categories ul {
	display:flex;
	flex-wrap:wrap;
	column-gap: 10px;
}

.widget_categories ul li a {
	padding: 5px 14px;
	color: rgba(255,255,255,.8) !important;
}

.widget_categories li a {
	border: 1px solid rgba(255,255,255,.5);
		border-radius: 10px 0px;
}

.widget_categories li a:hover {
	border: 1px solid rgba(255,255,255,1);
	color: #FFF ! important;
}