body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@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';
        src:url('../../files/comicmafia/layout/fonts/antihero/5115391/e6aa5624-209f-422e-982f-816f3302c2d8.woff2') format('woff2'),
        url('../../files/comicmafia/layout/fonts/antihero/5115391/c289186a-5375-4b3a-8e34-12f805efb24e.woff') format('woff');
    }
    @font-face{
        font-family:"AntiHero Intl BB W05 Italic";
        src:url("../../files/comicmafia/layout/fonts/antihero/5099122/74c4cf7e-1dad-499d-8b93-8e994c527956.woff2") format("woff2"),url("../../files/comicmafia/layout/fonts/antihero/5099122/80da035c-478a-49ff-a406-7668f39c941e.woff") format("woff");
    }
    @font-face{
        font-family:"AntiHero Intl BB W05 Bold";
        src:url("../../files/comicmafia/layout/fonts/antihero/5104875/232ae104-c176-441d-9ebc-757c96d56603.woff2") format("woff2"),url("../../files/comicmafia/layout/fonts/antihero/5104875/9ed91a5f-93bf-4b2e-b2e6-7b06a03c00f1.woff") format("woff");
    }

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

@font-face{
        font-family: 'Open Sans Light';
        src:url('../../files/comicmafia/layout/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_hintergrund.jpg") 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;

}

#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: -30px 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;
	width: 350px;
}

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

.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: 1280px) {
	#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;
	margin: 5px 0;
	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;
}


/*==================  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;
}


/*===========  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;
}

#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); }

@font-face{font-family:"Anti Hero";src:url("../../files/comicmafia/comicshop/fonts/Anti-Hero.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}body{height:100%;overflow:hidden auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}html{background:url(../../files/comicmafia/comicshop/images/background.png) no-repeat center center fixed;background-size:cover}@keyframes float{0%{transform:translatey(0px)}50%{transform:translatey(-30px)}100%{transform:translatey(0px)}}@keyframes float-up-down{0%{transform:translatey(0px)}50%{transform:translatey(-30px)}100%{transform:translatey(0px)}}@keyframes float-left-right{0%{transform:translatex(0px)}50%{transform:translatex(-30px)}100%{transform:translatex(0px)}}@keyframes float-diagonally{0%{transform:translate(0px)}50%{transform:translate(-30px, -30px)}100%{transform:translate(0px)}}@keyframes float-in-circle{0%{transform:rotate(-0.001deg) translate3d(15px, 0, 0) rotate(-0.001deg)}100%{transform:rotate(360.001deg) translate3d(15px, 0, 0) rotate(-360.001deg)}}#main .space-shop{position:relative;width:100%;width:calc(100% + 60px);margin-left:-30px;max-width:1280px;min-height:800px}@media (max-width:1280px){#main .space-shop{min-height:700px;min-height:54.688vw}}@media (max-width:1020px){#main .space-shop{min-height:650px;min-height:63.725vw}}@media (max-width:820px){#main .space-shop{min-height:580px}}@media (max-width:600px){#main .space-shop{min-height:900px}}@media (max-width:375px){#main .space-shop{min-height:1000px}}#main .space-shop a{color:unset;text-decoration:none}#main .space-shop p{margin:0}#main .space-shop .space-item{position:absolute}#main .space-shop img{width:100%;height:auto}#main .space-shop .ss-button{cursor:pointer}#main .space-shop .speech-bubble{position:absolute;width:240px;padding:15px;color:#000;font-family:"Anti Hero", sans-serif;font-weight:bold;font-size:1.688em;background-color:#fff;text-align:center;z-index:1}@media (max-width:1280px){#main .space-shop .speech-bubble{width:160px;font-size:1em}}@media (max-width:600px){#main .space-shop .speech-bubble{width:120px;font-size:0.813em;padding:12px}}#main .space-shop .speech-bubble:before{content:"";width:0px;height:0px;position:absolute;z-index:-1}#main .space-shop .speech-bubble span{font-size:0.75em}#main .space-shop .space-item:nth-child(1){top:0;left:50%;transform:translate(-50%)}@media (max-width:600px){#main .space-shop .space-item:nth-child(1){display:none}}#main .space-shop .space-item:nth-child(1) .picture-wrapp{animation:float-left-right 15000ms linear infinite}#main .space-shop .space-item:nth-child(1) picture{width:720px;height:500px}@media (max-width:1280px){#main .space-shop .space-item:nth-child(1) picture{width:56.25vw;height:39.063vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(1) picture{width:462px;height:322px}}#main .space-shop .space-item:nth-child(2){top:10%;left:0}@media (max-width:1280px){#main .space-shop .space-item:nth-child(2){left:5%}}@media (max-width:600px){#main .space-shop .space-item:nth-child(2){top:3%;left:0}}@media (max-width:600px){#main .space-shop .space-item:nth-child(2){top:-6%}}#main .space-shop .space-item:nth-child(2) .picture-wrapp{animation:float-up-down 6000ms ease-in-out infinite}#main .space-shop .space-item:nth-child(2) picture{width:186px;height:263px}@media (max-width:1280px){#main .space-shop .space-item:nth-child(2) picture{width:14.531vw;height:20.547vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(2) picture{width:120px;height:170px}}#main .space-shop .space-item:nth-child(2) .speech-bubble{top:-70px;right:0;transform:translateX(90%)}@media (min-width:1280px){#main .space-shop .space-item:nth-child(2) .speech-bubble:hover{color:#669aff}}@media (max-width:600px){#main .space-shop .space-item:nth-child(2) .speech-bubble{top:-8%;right:-20%;transform:translateX(100%)}}#main .space-shop .space-item:nth-child(2) .speech-bubble:before{border-right:10px solid transparent;border-bottom:70px solid #fff;border-left:10px solid transparent;bottom:25px;left:15px;transform:translateY(100%) rotate(230deg)}@media (max-width:600px){#main .space-shop .space-item:nth-child(2) .speech-bubble:before{top:unset;right:unset;bottom:46px;left:-20px;border-right:8px solid transparent;border-bottom:40px solid #fff;border-left:5px solid transparent;transform:translateY(100%) rotate(250deg)}}#main .space-shop .space-item:nth-child(3){left:5%;bottom:13%}@media (max-width:1280px){#main .space-shop .space-item:nth-child(3){bottom:0}}@media (max-width:600px){#main .space-shop .space-item:nth-child(3){top:0;right:0;bottom:unset;left:unset}}#main .space-shop .space-item:nth-child(3) .picture-wrapp{animation:float-in-circle 5000ms 1000ms linear infinite}#main .space-shop .space-item:nth-child(3) picture{width:186px;height:287px}@media (max-width:1280px){#main .space-shop .space-item:nth-child(3) picture{width:14.531vw;height:22.422vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(3) picture{width:120px;height:184px}}#main .space-shop .space-item:nth-child(3) .speech-bubble{right:0;bottom:0;transform:translate(74%, 100%)}@media (min-width:1280px){#main .space-shop .space-item:nth-child(3) .speech-bubble:hover{color:#669aff}}@media (max-width:1280px){#main .space-shop .space-item:nth-child(3) .speech-bubble{transform:translate(100%)}}@media (max-width:600px){#main .space-shop .space-item:nth-child(3) .speech-bubble{bottom:20%;transform:translate(-100%)}}#main .space-shop .space-item:nth-child(3) .speech-bubble:before{border-right:5px solid transparent;border-bottom:70px solid #fff;border-left:15px solid transparent;top:15px;left:15px;transform:translateY(-100%) rotate(320deg)}@media (max-width:600px){#main .space-shop .space-item:nth-child(3) .speech-bubble:before{top:10px;right:0;left:unset;border-bottom:40px solid #fff;border-left:8px solid transparent;transform:translateY(-100%) rotate(35deg)}}#main .space-shop .space-item:nth-child(4){top:20%;left:20.5%}@media (max-width:1280px){#main .space-shop .space-item:nth-child(4){left:26.5%}}@media (max-width:820px){#main .space-shop .space-item:nth-child(4){top:26%;left:33.5%}}@media (max-width:600px){#main .space-shop .space-item:nth-child(4){top:25%;left:5%}}#main .space-shop .space-item:nth-child(4) .picture-wrapp{animation:float-diagonally 7500ms 1000ms ease-in-out infinite}#main .space-shop .space-item:nth-child(4) picture{width:186px;height:300px;transform:rotate(340deg)}@media (max-width:1280px){#main .space-shop .space-item:nth-child(4) picture{width:14.531vw;height:23.438vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(4) picture{width:120px;height:184px}}@media (max-width:600px){#main .space-shop .space-item:nth-child(4) picture{transform:scaleX(-1)}}#main .space-shop .space-item:nth-child(4) .speech-bubble{bottom:28%;left:0;transform:translateX(-87%)}@media (min-width:1280px){#main .space-shop .space-item:nth-child(4) .speech-bubble:hover{color:#669aff}}@media (max-width:600px){#main .space-shop .space-item:nth-child(4) .speech-bubble{top:-10%;bottom:unset;transform:translateX(95%)}}#main .space-shop .space-item:nth-child(4) .speech-bubble:before{border-right:11px solid transparent;border-bottom:90px solid #fff;border-left:11px solid transparent;top:20px;right:20px;transform:translateY(-100%) rotate(40deg)}@media (max-width:820px){#main .space-shop .space-item:nth-child(4) .speech-bubble:before{border-right:9px solid transparent;border-bottom:70px solid #fff;border-left:9px solid transparent}}@media (max-width:600px){#main .space-shop .space-item:nth-child(4) .speech-bubble:before{top:42px;right:unset;left:-15px;border-right:8px solid transparent;border-bottom:40px solid #fff;border-left:8px solid transparent;transform:translateY(-100%) rotate(250deg)}}#main .space-shop .space-item:nth-child(5){bottom:10%;left:41%;transform:translate(-50%)}@media (max-width:820px){#main .space-shop .space-item:nth-child(5){left:46%}}@media (max-width:600px){#main .space-shop .space-item:nth-child(5){top:37%;right:0;bottom:unset;left:unset;transform:unset}}#main .space-shop .space-item:nth-child(5) .picture-wrapp{animation:float-left-right 6000ms 3000ms ease-in-out infinite}#main .space-shop .space-item:nth-child(5) picture{width:284px;height:174px}@media (max-width:1280px){#main .space-shop .space-item:nth-child(5) picture{width:22.188vw;height:13.594vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(5) picture{width:182px;height:112px}}#main .space-shop .space-item:nth-child(5) .speech-bubble{top:-20px;left:0;width:300px;transform:translate(-48%, -100%)}@media (min-width:1280px){#main .space-shop .space-item:nth-child(5) .speech-bubble:hover{color:#669aff}}@media (max-width:1280px){#main .space-shop .space-item:nth-child(5) .speech-bubble{width:190px}}@media (max-width:600px){#main .space-shop .space-item:nth-child(5) .speech-bubble{transform:translate(-20%, -100%)}}#main .space-shop .space-item:nth-child(5) .speech-bubble:before{border-right:11px solid transparent;border-bottom:70px solid #fff;border-left:11px solid transparent;bottom:30px;left:40%;transform:translateY(100%) rotate(130deg)}@media (max-width:600px){#main .space-shop .space-item:nth-child(5) .speech-bubble:before{bottom:12px;left:30px;border-right:8px solid transparent;border-bottom:40px solid #fff;border-left:8px solid transparent;transform:translateY(100%) rotate(140deg)}}#main .space-shop .space-item:nth-child(6){left:58%;bottom:0;transform:translate(-50%)}@media (max-width:1280px){#main .space-shop .space-item:nth-child(6){left:60%;bottom:0}}@media (max-width:820px){#main .space-shop .space-item:nth-child(6){bottom:10%;left:68%}}@media (max-width:600px){#main .space-shop .space-item:nth-child(6){bottom:19%;left:85%}}#main .space-shop .space-item:nth-child(6) .picture-wrapp{animation:float 6000ms 1300ms ease-in-out infinite}#main .space-shop .space-item:nth-child(6) picture{width:170px;height:268px;transform:scaleX(-1)}@media (max-width:1280px){#main .space-shop .space-item:nth-child(6) picture{width:13.281vw;height:20.938vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(6) picture{width:110px;height:172px}}@media (max-width:600px){#main .space-shop .space-item:nth-child(6) picture{transform:scaleX(1)}}#main .space-shop .space-item:nth-child(6) .speech-bubble{top:0;right:0;transform:translate(105%, 30%)}@media (max-width:820px){#main .space-shop .space-item:nth-child(6) .speech-bubble{transform:translate(92%, 56%)}}@media (max-width:600px){#main .space-shop .space-item:nth-child(6) .speech-bubble{transform:translate(-100%, -30%)}}#main .space-shop .space-item:nth-child(6) .speech-bubble:before{border-right:11px solid transparent;border-bottom:70px solid #fff;border-left:11px solid transparent;top:55%;left:-10%;transform:translateY(-100%) rotate(300deg)}@media (max-width:600px){#main .space-shop .space-item:nth-child(6) .speech-bubble:before{top:unset;right:-15%;bottom:80%;left:unset;border-right:8px solid transparent;border-bottom:40px solid #fff;border-left:8px solid transparent;transform:translateY(100%) rotate(115deg)}}#main .space-shop .space-item:nth-child(7){top:0;right:0;transform:translateY(40%)}@media (max-width:600px){#main .space-shop .space-item:nth-child(7){top:unset;right:unset;bottom:0;left:0;transform:unset}}#main .space-shop .space-item:nth-child(7) .picture-wrapp{animation:float-diagonally 6000ms 3500ms ease-in-out infinite}#main .space-shop .space-item:nth-child(7) picture{width:277px;height:420px;transform:scaleX(-1) rotate(20deg)}@media (max-width:1280px){#main .space-shop .space-item:nth-child(7) picture{width:21.641vw;height:32.813vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(7) picture{width:180px;height:270px}}@media (max-width:600px){#main .space-shop .space-item:nth-child(7) picture{transform:rotate(20deg)}}#main .space-shop .space-item:nth-child(7) .speech-bubble{top:44%;left:0;transform:translate(-100%)}@media (min-width:1280px){#main .space-shop .space-item:nth-child(7) .speech-bubble:hover{color:#669aff}}@media (max-width:600px){#main .space-shop .space-item:nth-child(7) .speech-bubble{top:25%;left:55%;transform:translate(100%)}}@media (max-width:375px){#main .space-shop .space-item:nth-child(7) .speech-bubble{top:60%;left:25%}}#main .space-shop .space-item:nth-child(7) .speech-bubble:before{border-right:11px solid transparent;border-bottom:70px solid #fff;border-left:11px solid transparent;top:90%;right:-10%;transform:translateY(-100%) rotate(55deg)}@media (max-width:600px){#main .space-shop .space-item:nth-child(7) .speech-bubble:before{top:unset;right:unset;bottom:80%;left:-15px;border-right:8px solid transparent;border-bottom:40px solid #fff;border-left:8px solid transparent;transform:translateY(100%) rotate(230deg)}}@media (max-width:375px){#main .space-shop .space-item:nth-child(7) .speech-bubble:before{bottom:100%;transform:translateY(100%) rotate(308deg)}}#main .space-shop .space-item:nth-child(8){top:0;right:0;transform:translate(-25%, -25%)}@media (max-width:600px){#main .space-shop .space-item:nth-child(8){top:unset;right:unset;bottom:37%;left:5%;transform:unset}}@media (max-width:375px){#main .space-shop .space-item:nth-child(8){bottom:39%}}#main .space-shop .space-item:nth-child(8) .picture-wrapp{animation:float-in-circle 6000ms linear infinite}#main .space-shop .space-item:nth-child(8) picture{width:166px;height:203px}@media (max-width:1280px){#main .space-shop .space-item:nth-child(8) picture{width:12.969vw;height:15.859vw}}@media (max-width:820px){#main .space-shop .space-item:nth-child(8) picture{width:108px;height:130px}}@media (max-width:600px){#main .space-shop .space-item:nth-child(8) picture{transform:scaleX(-1)}}#main .space-shop .space-item:nth-child(8) .speech-bubble{top:54%;left:0;transform:translateX(-112%)}@media (min-width:1280px){#main .space-shop .space-item:nth-child(8) .speech-bubble:hover{color:#669aff}}@media (max-width:600px){#main .space-shop .space-item:nth-child(8) .speech-bubble{top:10%;right:-15%;left:unset;transform:translateX(100%)}}#main .space-shop .space-item:nth-child(8) .speech-bubble:before{border-right:11px solid transparent;border-bottom:70px solid #fff;border-left:11px solid transparent;top:90%;right:-10%;transform:translateY(-100%) rotate(55deg)}@media (max-width:600px){#main .space-shop .space-item:nth-child(8) .speech-bubble:before{right:unset;left:-15px;border-right:8px solid transparent;border-bottom:40px solid #fff;border-left:8px solid transparent;transform:translateY(-100%) rotate(230deg)}}