@charset "UTF-8";
/*

background #6699FF
wir-ihr-gruen #339933
lexikon gelb
agb blau #0066CC
kontakt lila #990099
angebot rot #FF0000

neues schrift blau in nav.
#4381c3
altes #669aff

ihr warenkorb color: #FFFFBB;
schutzhuellen tabelle #77AAFF
angebotstabellen #FFFFEE
angebotstabellen hover #FFFFBB

background-image: url("http://www.example.com/bck.png");

background-image: inherit;

*/


*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none;
}

@font-face{
        font-family: 'AntiHero Intl BB W05 Regular';
        font-display: swap;
        src:url('fonts/antihero/5115391/e6aa5624-209f-422e-982f-816f3302c2d8.woff2') format('woff2'),
        url('fonts/antihero/5115391/c289186a-5375-4b3a-8e34-12f805efb24e.woff') format('woff');
    }
    @font-face{
        font-family:"AntiHero Intl BB W05 Italic";
        font-display: swap;
        src:url("fonts/antihero/5099122/74c4cf7e-1dad-499d-8b93-8e994c527956.woff2") format("woff2"),url("fonts/antihero/5099122/80da035c-478a-49ff-a406-7668f39c941e.woff") format("woff");
    }
    @font-face{
        font-family:"AntiHero Intl BB W05 Bold";
        font-display: swap;
        src:url("fonts/antihero/5104875/232ae104-c176-441d-9ebc-757c96d56603.woff2") format("woff2"),url("fonts/antihero/5104875/9ed91a5f-93bf-4b2e-b2e6-7b06a03c00f1.woff") format("woff");
    }

@font-face{
        font-family: 'Open Sans Regular';
        font-display: swap;
        src:url('fonts/OpenSans-Regular.ttf') format('truetype');
        font-weight: 400;
}

@font-face{
        font-family: 'Open Sans Light';
        font-display: swap;
        src:url('fonts/OpenSans-Light.ttf') format('truetype');
        font-weight: 300;
}


body {
	font-family: 'Open Sans Light';
	font-size: 1em;
	text-align: center;
	background: url("/files/comicmafia/layout/background/comicmafia_hintergrund2.webp") no-repeat center center fixed;
	background-size: cover;
	color: #fff;
	

}


  
#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}

/*=========  HEADER  ==============*/

#header {
	width: 96%;
	text-align: center;
	padding: 0;
    position: fixed;
    top: 0;
	z-index: 100;
	background: hsla(0, 100%, 0%, 0.0);

}

#header.bg-dark {
   background: hsla(0, 100%, 0%, 0.8);
}

#header .inside {
	position: relative;
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding: 0 0;
	border-bottom: 1px solid #fff;
	   background: hsla(0, 100%, 0%, 0.8);

}

@media screen and (max-width: 990px) {
	#header .inside {
		padding: 0;
	}
}

@media (max-width: 576px) {
	#header .inside {
		padding-bottom:15px;
	}
}

 #header #logo {
     float: left;
     width: 100px;
 }

 @media screen and (min-width: 1400px) {
   #header #logo {
     	 position: absolute;
         bottom: 0;
         left: -8%;
         transform: translateY(50%);
         z-index: 999;
     width: 220px;
 }
}

@media (max-width: 576px) {
	#header #logo {
		 position: absolute;
         top: 0;
         left: 0;
	}
}

#header .mod_customnav {
	float: left;
	margin: 35px 60px 0 60px;
}

#header .mod_customnav ul {
	list-style: none;
	height: 60px;
}

#header .mod_customnav ul li {
	font-family: "AntiHero Intl BB W05 Regular";
	font-size: 1.3em;
	float: left;
	margin: 0 35px 0 0;
	overflow: hidden;
}

#header .mod_customnav ul.level_1 li a {
	color: #fff;
}

#header .mod_customnav ul.level_1 li:hover a,
#header .mod_customnav ul.level_1 li.active a,
#header .mod_customnav ul.level_1 li.trail a{
	color: #7AABDC;
}

 @media (max-width: 1400px) {
   #header .mod_customnav {	margin: 35px 30px 0 40px; }
}

#header .mod_search {
	float: left;
	position: relative;
	margin: 30px 0 0 0;
}

#header .mod_search input.text {
	float: left;
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 15px;
	border-radius: 15px;
	width: 350px;
}

#header .mod_search input.submit {
	position: absolute;
	top: 3px;
	left: 310px;
}

 @media screen and (max-width: 1400px) {
   #header .mod_search input.text {width: 300px; }
   #header .mod_search input.submit {position: absolute; top: 3px; left: 260px;
}
}

@media (max-width: 620px) {
    #header .mod_search {
		display: none;
	}


}

#header .mod_iso_cart {
	float: left;
	margin: 30px 0 0 30px;
}

#header .mod_iso_cart .subtotal {
	color: #000;
	font-size: 0.8em;
	background: rgba(255, 255, 255, 0.8);
	padding: 3px 8px 2px 8px;
	border-radius: 5px;
}

#header .mod_iso_cart .empty {
	display: none;
}

@media (max-width: 1250px) {
    #header .mod_iso_cart {
		float: right;
		margin-right: 50px;
	}
}

@media (max-width: 576px) {
	#header .mod_iso_cart {
		margin-top:15px;
	}

	#header .mod_iso_cart img {
		width:30px;
		height:auto;
	}

	#header .mod_iso_cart a {
		display:flex;
		flex-direction:column;
		align-items:center;
	}

	#header .mod_iso_cart .subtotal {
		font-size:0.6em;
	}
}

#header .login {
	float: right;
	margin: 30px 0 0 0;
}

@media (max-width: 1250px) {
    #header .login {
		display: none;
	}
}

#header .slogan {
	clear: both;
	font-size: 1.7em;
	font-family: "AntiHero Intl BB W05 Bold";
	color: #cff7ec;
	margin: 0 0 20px 130px;
	text-shadow: 2px 2px 7px #eef2b8;
}


@media (max-width: 1400px) {
    #header .slogan {float: left; margin: -10px 0 20px 230px;	}
}

@media (max-width: 1250px) {
    #header .mod_customnav,
    #header .slogan{
		display: none;
	}
}


/*=================  MOBILE MENUE  ===============*/
.mod_mobile_menu {
	display: block;
	padding: 0;
	margin: 0 0;
	text-align: left;
	float: right;
	cursor: pointer;
}

.mobile_menu_trigger  {
	width: 100%;
	min-width: 40px;
	position: relative;
}

.mobile_menu_trigger .button {
	margin: 30px 30px 0 0;
	position: relative;
}

.mobile_menu {
    z-index: 100;
    display: none;
}

.mobile_menu .inner {
    background: #000;
	text-align: left;
	height: 100%;
}

.mobile_menu .inner ul {
   list-style-type: none;
}

.mobile_menu .inner ul li {
	display: block;
}

.mobile_menu .inner a {
    color: #fff;
	font-size: 1.3em;
	padding: 10px 0 10px 30px;
	display: block;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

.mobile_menu .inner li.active,
.mobile_menu .inner li.trail {
	background-color: #25365A;
}

.mobile_menu .invisible {
	display: none;
}


.mobile_menu .mod_search {
	margin: 30px 0 0 30px;
	position: relative;
}

.mobile_menu .mod_search input.text {
	float: left;
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 15px;
	border-radius: 15px;
	max-width: 320px;
	width: 90%;
}

.mobile_menu .mod_search input.submit {
	position: absolute;
	top: 4px;
	left: 75%;
}

.mobile_menu .login {
	margin: 30px 0 0 0;
}

@media (max-width: 576px) {
	.mobile_menu_trigger .button {
		margin-top:15px;
	}

	.mobile_menu_trigger img {
		width:30px;
		height:auto;
	}
}

/*===================  MAIN  ==================*/
#main {
	width: 100%;
	text-align: center;
	margin-top: 200px;
}

@media (max-width: 1250px) {
	#main {
		margin-top: 100px;
	}
}

#main .inside {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 600px;
}

#main .inside .mod_article {
	padding: 30px;
	background: rgba(0, 0, 0, 0.8);
}

#main .inside .mod_article.figuren {
	background: rgba(0, 0, 0, 0.0);
    overflow: visible;
}

@media (max-width: 600px) {
	#main .inside .mod_article.figuren {
		padding-top:80px;
	}
}

#main h1 {
	font-size: 1.5em;
	color: #fff;
	margin-bottom: 30px;
	clear: both;
	border-bottom: 1px solid #fff;
	font-family: "AntiHero Intl BB W05 Regular";
}

#main h2 {
	font-size: 1.3em;
	color: #e6e6e6;
	margin-bottom: 20px;
	clear: both;
	border-bottom: 1px solid #fff;
	font-family: "AntiHero Intl BB W05 Regular";
}

#main h3 {
	margin-bottom: 20px;
	clear: both;
}

#main h4 {
	font-size: 1.1em;
	color: #fff;
	margin-bottom: 20px;
	clear: both;
	border-bottom: 0px solid #fff;
	font-family: "AntiHero Intl BB W05 Regular";
}

#main p {
	margin-bottom: 20px;
}


#main a {
	color: #fff;
	text-decoration: underline;
}

#main a:hover {
	color: #669aff;
}

#main .image_container .caption {
	text-align: center;
	font-size: 0.8em;
}




#main table {
	border-spacing: 0;
	margin-bottom: 20px;
}

@media (max-width: 820px) {
	#main table {
		display: block;
		max-width: -moz-fit-content;
		max-width: fit-content;
		margin: 0 auto;
		overflow-x: auto;
		white-space: nowrap;
	}
}

.currency {
	padding-left: 5px;
}

#main .submit_container {
	margin-top:20px;
}

#main input.submit,
#main button {
	font-family: 'Open Sans Light';
	background: rgba(255,255,255,0.8);
	color: #000000;
	border-radius: 10px;
	padding: 10px 15px;
	font-size: 0.9em;
}

#main input.submit:hover,
#main button:hover {
	cursor: pointer;
	background: rgba(255,255,255,1);
}

#main ol,
#main ul {
	margin: 0 0 20px 30px;
}

#main form .widget {
	margin-bottom: 10px;
}

#main input.text {
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 15px;
	border-radius: 15px;
	width: 250px;
}

#main select {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px 15px;
	border-radius: 15px;
	width: 280px;
}

#main .float_left {
	float: left;
}

#main .float_right {
	float: right;
}

/*============  NEWSLISTE STARTSEITE  ================*/
#main .mod_newslist .layout_full {
	padding: 20px;
	border-bottom: 1px solid #fff;
}

#main .mod_newslist .layout_full .image_container {
	float: left;
	margin-right: 20px;
}

/*===================  VOR/ZURÜCK PAGINATION  ============= */
#main .pagination {
	margin: 2em 0 0 0;
	padding: 0;
}
#main .pagination p {
	margin: 0;
	padding: 0;
}
#main .pagination ul {
	margin: 0;
	list-style: none;
}
#main .pagination ul li {
	float: left;
	margin: 0 0.8em 0 0;
}
#main .pagination ul li .pagination_current {
	color: #666;
	font-weight: bold;
}

/*========================  ANGEBOT  ================*/
#main #angebot table {
	width: 100%;
	font-family: 'AntiHero Intl BB W05 Regular';
	font-size: 1.3em;
}

#main #angebot table tr td {
	border: none;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

#main #angebot table tr:hover td {
	background-color: #6699FF;
}

#main #angebot table tr:nth-child(even) td {
	padding-bottom: 30px;
}

#main #angebot table a {
	color: #000;
}

#main #angebot a:hover {
	text-decoration: none;
	color: #fff;
}

#main #angebot table ul {
	text-align: left;
	margin: 10px 0 0 20px;
	font-family: Arial;
	font-size: 0.8em;
}

#main #angebot table ul li {
	margin-bottom: 8px;
}

#main #angebot table ul li a {
	color: #fff;
}

#main #angebot table ul li a:hover {
	text-decoration: underline;
}

#main #angebot p.normal {
	font-family: Arial;
	font-size: 0.8em;
}

/*===========  PRODUKTLISTE KATEGORIEN/TITEL (COMIC ALBEN) ==============*/
#main .mod_navigation.kategorie_liste ul a {
	color: #fff;
	font-size: 1.1em;
}

#main .mod_navigation.kategorie_liste ul {
	margin-left: 100px;
	list-style: none;
}

#main .mod_navigation.kategorie_liste ul li {
	margin-bottom: 10px;
}

#main .mod_navigation.kategorie_liste ul li a {
	font-family: 'AntiHero Intl BB W05 Regular';
	font-size: 1.4em;
}

/*===========  TITELLISTE  ==============*/
#main ul.ankerliste {
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#main ul.ankerliste li {
	display: inline;
	padding: 0 5px;
}


#main .mod_SerienListe ul a {
	font-size: 1.1em;
}

#main .mod_SerienListe ul {
	list-style: none;
}

#main .mod_SerienListe ul li {
	margin-bottom: 3px;
}


/*==============  PRODUKTLISTE EINZELN (BESTELLTABELLE) =================*/
#main .mod_iso_productlist .product_list table {
	width: 100%;
}

#main .mod_iso_productlist .product_list table tr td {
	border-bottom: 1px solid #000;
	padding: 3px 10px;
}

#main .mod_iso_productlist .product_list table tr:hover td {
	background-color: #374972;
}


#main .mod_iso_productlist .product_list table tr th {
	background-color: #25365A;
	padding: 5px;
}

#main .mod_iso_productlist .product_list table tr th.titel,
#main .mod_iso_productlist .product_list table tr td.titel {
	width:;
}

#main .mod_iso_productlist .product_list table tr th.nummer,
#main .mod_iso_productlist .product_list table tr td.nummer {
	width: 80px;
	text-align: center;
}

#main .mod_iso_productlist .product_list table tr th.zustand,
#main .mod_iso_productlist .product_list table tr td.zustand {
	width: 80px;
	text-align: center;
}

#main .mod_iso_productlist .product_list table tr th.preis,
#main .mod_iso_productlist .product_list table tr td.preis {
	width: 100px;
	text-align: right;
}

#main .mod_iso_productlist .product_list table tr th.bestellen,
#main .mod_iso_productlist .product_list table tr td.bestellen {
	width: 200px;
	text-align: center;
	padding: 5px 0;
}

#main .mod_iso_productlist .product_list table tr td.bestellen .lieferzeit {
	font-size: 0.8em;
}

/*=================  SONDERSHOP  ==================*/
.sondershop #main .mod_iso_productlist .product.col_even,
.sondershop #main .mod_iso_productlist .product.col_odd {
	width: 250px;
	float: left;
	padding-right: 20px;
	border-top: 2px solid #000;
	margin-bottom: 20px;
	padding-top: 20px;
}

.sondershop #main .mod_iso_productlist .product:nth-child(1),
.sondershop #main .mod_iso_productlist .product:nth-child(2),
.sondershop #main .mod_iso_productlist .product:nth-child(3) {
	border-top: none;
}

.sondershop #main .mod_iso_productlist .product.col_last {
	width: 245px;
	float: left;
	padding-right: 0;
}

.sondershop #main .mod_iso_productlist .product.col_first {
	clear: left;
}

.sondershop #main .mod_iso_productlist .product .image_container img {
	max-width: 225px;
	height: auto;
	padding-right: 4px;
		padding-left: 4px;
}

.sondershop #main .mod_iso_productlist .product .nummer {
	font-weight: 900;
}

.sondershop #main .mod_iso_productlist .price {
	float: left;
	font-weight: 600;
}

.sondershop #main .mod_iso_productlist .submit_container {
	float: right;
	margin: -5px 0 10px 0;
}

.sondershop #main .mod_iso_productlist .lieferzeit {
	clear: both;
	text-align: right;
	font-size: 0.85em;
		margin-bottom: 6px;
}


/*==================  WARENKORB  ==================*/
#main .mod_iso_cart table {
	width: 100%;
}

#main .mod_iso_cart table tr td {
	border-bottom: 1px solid #fff;
	padding: 3px 10px;
}

#main .mod_iso_cart table tr:hover td {
	background-color: none;
}

#main .mod_iso_cart table tr th {
	background-color: #25365A;
	padding: 5px;
}

#main .mod_iso_cart table tr th.preis,
#main .mod_iso_cart table tr td.price {
	text-align: right;
}

#main  .mod_iso_cart table tr td.quantity input {
	width: 30px;
	text-align: right;
}

#main  .mod_iso_cart table tr td.remove {
	width: 40px;
	text-align: center;
}

#main  .mod_iso_cart table tr td.remove img {
	min-width:16px;
}

#main .mod_iso_cart table tfoot tr.foot_0 td {
	padding: 20px 10px 3px 10px;
}

#main .mod_iso_cart table tfoot tr.foot_last td {
	font-weight: 900;
}

/*=================  KASSE  ADRESSE  ================*/
#main .steps {
	border-bottom: 3px solid #669AFF;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

#main .steps ol li.active {
	font-weight: 900;
}

#main .steps ol li {
	float: left;
	margin-right: 100px;
}

@media (max-width: 900px) {
	#main .steps ol li {
		margin-right: 50px;
	}
}

#main .mod_iso_checkout form .billingaddress ,
#main .mod_iso_checkout form .shippingaddress  {
	width: 367px;
	float: left;
}

#main .mod_iso_checkout form .address {
	margin-bottom: 30px;
	width: 50%;
}

@media (max-width: 820px) {
	#main .mod_iso_checkout form .address {
		width:100%;
	}
}

#main .mod_iso_checkout form .address label,
#main .mod_registration form .fields label{
	display: block;
	float: left;
	clear: left;
	width: 150px;
	padding-top: 5px;
}

#main .mod_iso_checkout form .shippingaddress fieldset.radio_container  {
	margin-bottom: 20px;
}

#main .mod_iso_checkout form .shippingaddress fieldset.radio_container span {
	display: block;
}

#main .mod_iso_checkout form .shippingaddress fieldset.radio_container label {
	display: inline;
	float: none;
}

#main .mod_iso_checkout form .submit_container {
	clear: both;
	text-align: right;
	border-top: 1px solid #000;
	padding-top: 30px;
}

/*  ERROR  */


/*#main .mod_iso_checkout form p.error {
	display: none;
}*/

#main .mod_iso_checkout form p.error {
	padding:16px;
}

#main .mod_iso_checkout form p.error,
#main .mod_iso_checkout form input.error,
#right .mod_login input.error,
#main .checkbox.error /*diese Zeile ist von Stefan*/
 {
	border: 1px solid #cf021a;
	background-color: #ddbcc0;
}

/*====================  KASSE  VERSANDART ==============*/
#main .mod_iso_checkout form .shipping {
	margin-bottom: 30px;
}

/*====================  KASSE  BEZAHLUNG ==============*/
#main .mod_iso_checkout form .payment {
	margin-bottom: 30px;
}

/*====================  KASSE  ZUSAMMENFASSUNG ==============*/
#main .mod_iso_checkout form .info_container {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#main .mod_iso_checkout #iso_mod_checkout_review .formbody .review .shipping_method,
#main .mod_iso_checkout #iso_mod_checkout_review .formbody .review .payment_method
 {
		display: none;
}

#main .mod_iso_checkout form .orderproducts table {
	width: 100%;
}

#main .mod_iso_checkout form .orderproducts table tr td {
	border-bottom: 1px solid #000;
	padding: 3px 10px;
}

#main .mod_iso_checkout form .orderproducts table tr:hover td {
	background-color: #628cdb;
}

#main .mod_iso_checkout form .orderproducts table tr th {
	background-color: #25365A;
	padding: 5px;
}

#main .mod_iso_checkout form .orderproducts table tr td.titel {
	width:;
}

#main .mod_iso_checkout form .orderproducts table tr td.menge {
	width: 80px;
	text-align: left;
}

#main .mod_iso_checkout form .orderproducts table tr td.preis ,
#main .mod_iso_checkout form .orderproducts table tr th.preis ,
#main .mod_iso_checkout form .orderproducts table tr td.total,
#main .mod_iso_checkout form .orderproducts table tr td.price  {
	width: 100px;
	text-align: right;
}

#main .mod_iso_checkout form .orderproducts table tr td.entfernen {
	width: 40px;
	text-align: center;
}

#main .mod_iso_checkout form .orderconditions table tr td {
	vertical-align: top;
}

#main .mod_iso_checkout form .orderconditions table tr td textarea {
	width: 400px;
	height: 80px;
	margin-bottom: 20px;
}

#main .mod_iso_checkout form .orderconditions table tr td .checkbox_container {
	margin-top: 15px;
}


#main .mod_iso_checkout form .orderconditions table tr td .checkbox_container input.checkbox {
	float: left;
	margin-right: 10px;
}


/*======================  SPALTENSET  ======================*/
@media (max-width: 1100px) {
	.rs-column.-large-col-2-1 { width:100%;}
	.rs-column { float: none; clear: both; margin: 0;}
}

/*===========  LEXIKON  ============*/
#main .mod_faqlist {
	border-top: 1px solid #fff;
	padding-top: 5px;
	text-align: center;
	margin-bottom: 20px;
	width: 100%;
}

#main .mod_faqlist ul {
	list-style: none;
	margin: 0;
}

#main .mod_faqlist ul li {
	float: left;
	padding: 0 10px 0 0;
	font-weight: 900;
}

#main .mod_faqlist ul li a {
	color: #fff;
}

/*==================  AGB  ===============*/
#main #agb .mod_navigation,
.agb #main .mod_navigation {
	border-bottom: 3px solid #0066CC;
	margin-bottom: 20px;
}

#main #agb .mod_navigation ul ,
.agb #main .mod_navigation ul  {
	margin: 0 0 10px 40px;
}

#main #agb table tr td{
	border: none;
}

#main #agb table tr:hover td {
	background-color: #6699FF;
}

/*=============  COMIC NEUHEITEN DOWNLOADS  ================*/
#article-146 .ce_downloads {
}

.ce_downloads ul {
	list-style: none;
}

.ce_downloads li.download-element {
	margin: 20px 10px;
	width: 20%;
	min-height: 230px;
	float: left;
	word-wrap: break-word;
	
}

@media (max-width: 1100px) {
    .ce_downloads li.download-element {	width: 30%;}
}

@media (max-width: 800px) {
    .ce_downloads li.download-element {	width: 40%; text-align: center;}
    .ce_downloads li.download-element .image_container img {margin: 0 auto; text-align: center;}
}

@media (max-width: 600px) {
    .ce_downloads li.download-element {	width: 100%; margin: 20px auto; float: none; text-align: center;}
    .ce_downloads li.download-element .image_container img {margin: 0 auto; text-align: center;}
}

/*==================  LOGIN  =====================*/

/*==========  REGISTRIERUNG  ================*/
#main

/*===========  KUNDENBEREICH  =================*/
#main .mod_personalData  {
	border-bottom: 1px solid #0066CC;
	margin-bottom: 20px;
}

#main .tableform form table tr td {
	padding-bottom: 5px;
}

#main .tableform form table tr td:nth-child(1) {
	padding-right: 10px;
}

#main .tableform form .submit_container {
	margin-top: 20px;
}

/*=============  ADRESSBUCH  =============*/
#main .mod_iso_addressbook {
	border-bottom: 1px solid #0066CC;
	margin-bottom: 20px;
}

/*=============  KONTAKT / GOOGLE MAPS  ==============*/
#main #kontakt .ce_text.first {
	float: left;
}


#main .dlh_googlemap {
	border: 1px solid #000;
	float: right;
	margin-bottom: 20px;
}

/*===============  FOOTER  ===============*/
#footer {
	width: 100%;
	min-height: 200px;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
}

#footer .inside {
	max-width: 1140px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding: 30px;
	color: #fff;
}

#footer .mod_box_items {
	float: left;
	margin: 0 55px 0 0;
}

#footer h3 {
    font-family: 'Open Sans Regular';
    margin-bottom: 20px;
}

#footer a {
	color: #fff;
line-height: 2em;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .mod_login .widget {
	margin-bottom: 10px;
}

#footer .mod_login input.text {
	background: rgba(255,255,255,0.8);
	border-radius: 10px;
	padding: 5px 10px;
	font-size: 0.9em;
	width: 200px;

}
#footer .mod_login input.submit,
#footer .mod_login button {
	font-family: 'Open Sans Light';
	font-size: 0.9em;
	background-color: #25365A;
	border-radius: 10px;
	padding: 5px 10px;
	width: 220px;
	color: #fff;
}

#footer .mod_login  input.submit:hover,
#footer .mod_login  button:hover {
	cursor: pointer;
	background-color: #4381c3;
}

/*==============================KONTAKTFORMULAR====================
input {
	margin-right: 30px;
}

.topflop {
	float: left;
	margin: 60px 0 0 30px;
}

textarea {
	margin:3px;
}

.sicherheitsabfrage  {
	height: 20px;
	margin-bottom: 10px;
}

.sicherheitsabfrage span {
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 7px;
}*/

/*===============================ANGEBOTE==================
.angebot-links td {
	width: 140px;
	text-align: center;
	font-size: 12px;
	padding-bottom: 10px;
}

.angebot-links table tr td.suche {

}

.angebot-links table tr td.suche img {
	position: relative;
	top: 50px;
}

.angebot-links li{
	list-style-type: square;
	line-height: 25px;
	font-size: 15px;
	text-align: left;
}*/

/*================================LEXIKON=====================
.abc {
	text-align: center;
	clear: both;
}

.text {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 479px;
}

.bild {
	float: right;
	margin-left: 10px;
	text-align: center;
}

.bild-rechts {
	margin-left: 5px;
}

.lexikon {
	float: left;
	margin-bottom: 10px;

}
.lexikon td {
	border: 1px solid black;
	text-align: center;
	padding: 3px;
	background-color:#77AAFF;

}

.text td {
	border: 1px solid black;
	text-align: center;
	padding: 3px;
	background-color:#77AAFF;
}

.barks {
	background-color: #6699FF;
	text-align: justify;
	margin: 10px;
	font-size: 15px;
}*/

/*==============================ANGEBOTS-LISTEN=======================
.kopfzeile td {
	font-size: 16px;
	text-align: center;
	background-color: #FFFFBB;
	border: 1px solid black;
	padding: 3px;
}

.liste td {
	border: 1px solid black;
	padding: 3px;
}

.liste tr {
	background-color: #FFFFEE;
}

.liste tr:hover {
	background-color: #FFFFBB;
}*/

/*===============ERGEBNIS LISTE==========ZURÜCK WEITER LISTE========
.tabelle-blau td {
	background-color: #6699FF;
	border: 1px solid #6699FF;
}*/

/*====================================AUSWAHL LISTEN===============
.auswahl {
	font-size: 14px;
	font-weight: bold;
} */

/*===========================TRADINGCARDS===================
.trading {
	width: 378px;
}*/

/*===========================DIVERSES======================
.left-q {
	float: left;
	margin-top: 26px;
}

.diverses {
	width: 378px;
}*/

/*=============================ROMANE==========================
.roman {
	width: 323px;
}*/

/*=================================ANTIQUARIAT=====================
.antiq {
	width: 419px;
}

.hefte-alben {
 	text-align: center;
 	font-size: 14px;
	width: 100px;
	float: right;
	margin-right: 110px;
}*/

/*==============================COMIC ALBEN=====================
.alben {
	width: 427px;
} */

/*===========================BILDER SONDER SHOP===================
.shop td {
	border-bottom: 2px solid black;
}



.bears td {
	border-bottom: 2px solid black;

}*/

/*==========================BESTELLDATEN FORMULAR==============
.fehler {
	color: white;
	background-color: #FF0000;
	padding: 2px;
}*/
/*========================KASSE=========================
.kasse td {
	background-color: #FFFFBB;
	padding: 2px;
}*/
/*==========================ALLGEMEINE TAGS==================*/




/*================  SONSTIGES  =================*/
.invisible {

	display: none;
}

.clear {
	clear: both;
}

/*=============== COOKIE BANNER  ================*/
#cookiebar {
	background-color: rgba(75,75,75,0.9);
}

#cookiebar a {
	display: block;
}

/*=============== iso ajaxBox  ================*/

#iso_ajaxBox {
	width:100%;
	max-width:310px;
	left:50%;
	transform:translateX(-50%);
}

#main .product_list .product .iso_gallery .image_container {
	float: left;
	margin-right: -6px;
		margin-bottom: 5px;

}

/*=============== blink News-Bild  ================*/
.blink .image_container{
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}

.confirm {
	color: red;
	font-weight: bold;}
/* test*/

	.marquee {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
   background: hsla(0, 100%, 0%, 0.7);
		/* hier evtl. noch font-size, color usw. */
				/*	color: red;
				background-color: #6699FF;*/
	}

	.marquee span {
		display: inline-block;
		padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
		animation: marquee 10s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
	    0%   {transform: translate3d(0,0,0);}
	    100% {transform: translate3d(-100%,0,0);}
	}
/* to top*/

.back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: #ffffff; color: #000000; border: none; border-radius: 50%; cursor: pointer; font-size: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; opacity: 0; visibility: hidden; transform: translateY(20px); z-index: 1000; }  
.back-to-top.visible { opacity: 0.9; visibility: visible; transform: translateY(0); }

/*
@supports (-webkit-touch-callout: none) {
 
body {
    background: url('/files/comicmafia/layout/background/comicmafia_hintergrund2.jpg') center top no-repeat scroll;
    background-size: auto 98vh;
    	color: #000;
}}*/

/*===== SUCHE / PRODUKFILTER ====== */

.mod_iso_productfilter {
	width: 500px;
	height: auto;
	margin: 0 10px 50px 0;
	position: relative;
	overflow: visible;
}

.mod_iso_productfilter .sorting {
	margin-bottom: 20px;
}

.mod_iso_productfilter .search {
	margin-bottom: 30px;
}

.mod_iso_productfilter .search label {
	display: none;
}

.mod_iso_productfilter input.text {
	width: 393px!important;
}

.mod_iso_productfilter .submit {
	float: right;
}

.mod_iso_productfilter a {
	clear: both;
	display: block;
}

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

@media (max-width: 580px) {
    .mod_iso_productfilter input.text {width: 65%!important;}
}

/* autoversvollständigung */
div.awesomplete ul {
	height: auto;
	border: 1px solid #4381c3;
	margin-top: 30px;
	color: #666666;

}