@media (max-width: 980px) {
/*Gerd Im Gegenzug fangen wir hier an, was in der mobilen Ansicht NICHT dargestellt werden soll.*/
	.contentclass,
	.thecontent,
	.thecontenteingerueckt,
	#sidebar,
	#left-bar,
	#top-bar,
	#search,
	#top-bar,
	#events,
	#headerpac,
	#headerpic,
	#sidebar,
	#header,
	#header-outer,
	#menue2,
	#menue,
	#menubottom,
	#menubottom2,
	.home li.intro,
	.home li.deta,
	.zwischen {
		display: none;}
/*Und jetzt weiter, was dagegen ausschließlich relevant für die mobile Ansicht ist.*/
	.Thumb {
		width: 100%;}
	.comment-respond {
		background-color: #ffd940;
		border-radius: 15px;
		margin-left: 0px !important;
		margin-right: -4px !important;}
	a.page-numbers {
		text-decoration: underline !important;}
	.page-numbers.current {
		font-weight: bold !important;}
	.pagetitle,
	.archive-header,
	.archive-header h2,
	.archive-header p,
	.page-numbers {
		color: #FFF !important;}
	textarea {
		width: 95% !important;
		border-radius: 15px;}
	.comment-form {
		margin: 2% !important;}
	.comment-reply-title {
		margin: 2% !important;
		line-height: 1.5;}
	input.submit {
		border-radius: 15px;
		margin-bottom: 10px;}
	.form-submit {
		margin-top: 10px !important;}
	.rand {
		margin: 2%;}
	#comments {
		color: white;}
	.post {
		background-color: #ffd940;
		border-radius: 15px;}
	#primarycontent {
		background: none !important;}
	.contentmax {
		padding-bottom: 2%;}
	.bildchen {
		width:100px;
		height:100px;
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: center;
		float: left;
		margin-bottom: 23px !important;
		border: solid 1px #FF7300;
		margin-right: 10px;
		clear: left;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: 100% 0;
		   object-position: 100% 0;}
	.avatar {
		padding: 0;}
	.thumbleft {
		width: 100px;
		height: 100px;
		float: left;
		padding: 0;}
	#left-bar {
		float: left !important;
		width: 11em !important;
		z-index: 5;
		left: 0;}
	#sidebar-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;       /* Volle Bildschirmbreite */
		height: 100vh;      /* Volle Bildschirmhöhe */
		background: rgba(0, 0, 0, 0.4); /* Optional: 30% Schwarz für einen schicken "Dimmer"-Effekt. Wenn es komplett unsichtbar sein soll, nutze: transparent */
		z-index: 9998;      /* Liegt über dem Content */}
	#left-bar, #sidebar {
		position: fixed; /* oder absolute, je nachdem wie du es aktuell hast */
		z-index: 9999;   /* Höher als das Overlay (9998), damit sie davor liegen und bedienbar bleiben */}
	.box {
		list-style: none;
		background: #ffd940;
		border-top: solid 2px #EA9100;
		border-bottom: solid 2px #EA9100;
		border-right: solid 2px #EA9100;
		text-align: left;
		margin-top: -2px !important;
		border-left: solid 2px #EA9100;
		margin-bottom: 0px !important;}
	.innerbar {
		overflow-y: auto;
		overflow-x: hidden;
		height:87.5%;
		scrollbar-width: thin;
		scrollbar-color: #ea9100 #f8b93c;
	    border-top: 2px solid #ea9100;
		border-bottom: 2px solid #ea9100;
		border-right: 2px solid #ea9100;
		font-size: 12px;}
	div.eme-calendar {
		width: 98%;}
	li table.eme-calendar-table td,
	li table.eme-calendar-table tr {
		font-size: 7pt !important;}
	.sidebar {
		position: fixed;
		-webkit-transform: translateZ(0); /* Fixes flickering/disappearing */
		transform: translateZ(0);
		top: 6em;
		overflow-y: auto;
		height: 94vh;}
	.sidebar ::-webkit-scrollbar-track {
		padding: 2px 0;
		background-color: #ffd940;}
	.sidebar ::-webkit-scrollbar {
		width: 10px;}
	.sidebar ::-webkit-scrollbar-thumb {
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
		        box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
		background-color: #f8b93c;
		border: 1px solid #ea9100;}
	.comment,
	.even,
	.thread-even,
	.depth-1,
	.parent {
		border-radius: 15px;}
	.commentlist {
		width: 101%;}
	.comment-form {
		width: 97%;}
	.monobold {
		margin-bottom: 4px !important;}
	.powerpress_links_mp3,
	.powerpress_subscribe_links {
		padding-left: 0px;}
	.powerpress_player {
		padding: 0px;}
	.minibild {
		margin-right: 11px;
		margin-bottom: 7px !important;}
	.mejs-container {
		background-color: black;
		border-radius: 25px;}
	.theexcerpt {
		margin: 0px;}
	#zeigen-l-bar {
		background: none;
		z-index: 100000;
		clear: both;
		margin: 0 auto;
		position: fixed;
		-webkit-transform: translateZ(0); /* Fixes flickering/disappearing */
		transform: translateZ(0);
		top: 100px;
		left: -63px;
		width: 70px;
		overflow: hidden;
		padding: 8px 0px 18px 13px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;}
	div.untenkl {}
	#sidebar {
		float: right !important;
		width: 11em !important;
		right: 0;
		overflow: hidden;}
	#zeigen-l-bar a:active, /* #zeigen-r-bar a:active, */
	#zeigen-r-bar-mini a:active {
		text-decoration: none;
		border: none;
		border-style: solid;
		border-color: #f7fb55 !important;}
	/* #zeigen-r-bar, */ /* die unsichtbaren divs an den Seitenleisten in der mobilen Ansicht, die die links einblenden01/einblenden02 umschliessen */
	#zeigen-r-bar-mini {
		background: none;
		z-index: 10000;
		clear: both;
		margin: 0 auto;
		position: fixed;
		-webkit-transform: translateZ(0); /* Fixes flickering/disappearing */
		transform: translateZ(0);
		top: 100px;
		right: -57px;
		width: 67px;
		overflow: hidden;
		padding: 8px 8px 18px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;}
	#einblendung /* bei mobiler Ansicht innerhalb div sidebar div innerbar geben die rote Farbe für die Ein- und Ausblendung */ {
		text-decoration: none !important;
		display: block !important;
		padding: 5px;
		border-radius: 20px;
		height: 396px;
		line-height: 14px;
		text-align: left;
		width: 80px !important;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: red;
		outline:none;
		opacity: 0.3;
		position: fixed;
		-webkit-transform: translateZ(0); /* Fixes flickering/disappearing */
		transform: translateZ(0);
		top: 24px;
		right: -63px;
		overflow: hidden;
		padding: 8px 8px 18px 13px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;}
	#einblendung2 /* bei mobiler Ansicht innerhalb div left-bar div innerbar geben die rote Farbe für die Ein- und Ausblendung */	{
		text-decoration: none !important;
		display: block !important;
		padding: 5px;
		border-radius: 20px;
		height: 396px;
		line-height: 14px;
		text-align: left;
		width: 75px !important;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: red;
		outline:none;
		opacity: 0.3;
		position: fixed;
		-webkit-transform: translateZ(0); /* Fixes flickering/disappearing */
		transform: translateZ(0);
		top: 24px;
		left: -60px;
		overflow: hidden;
		padding: 8px 8px 18px 13px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;}
	#einblenden01, /* die unsichtbaren(!) Seitenleisten in der mobilen Ansicht, die bei Klick oder Beruhrung die Sidebars einblenden (onclick="toggleSidebar('sidebar/leftbar')) */
	#einblenden02 {
		text-decoration: none !important;
		display: block !important;
		padding: 0px;
		border-radius: 20px;
		height: 400px;
		line-height: 14px;
		text-align: left;
		width: 65px !important;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: none;
		outline:none;}
	.wp-caption {
		visibility: hidden !important;}
	.wp-caption img {
		visibility: visible !important;}
	.more-arch-link {
		color: white !important;}
	#primarycontent /*Hauptcontainer für Content - mittlere Spalte*/ {
		float:left;
		border: none !important;
		width: 100% !important;
		padding-right: 3% !important;}
	#footer {
		position: relative;
		height: 2.0em;
		clear: both;
		padding-top: 5.0em;
		background: #ffd940;
		width: 106%;
		margin-left: -3%;
		padding-bottom: 25px;
		height: 6vh !important;}
	div.right {
	padding-top: 2px;}
	#footer .right {
		margin-bottom: 60px;}
	#footer .left {
		margin-bottom: 40px;}
	.nav-links {
		margin-bottom: 20px;
		padding: 20px;
		border: 2px solid #ffd940;
		border-radius: 20px;
		width: fit-content;}
	.archive-header {
		margin-right:1px;}
	h2,
	.contentmin p,
	.contentmax p {
		text-align: left !important;
		margin-left: 0px !important;}
	body {
		padding: 1px 0 !important;
		height: 100vh;
		height: 100dvh;}

	html[lang] {
		margin-top: 0 !important;}
	div.headerimg {
		background: url(https://www.comicdealer.de/wp-content/uploads/Spielbar.png) no-repeat;
		background-size: 100%;
		z-index: -1;
		position: absolute;
		width: 100%;
		opacity: 0.2;
		padding-top: 32%;
		margin-top: -140px;
		margin-bottom: -15%;
		margin-left: -2%;}
	img.ikepostimg {
		border:none !important;}
	img.minupic2 {
		padding: 0;
		border:none;
		position: relative;
		margin-left:10%;
		margin-top: 3px;
		padding-right: 0px;
		width: 80%;}
	img.minupic {
		padding: 0;
		border:none;
		position: relative;
		margin-right:-0.1cm;
		margin-top: -5px;
		padding-right: 10px;
		width: 100%;}
	img.minuepic {
		padding: 0;
		border: none;
		position: relative;
		margin-right: -0.1cm;
		margin-top: -5px;
		padding-right: 10px;
		height: auto;
		width: 52px;}
/*Hauptmenü für kleine Ansicht Anfang:*/
	#minue {
		margin-top: 0px;
		color: #ffffff;
		background: transparent;
		position: fixed !important;
		top: 0px;
		left: 0px;
		width: 100% !important;
		z-index: 100000;}
	#minue a {
		color: #ffffff;
		z-index: 100000;}
	#navi-ebene {
		width: 100%;
		z-index: 100000;}
	#navi-ebene li ul li,
	#navi-ebene li ul li.current_page_item {
		background: transparent;}
	#navi-ebene li:hover ul li.current_page_item {
		background: #e84700;}
	#navi-ebene:hover li.current_page_item {
		z-index: 100000;}
	#navi-ebene li.current_page_item {
		z-index: 100000;
		border-radius: 10px;
		background-image: none !important;}
	#navi-ebene li:hover {
		background:#DA0909 !important;	
		z-index: 100000;
		border-radius: 10px;}
	#navi-ebene ul {
		border-radius: 10px;}
	#minue ul {
		background: #F8B93C;
		color: #ffffff;
		padding-top:0.3em;
		margin:0;
		position: absolute;
		z-index: 100000;
		width: webkit-fit-content;}
	#minue ul li {
		background: transparent;
		color: #ffffff;
		white-space: nowrap;
		position: relative;
		display: inline;
		padding:0;
		margin:0;
		width: 11%;
		z-index: 100000;
		outline: none;}
	#minue ul li ul {
		background: transparent;
		padding-top: 0 !important;}
	#minue ul li a,
	#minue ul li a:link, 
	#minue ul li a:visited {
		color: #ffffff;
		padding-top: 7px;
		padding-left: 7%;
		padding-right: 7%;
		padding-bottom: 8px;
		text-decoration: none;	
		border:none;
		font-size: 10pt;
		z-index: 100000;
		outline: none;}
	#minue ul li ul li /* i-phone Test */ {
		display: block !important;
		width: 100% !important;
		float: none !important;
		white-space: nowrap; /* Verhindert, dass Text hässlich umbricht */}
	#minue ul li ul /* Gibt dem aufklappenden Kasten selbst eine stabile Breite */ {
		width: auto !important;
		min-width: 160px; /* Oder der Wert, der für deine längsten Links passt */}/* i-phone Test Ende */
	#suche {
    margin-top: 112px !important;}
	#ikon,
	#ikon01,
	#ikon02,
	#ikon03,
	#ikon04,
	#ikon05,
	#ikon06,
	#ikon07,
	#ikon08,
	#ikon09,
	#ikon11,
	#ikon12,
	#ikon13,
	#ikon14,
	#ikon15,
	#ikon16,
	#ikon17,
	#ikon21,
	#ikon22,
	#ikon23,
	#ikon24,
	#ikon25,
	#ikon26,
	#ikon27 {
		max-width: 60px;
		margin-top: 10px;}
	p.menutitle,
	p.menutitle:hover {
		color: #fff;
		text-align: center !important;
		margin-bottom: -10px;
		font-weight: bold;
		font-size: 10pt;}
/*Hauptmenü für kleine Ansicht ENDE*/
	#outer {
		z-index: 2;
		position: relative;
		width: 95% !important;
		/* background-color: none; */
		margin: 0 auto;
		height: calc(100vh - 85px);}
/*Gerd Buttons am Ende der Seite bei mobiler Ansicht*/
	#anrufen {
		background: #FF7300;
		color: white;}
	#finden {
		background: #F8B93C;
		color: white;}
	#offen {
		background: #208120;
		color: white;}
	#geschlossen {
		background: red;
		color: white;}
	#klein {
		width: 40px !important;
		display: table !important;}
	#ausblinden {
		text-decoration: none !important;}
	#ausblenden {
		text-decoration: none !important;
		display: block !important;
		padding: 10px;
		border-radius: 20px;
		height: 35px;
		line-height: 14px;
		margin: 0 5px;
		text-align: left;
		-webkit-box-sizing:content-box;
				box-sizing:content-box;
		width: 35px !important;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		background: #7F7D7D;
		outline: none;}
	#button {
		background: #3f3d3d; 
		z-index: 999;
		clear: both;
		margin: 0 auto;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		padding: 10px 5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;}
	#lblSearch,
	.dashicons {
		color: white;}
	#menu-aus a:hover,
	#menu-aus a:active {
		text-decoration: none;
		border: none;
		border-style: solid;
		border-color: #fff !important;}
	#menue-aus {
		background: none;
		z-index: 1000000;
		clear: both;
		margin: 0 auto;
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
		padding: 10px 2% 18px 13px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 60px;
		width: 10%;
		max-width: 55px;}
	#menu-aus {
		background: none; 
		z-index: 1000000;
		clear: both;
		margin: 0 auto;
		position: fixed;
		top: 0;
		right: 0;
		width: 35px;
		overflow: hidden;
		padding: 10px 20px 18px 13px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;}
	#button div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;}
	#eins {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;}
	#button div a {
		text-decoration: none;
		display: block;
		padding: 10px;
		border-radius: 20px;
		height: 35px;
		line-height: 14px;
		font-size: 14px;
		margin: 0 5px;
		text-align: center;
		-webkit-box-sizing:content-box;
				box-sizing:content-box;
		width: 85%;
		-webkit-box-sizing: border-box;
				box-sizing: border-box}
/*Gerd Buttons am Ende der Seite bei mobiler Ansicht Ende*/
	.zwischen {
		margin: -3%;	
		padding-bottom:1em;
		width: 111%;
		background: #FF7300 url(images/bg.gif) repeat;}
	.post {
		width: 101%;}
	#primarycontent /*Hauptcontainer für Content - mittlere Spalte*/ {
		margin-left: -1.5% !important;}
	.alignleft {
		max-width: 40% !important;
		height: 100%;}
	.alignright {
		max-width: 40% !important;
		height: 100%;}
	div.mejs-mediaelement,
	div.powerpress_player,
	div.mejs-controls,
	div.mejs-container,
	div.mejs-inner {
		border-radius: 20px;
		background: unset;}
/*Gerd zusatzliche Funktionen zum Einblenden / ausblenden Sidebar links und rechts oder Menu */
	#ausblinden {
		text-decoration: none !important;}
	#ausblenden {
		text-decoration: none !important;
		display: block !important;
		padding: 9px;
		border-radius: 25px;
		height: 45px;
		line-height: 14px;
		text-align: left;
		width: 45px !important;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: #E84700;
		border-style: solid;
		border-color: #E84700;}
	#footer .left {
		position: absolute;
		left: 0.5em;
		bottom: 1.2em;}
	#footer .right {
		position: absolute;
		right: 0.5em;
		bottom: 1.2em;
		margin-left: 0.5em;}
/*Gerd Spezielle Formatierungen von verschiedenen Plugins:*/
/*Gerd eme Events made easy kalenderformatierung*/	
	table.fullcalendar {
		width: 100%;
		background: #F8B93C;}
	table.fullcalendar td {
		background: #FFD940;
		word-break: break-word;}
	table.fullcalendar th.month_name {
		line-height: 2;
		font-size: 14pt;}
	table.fullcalendar td.eventful,
	table.fullcalendar td.eventful-post {
		background: #FFD940;}
	table.fullcalendar td {
		height: 3em;
		font-size: 10pt;
		width: 14%;}
	table.fullcalendar td.Sun_header {
		height: 3em;
		font-size: 10pt;
		width: 14%;
		color: red;}
	table.fullcalendar td.eventless-today {
		background-image: url("https://www.comicdealer.de/wp-content/uploads/Gerd/Heute.jpg");
		background-position-x: center;
		background-position-y: center;
		background-size: 100%;
		background-color: #ffd940 !important;}
	table.fullcalendar ul {
		padding-left: 0px !important;
		margin: 3px !important;}
	table.fullcalendar td.Mon {
		height: 5em !important;}
	table.fullcalendar td.eventless-pre, 
	table.fullcalendar td.eventless-post {
		color: #f5f5f5 !important;}
	table.fullcalendar ,
	table.fullcalendar td,
	table.fullcalendar tr {
		border: solid 2px #ea9100 !important;
		border-collapse: unset !important;
		border-radius: 15px;
		text-align: center !important;}
	div.eme-calendar-full {
		border: none !important;
		padding: 0px !important;}
/*Gerd cookie law info Formatierung*/	
	#cookie-law-info-again {
		padding: 3px 3px !important;
		margin: -4px !important;
		right: 55px !important;
		background-color: transparent !important;
		color: white !important;
		position: fixed !important;}
/*Gerd ngg Galerie Formatierung*/
	.ngg-album-compact {
		max-width: 40%;}
}
/*Gerd ENDE KLEIN*/
/*Gerd Anfang MINI:*/
@media (max-width: 570px) {
	div.headerimg {
		background: url(https://www.comicdealer.de/wp-content/uploads/Spielbar.png) no-repeat;
		background-size: 100%;
		z-index: -1;
		position: absolute;
		width: 100%;
		opacity: 0.2;
		padding-top: 32%;
		margin-top: -159px;
		margin-bottom: -15%;
		margin-left: -2%;}
	li.deta {
		margin-top: 2%;
		margin-left: 43% !important;
		line-height: 1.5;}
	img.minupic2 {
		padding: 0;
		border:none;
		position: relative;
		margin-left:10%;
		margin-top: 3px;
		padding-right: 0px;
		width: 80%;}
	img.minupic {
		padding: 0;
		border:none;
		position: relative;
		margin-right:-0.1cm;
		margin-top: -5px;
		padding-right: 10px;
		width: 100%;}
	img.minuepic {
		padding: 0;
		border: none;
		position: relative;
		margin-right: -0.1cm;
		margin-top: -5px;
		padding-right: 10px;
		height: auto;
		width: 95%;
		max-width: 52px;}
	#minue2 {
		margin-top: 11%;
		padding-top: 0pt;
		left: 0px;
		width: 100%;
		z-index: 1;
		color: #E84700;
		z-index: 99999;}
	#minue2 ul {
		padding:0;
		margin:0;
		padding-top: 17pt;
		position: absolute;
		background: #FFA000;
		z-index: 99999;}
	#ausblinden {
		text-decoration: none !important;}
	#ausblenden {
		text-decoration: none !important;
		display: block !important;
		padding: 5px;
		border-radius: 20px;
		height: 35px;
		line-height: 14px;
		text-align: left;
		width: 35px !important;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: #E84700;
		border-style: solid;
		border-color: #E84700;}
	.zwischen {
		margin: -3%;	
		padding-bottom:1em;
		background: #FF7300 url(images/bg.gif) repeat;
		width: 111%;}
	#suche {
		margin-top: 19.5% !important;}
}
/*ENDE MINI*/