@font-face {
  font-family: "8BitPapa";
  src: url("/8BitPapa.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
	/* Some strange Safari ligatur fix */
	-webkit-font-feature-settings: "liga";font-feature-settings: "liga";-ms-font-feature-settings: normal;
	background-color:#eeeeee;
}
body p {
	line-height:1.38em;
}
h1.nice-headline {
	display:block;
	margin-top:24px; 
	text-align:center; 
	color: #cccccc; 
	/*background: #888888; */
	/*-webkit-background-clip: text; 
	-moz-background-clip: text;
	background-clip: text; */
	/*text-shadow: 1px 1px 3px rgba(0,0,0,0.8); */
	font-size:3.5em; 
	line-height:1.1em;
	font-family: "8BitPapa";
	letter-spacing:2px;
	font-weight:normal;
	/*text-transform:lowercase;*/
	background-image:linear-gradient(0deg,#fffcdd 30%,#ef5b00 80%);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1.5px black;
	filter: drop-shadow(-2px 2px 1px #000);
}

.module-title h2, .module-title .h2 {
	margin: 0 auto;
}
#content > div > div.gridlove-content.gridlove-single-layout-7 > div.gridlove-related > div > div.module-header:after {
    content: "";
    display: table;
    clear: both;
    border-bottom: 2px solid rgba(200,200,200,0.8);
    box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important
    margin-top: -30px;
    width: 100%;
    line-height: 0.1em;
    margin: -13px 0 10px;
    text-align: center;
}
.entry-title.h3 {
	font-size:31px;
	line-height:36px;
	margin-bottom:13px;
	letter-spacing: -0.1px;
}

sup, sub {
	font-size: 75%;
	line-height: 100%;
}
sup {
	vertical-align: 60%;
}
sub {
	vertical-align: -10%;
}

p.subtitle {
    font-weight:bolder;
    font-family: 'Roboto';
    font-size:1.3em;
    margin-top:-4px;
    margin-bottom:4px;
    line-height:1.25em;
    letter-spacing: 0.3px;
}
/*
 * Styled ampersands.
 */
.amp {
	font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "Warnock Pro", serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	line-height: 1em;
}
/*
 * Words in caps.
 */
.caps {
	font-size: 90%;
}
/*
 * Styled initial quotes.
 */
.dquo {
	margin-left: -0.4em;
}
.quo {
	margin-left: -0.2em;
}
/*
 * Hanging punctuation.
 */
.pull-single {
	margin-left: -0.15em;
}
.push-single {
	margin-right: 0.15em;
}
.pull-double {
	margin-left: -0.38em;
}
.push-double {
	margin-right: 0.38em;
}

.entry-overlay .entry-title, .entry-overlay .entry-title a, 
.entry-overlay-wrapper .entry-overlay a:hover, 
.gridlove-box.gridlove-post-d .entry-overlay a:hover, 
.gridlove-featured-item .entry-meta a:hover {
	color: #151516;
}
/*
 * Because formatting .numbers should consider your current font settings, we will not do it here.
   Fromt WP Typography EMPTY
 */
.gridlove-header-bottom, .gridlove-header-bottom .sub-menu {
    border-top: 2px solid rgba(0,0,0,0.07);
}
.gridlove-header-responsive, .gridlove-header-responsive .container {
	height:76px;
}

.gridlove-header-middle {
	height: auto !important;
	/*background:linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4));*/
	background-position: 0 70% ;
	background-repeat: no-repeat;
	background-size: cover;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}
.gridlove-branding-bg {
	background:transparent;
}
.gridlove-footer {
	background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(/bannerg.jpg);
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}

.site-title img {
	margin-top:3px !important;
}

.gridlove-header-sticky-on .gridlove-header-sticky {
	height:80px !important;
}

.gridlove-site-description {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #555555 !important;
}

.wp-block-image figcaption {
	/*font-style:italic;*/
	font-family: 'Source Serif Pro';
	font-size: 16px;
	letter-spacing:0.6px;
}
article.post  div > div.entry-content > figure > ul > li:nth-child(2) > figure > figcaption {
	background-color: transparent !important;
}

.gridlove-logo {
	max-height: max-content !important;
}

/* NAVIGATION */

ul.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-page {
	font-size:19px;
	line-height:21px !important;
}
.gridlove-main-nav .sub-menu a {
	
}

.gridlove-soc-menu {
    list-style: none;
    margin-top: 10px;
}

.gridlove-actions-search {
	margin-top: 7px !important;
}
.entry-overlay, .gridlove-post-d .entry-overlay {
	overflow: hidden;
}

/* ---- ENTRY ----- */

article.post > div.box-inner-p-bigger {
	padding-bottom: 20px;
}
/* CATEGORIES */
.entry-category a,
.post > div > div.entry-header > div.entry-category > a {
	background-color:#1e679b !important;
	color:#fff;
	border-radius:0;
	font-size: 10px !important;
	font-family: 'Roboto' !important;
	margin-bottom: 2px;
    margin-right: 4px;
	margin-left:0;
}
/* HEADLINE */
.box-single .entry-title {
    /*letter-spacing: -0.1px;*/
}
/* drop cap */
p.has-drop-cap:not(:focus)::first-letter,
p.has-drop-cap:first-letter {
    font-size: 5.5rem;
	text-shadow: 2px 0px 0px #1e679b;
    margin: 6px 7px 0 0px;
    font-family: "Roboto Slab" !important;
    color:#1e679b;
}

.gridlove-cover-area .gridlove-cover-bg img,
.inlineborder img,
img.wp-post-image {
	/*max-width: 100% !important;
    max-height: 100% !important;*/
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}
img.attachment-gridlove-cover {
	transform: scale(0.1);
    width: 1000% !important; 
    max-width: 1000% !important; 
    height: 1000% !important;
    transform-origin: top left;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
}

.entry-overlay-wrapper .entry-image:after, .gridlove-post-d .entry-image a:after {
    content: "" !important;
    position: absolute !important;
    background: rgba(255,255,255,.65) !important;
}
.gridlove-post-d:hover {
	filter:grayscale(100%) !important;
}
.gridlove-post-d:hover .entry-image a:after {
	background: rgba(255, 255, 255, .85) !important;	
}

.entry-meta .meta-item, .entry-meta a, .entry-meta span, .comment-metadata a {
    color: #666666 !important;
    font-family: 'Source Sans Pro';
    font-weight: bold;
}

#header .gridlove-search-form input[type="text"] {
	width: 100px !important;
	margin-left: 20px !important;
}

.submit, .gridlove-button, .mks_autor_link_wrap a, .mks_read_more a, input[type="submit"], .gridlove-cat, .gridlove-pill, .gridlove-button-search,
#sb_instagram .sbi_follow_btn a {
	font-family: 'Source Sans Pro';
	font-size:13px !important;
	border-radius:0 !important;
	font-weight:normal !important;
	text-transform: uppercase !important;
	color: #FFF !important;
	background-color: #1e679b !important;
}
.achtbitpapa-table a {
	border-bottom: 1px solid rgba(0,136,255, 0.45) !important;
}

input[type=number], input[type=text], input[type=email], input[type=url], input[type=tel], input[type=password], input[type=date], select, textarea {
	border-radius:0 !important;
}

#content > div > div.gridlove-content.gridlove-single-layout-7 > div.gridlove-related > div > div.module-header > div > h4 {
	text-align:center;
	font-weight:bold;
	font-family: 'Roboto';
    /* text-transform: uppercase; */
    font-size: 18px;
    /* width: 100%; */
    display: table-cell;
    background-color: #eeeeee;
    padding-left: 26px;
    padding-right: 26px;
}

.gridlove-box {
	-webkit-box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
	-moz-box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
	box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
}

.box-inner-p {
    padding: 21px;
    padding-top: 12px;
}

.box-inner-ellipsis {
    height: 230px !important;
    max-height: 230px !important;
}

.entry-overlay .entry-meta, .gridlove-post-a .entry-meta, .gridlove-post-b .entry-meta, .gridlove-post-c .entry-meta {
    bottom: 12px;
}

.gridlove-main-nav li>a {
	padding: 0 12px !important;
	font-weight: 700;
	/*color: #303135 !important; WOHER STAMMT DIESE FARBE */
	color: #151516 !important;
	letter-spacing: -0.15px;
}

.gridlove-header-bottom, .gridlove-header-bottom .sub-menu {
	-webkit-box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
	-moz-box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
	box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
}

.gridlove-main-nav .sub-menu li {
	background-color:#ffffff;
	line-height:1em;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 19px;
}

.gridlove-main-nav .sub-menu li:hover {
    background-color:#5e95bd;
}
.gridlove-main-nav .sub-menu li:hover a {
    color:#ffffff !important;
    transition-duration: unset;
    -webkit-transition:unset;
    transition:unset;
}

.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	letter-spacing:-0.2px;
}

blockquote {
	font-family:'Roboto Slab' !important;
	font-weight:500 !important;
	/*color: #303135 !important; WOHER STAMMT DIESE FARBE */
	color: #151516 !important;
	font-size: 19px  !important;
}

blockquote::before, q::before {
	color:transparent !important;
}

blockquote {
	padding-left:8px !important;
}
.achtbitpapa-table {

}
.achtbitpapa-table th {
  text-transform:uppercase;
  background-color:#dddddd;
  font-family: 'Source Sans Pro';
  font-weight: 700;
  word-wrap: break-word;
}
.achtbitpapa-table td {
  word-wrap: break-word;
}

.widget_text a, .gridlove-text-module-content p a {
	border:0 !important;
	text-decoration:underline;
}
.widget_wysija_cont .updated, .widget_wysija_cont .login .message {
	background-color:#ffffff  !important;
	border-color:#aaaaaa  !important;
	margin-bottom:12px  !important;
}

/* ----------------- PLUGINS ---------------- */

.wp-dark-mode-switcher.floating {
	bottom:0 !important;
	/*top:80px;*/
} 
.wp-dark-mode-switcher.floating.left_bottom {
	/*right:initial !important;*/
	left:-10px !important;
}
.wp-dark-mode-switcher label {
	margin-bottom:0 !important;
}
.wp-dark-mode-switcher .modes p {
	padding-left:5px !important;
}
.wp-dark-mode-switcher.active .dark {
	margin-right: -5px;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-left {
	left: 0 !important;
	bottom: 30px !important;
	background-color:transparent !important;
}

.ShariffHeadline p {
	font-family: 'Roboto' !important;
	font-size:18px;
	letter-spacing: -0.5;
}
.shariff {
	margin-top:-10px;
	margin-bottom:22px;
    background-color: #eeeeee;
    padding: 10px;
    box-shadow: 0px 0px 0px 2px rgba(200,200,200,0.8) !important;
}
.shariff a {
	border: 0 !important;
}
.shariff .shariff-buttons .shariff-count {
	display: inline !important;
}
.shariff .shariff-buttons li {
	width:120px !important;
	margin: 1px !important;
}
.shariff .shariff-buttons.buttonsize-small a {
	text-align:center;
}
.shariff .shariff-count, .shariff .shariff-text {
	font-family: 'Source Sans Pro' !important;
    font-size: 13px;
    text-transform:uppercase;
}
.shariff .shariff-text {
	padding-left:0 !important;
}
/* shariff darkmode special background */
html.wp-dark-mode-active .post > div > div.entry-content > div > ul > li > a,
html.wp-dark-mode-active .post > div > div.entry-content > div > ul > li > a > span,
html.wp-dark-mode-active .post > div > div.entry-content > div > ul > li > a > span > svg {
	background-color: #151516 !important;
}

#sb_instagram .sbi_photo_wrap p {
	font-family: 'Source Serif Pro' !important;
	line-height: 1.3em !important;
	margin-top:8px !important;
	margin-bottom:16px !important;
}

/* ribbon on hp and category pages */
.ribbon,.ribbon2 {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}
.ribbon::before,
.ribbon::after,
.ribbon2::before,
.ribbon2::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	/*border: 5px solid #2980b9;*/
}
.ribbon span {
	position: absolute;
	display: block;
	width: 250px;
	padding: 10px 0;
	background-color: #58b108;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 500 15px/1 'Source Sans Pro', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-align: center;
}
.ribbon2 span {
	position: absolute;
	display: block;
	width: 250px;
	padding: 10px 0;
	background-color: #58b108;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff;
	font: 500 15px/1 'Source Sans Pro', sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	text-align: center;
}
/* top right*/
.ribbon-top-right {
	top: 0px;
	right: 0px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
}
.ribbon-top-right::before {
	top: 0;
	left: 0;
}
.ribbon-top-right::after {
	bottom: 0;
	right: 0;
}
.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
}
.achtbp {
	margin-top:-25px;
}
.redborder {
	padding:12px;
	border:6px inset #ff0000;
	background: #eeeeee;
}
.redborder .wp-block-column {
	text-align: justify;
	padding-bottom:0;
	padding-left:6px;
	padding-right:6px;
	margin-bottom:0;
}
.redborder .wp-block-column p {
    margin-bottom: 10px;
    line-height: 1.30em;
}
.redborder div.wp-block-image, .redborder div.wp-block-image figure {
    margin-bottom: 10px;
}
.evaltable table {
	background-color:#000000;
	color:#ffffff;
}
.evaltable table strong {
	font-size:2em;
}


.entry-content ul.wp-block-latest-posts {
	list-style: none;
	margin:0 !important;
	margin-bottom:24px !important;
	list-style-type: none;
	padding:12px !important;
	padding-bottom:0 !important;
	text-align: center;
}

.inlineborder {
	padding:12px !important;
	/*border:6px dashed #cccccc;*/
	list-style:none !important;
	box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5) !important;
	background-color: #e5e5e5;
}
.wp-block-latest-posts.is-grid li {
    /*margin: 0 8px 8px 0;*/
    padding-top:8px;
    background-color: #ffffff;
}

#footer {
	padding-top:24px;
}


@media (max-width: 579px) {
	.entry-content, p {
    	font-size: 16px;
	}
}


/* ----- MOBILE ----- */

/* dont hide intro teaser text on small mobile */

.gridlove-header-wrapper, .gridlove-header-middle .sub-menu, .gridlove-header-responsive, .gridlove-header-responsive .sub-menu {
	/*background-color: #ef5b00;*/
	background-color: #ffffff;
}
#gridlove-header-responsive > div > ul > li.gridlove-actions-button.gridlove-action-search > span,
#gridlove-header-responsive > div > ul > li.gridlove-actions-button.gridlove-social-icons > span {
	padding-top: 7px;
}

#gridlove-header-responsive {
	box-shadow: 0px 0px 0px 1.5px rgba(0,0,0,0.5) !important;
}

.fa.fa-bars {
	font-size:40px;
	margin-top:11px;
	margin-right:8px;
}

@media (max-width: 579px) {
	.gridlove-header-responsive, .gridlove-header-responsive .container {
		height:62px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.entry-sm-overlay .entry-content, .gridlove-cover-bg .gridlove-cover:after, .gridlove-cover-bg .gridlove-cover:before {
    	display: block !important;
    	color: #ffffff !important;
	}
	.gridlove-sidebar {
		display: none;
	}
}

/* and a headline for smaller devices */
@media (max-width: 1024px) {
	body.home #content::before {
		display:block !important;
		text-align:center !important;
		padding-top:15px !important;
		padding-bottom:1 !important;
		white-space: pre !important;
		font-weight:bold !important;
		color:#555555 !important;
		content: "📰 Autor, Blogger, Erziehungsberechtiger";		
	}
	h1.nice-headline:before {
		height:18px;
		display:block;
		content: ' ';
	}
	h1.nice-headline {
		display:inline;
		-webkit-text-stroke: 1px black;
	}
	h2.nice-headline {
		margin-top:8px;
		font-size:50px;
	}
}

/* shariff small screens count display */
@media only screen and (max-width: 362px) {
	.shariff .shariff-buttons li {
		width:134px !important;
	}

	.shariff .shariff-buttons .shariff-icon svg { display: inline !important; margin: 0 !important; }
	.shariff .shariff-buttons .shariff-text { display: inline !important; font-family: 'Source Sans Pro' !important; font-size: 13px;
    text-transform:uppercase !important; color:#ffffff !important; line-height: 36px !important; vertical-align: top !important; }
	.shariff .shariff-buttons .shariff-count { display: inline !important; }
}