/*!
css 
(c) 2019 webdecker.de
author: i.decker, www.webdecker.de
date: 2019-12-02, 2020-01, 2020-02...
*/

/* -------------------------------------- */
/* Basics, reset */
/* -------------------------------------- */
body { padding: 0; margin: 0; display: block; width: 100%; }

div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #444; cursor:help; }
blockquote, q { quotes: none; }
fieldset, img { border:0; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
hr { border: 0; border-top: 1px solid #dddddd; }

div, section, aside, nav, header, footer, main { display: block; position: relative; box-sizing: border-box; }
p { display: block; position: relative; padding: 0; margin-bottom: 12px; }

img { max-width: 100%; height: auto; }
a img { display: inline-block; }
img.left { max-width: 33%; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
img.right { max-width: 33%; display: block; float: right; margin-right: 10px; margin-bottom: 10px; }
img.float_left { max-width: 33%; display: block; float: left; margin-right: 10px; margin-bottom: 10px; }
img.float_right { max-width: 33%; display: block; float: right; margin-right: 10px; margin-bottom: 10px; }
img.img100 { width: 100%; }
span.img100 img { width: 100%; }
img.img50c { width: 50%; display: block; margin: 0 auto; }
.img50c img { width: 50%; display: block; margin: 0 auto; }

figure { max-width: 100%; display: block; position: relative; text-align: center; }
figure img { display: block; margin: 0 auto 0 auto; }
figcaption { box-sizing: border-box; padding: 8px 12px 8px 12px; color: #888888; }
figure.float_right { float: right; margin: 0 0 12px 12px; }
figure.float_left { float: left; margin: 0 12px 0 12px; }

#lb_sw .lb_item img { max-width: none; }

.clear, .clearfix { clear: both; display: block; }


body#top .invisible { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(100%); white-space: nowrap; }
body#top .invisible:focus { position: absolute; display: block; height: auto; width: auto; clip: auto; clip-path: none; background: #4444ff; padding: 4px; color: #fff; z-index: 10000; }


body#top .mobile { display: none; }
body#top .nomobile { display: block; }
body#top .printblock { display: none; }
body#top .printinline { display: none; }
body#top .printiblock { display: none; }
body#top .screenblock { display: block; }
body#top .screeninline { display: inline; }
body#top .screeniblock { display: inline-block; }
/* -------------------------------------- */
/* Fonts */
/* -------------------------------------- */
body { font-family: 'Noto Serif KR', Times New Roman, serif; font-weight: normal; font-size: 15px; line-height: 24px; font-weight: 400; }
.select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered,
input { font-family: 'Noto Serif KR', Times New Roman, serif; font-weight: normal; font-size: 14px; line-height: 22px; }
textarea, select, option, button { font-family: 'Noto Serif KR', Times New Roman, serif; font-weight: normal; font-size: 14px; line-height: 22px;  }
h1, h2, h3, h4, h5, nav a { font-family: 'Noto Serif KR', Times New Roman, serif; }

.msbicon
	{ font-family: "msbicons"; font-style: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fa, .faa:after,
#o_search a:after,
#o_menu a:after,
#o_user a:after,
#container ul li:before,
.l1menu .level_1 > li > a.submenu:after,
#submenu li a:before,
#momenu li a:before,
#momenu a.submenu > span:after,
#header a.close:before,
p.back a:before,
.toggle:after,
a.more:before,
i.calendar:before,
a.action.link:before, a.action.notifyme:before,
a.action.details:before,
#minicart a.icon:after,
.download a:before,
.details.product > .nav a:before,
xxx
	{ font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fab, .fab:before
	{ font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

	
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.8; }
#header a { text-decoration: none; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
nav a { text-decoration: none; }
#wrapper .ce_text a { text-decoration: underline; } 

h1 { font-size: 36px; line-height: 42px; margin: 0 0 1ex 0; font-weight: 400; }
h2 { font-size: 26px; line-height: 34px; margin: 0 0 1ex 0; font-weight: 400; }
h3 { font-size: 22px; line-height: 30px; margin: 0 0 1ex 0; font-weight: 400; }
h4 { font-size: 18px; line-height: 24px; margin: 0 0 1ex 0; font-weight: 400; }
h4.toggle { font-size: 14px; line-height: 22px; }
h1 a, h2 a, h3 a, h4 a { color: inherit; }
strong { font-weight: 700; }

#footer { font-size: 14px; line-height: 19px; }

/*
div.toggler { font-size: 22px; line-height: 28px; margin: 0 0 1ex 0; font-weight: 700; }
.h2 div.toggler { font-size: 26px; line-height: 32px; margin: 0 0 1ex 0; font-weight: 700; }
.h4 div.toggler { font-size: 18px; line-height: 22px; margin: 0 0 1ex 0; font-weight: 700; }
*/

/* -------------------------------------- */
/* Icons */
/* -------------------------------------- */


.toggle:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
.toggle.open:after { content: "\f077";  }


.l1menu .level_1 > li > a.submenu:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; line-height: 20px; }
.l1menu .level_1 > li > a.submenu.open:after { content: "\f077";  }

#momenu a.submenu > span:after { content: '\f078'; display: inline-block; width: 24px; font-size: 16px; vertical-align: top; text-align: right; }
#momenu a.submenu > span { display: inline-block;  }
#momenu a.submenu.open  > span:after { content: '\f077'; }

#header a.close:before { content: '\f077'; display: inline-block; }
#header a.close span { display: none; }

#o_search a:after { content: "\f002";  }
#o_search a.open:after { content: "\f002"; }
#o_search a span { display: none; }

#o_menu a:after { content: "\f0c9";  }
#o_menu a.open:after { content: "\f0c9"; }
#o_menu a span { display: none; }

/*
#o_user a:after { content: "\f007";  }
#o_user a.open:after { content: "\f007"; }
#o_user a span { display: none; }
*/

#container ul li:before { content: '\f0da'; display: inline-block; width: 16px; margin-left: -16px; }
#container ul.addonlist li:before { content: "\f061";  }

#submenu li a:before { content: '\f0da'; display: inline-block; width: 16px; margin-left: -16px; font-size: 22px; vertical-align: top; }

p.back a:before { content: '\f137'; display: inline-block; padding-right: 6px;  }
a.more:before { content: '\f138'; display: inline; padding-right: 6px;  }

.details.product > .nav a:before { display: inline-block; padding-right: 6px; }
.details.product > .nav a.prev:before { content: '\f137'; }
.details.product > .nav a.next:before { content: '\f138'; }
.details.product > .nav a.up:before { content: '\f139'; }

a.action.notifyme:before { content: '\f061'; display: inline-block; margin-right: 6px; }
a.action.details:before { content: '\f061'; display: inline-block; margin-right: 6px; }
a.action.link:before { content: '\f061'; display: inline-block; margin-right: 6px; }
.download a:before  { content: '\f061'; display: inline-block; margin-right: 6px; }

/* -------------------------------------- */
/* Colors */
/* -------------------------------------- */
body { background: #222; color: #000; }
input { color: #000; }
textarea, select, option, button { color: #000; }
input:focus, textarea:focus, select:focus, button:focus, a:focus { outline: none; }

a { color: #ee9900; }
a:hover { color: #000; }
body #totop a { color: #ee9900; }
h1, h2, h3, h4 { color: #ee9900; }
div.toggler, .h2 div.toggler, .h4 div.toggler { color: #ee9900; }
mark, .highlight, p.confirm { color: #ee9900; background: transparent; font-style: italic; font-weight: bold; }
.pager a { /* border: 1px solid #999; */ background: #e7e2ba; background: #eee; }
.pager a.active { background-color: #ee9900; background: #eee; color: #fff; color: #000; }
.pager a:hover { background-color: #ee9900; color: #fff; }
.pager li > span { border: 1px solid #999; background: #fff; }

.pager p {  }
.pager.nopages { display: none; }

#c_product .authors a { color: #000; }
#c_product .authors a:hover { color: #ee9900; }
#c_product_en .authors a { color: #000; }
#c_product_en .authors a:hover  { color: #ee9900; }

p.error, span.error, .warning, .error label { color: #ee9900; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #ee9900; }
#top .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #ee9900; }

.button a, 
a.order,
a.button,
button.submit,
input.submit { background: #ee9900; color: #ffffff; border: 1px solid #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
.button a:hover,
a.order:hover,
a.button:hover,
button.submit:hover,
input.submit:hover { background: #000; color: #fff; }

#container ul.addonlist li:before { color: #ee9900; }

#mainmenu ul li a:hover	{ background: #ee9900; color: #fff; }
#mainmenu li a			{ background: transparent; color: #ffaa00; } /* #ff aa 00  */
#mainmenu li a.active	{ background: transparent; color: #fff; }
#mainmenu li a.trail	{ background: transparent; color: #fff; }
#mainmenu li.open > a	{ background: #ee9900; color: #fff; }
#mainmenu ul.level_2 { box-shadow: -4px 5px 4px #444; }
#mainmenu ul.level_2 { background: #ee9900; color: #fff; }
#mainmenu ul.level_2 li a { background: #ee9900; color: #fff;  }
#mainmenu ul.level_2 li a:hover { background: #fff; color: #ee9900; }
#mainmenu ul.level_2 li a.active { background: #fff; color: #ee9900; }
#mainmenu ul.level_2 li a.trail { background: #fff; color: #ee9900;  }
#mainmenu a.close { color: #ee9900; }

#momenu ul li a:hover { color: #ee9900; }
#momenu li a.active { color: #ee9900; }
#momenu li a.trail { color: #ee9900; }


#footer h1, #footer h2, #footer h3 { color: #fff; }

#wrapper { background: #fff; }
#head { background: #222; background: #7e7b65; }
#head_menu { background: #222; }
#container { background: #fff; }
#footer { background: #222; color: #fff; }
#footer a { color: #fff; }
#support { background: #666; }
#service { background: #7e7b65; }

#sysmsg { border: 1px solid #e7e2ba; background: #e7e2ba; background: #eee; }
#sysmsg.error, .id_p_shop_cart #sysmsg { border: 1px solid #880000; background: #e7e2ba; color: #880000; }
#sysmsg p { margin-bottom: 0; }


#headermenu li a:hover { color: #ee9900; }
#headermenu li a.active { color: #ee9900; }
#headermenu li a.trail { color: #ee9900; }

#c_header_submenu li a:hover { color: #000; }
#c_header_submenu li a.active { color: #000; }
#c_header_submenu li a.trail { color: #000; }

#c_content_submenu .stretch { display: none; }
#c_content_submenu .active { display: none; }
#c_content_submenu .trail { color: #000; }

#buttons a { color: #fff; }
#buttons a:hover { color: #ee9900; }
#buttons a.open { color: #ee9900; }
#logos a { color: #fff; }
#logos a:hover { color: #ee9900; }



.producer_msb #head { background: #7e7b65; background: #222; }
.producer_msb #headermenu li a { color: #fff; }
.producer_msb #headermenu li a:hover { color: #ee9900; }
.producer_msb #headermenu li a.active { color: #ee9900; }
.producer_msb #headermenu li a.trail { color: #ee9900; }
.producer_msb #headermenu li li a { color: #fff; }
#headermenu ul.level_2 { background: #7e7b65; }


.producer_friedenauer-presse #head { background: #643550; }
.producer_friedenauer-presse #head_menu { background: #643550; }
.producer_friedenauer-presse #headermenu ul.level_2 { background: #643550; }
.producer_friedenauer-presse #service { background: #643550; }


.producer_august-verlag #head { background: #006579; }
.producer_august-verlag #head_menu { background: #006579; }

.producer_august-verlag #buttons a.open { color: #a1cdd0; }
.producer_august-verlag #buttons a:hover { color: #a1cdd0; }
.producer_august-verlag #logos a.open { color: #a1cdd0; }
.producer_august-verlag #logos a:hover { color: #a1cdd0; }



.producer_august-verlag #mainmenu ul li a:hover	{ background: #027e95; color: #fff; }
.producer_august-verlag #mainmenu li a			{ background: transparent; color: #a1cdd0; } /* #ff aa 00 #fbd99e;  */
.producer_august-verlag #mainmenu li a.active	{ background: transparent; color: #fff; }
.producer_august-verlag #mainmenu li a.trail	{ background: transparent; color: #fff; }
.producer_august-verlag #mainmenu li.open > a	{ background: #027e95; color: #fff; }
.producer_august-verlag #mainmenu ul.level_2 { box-shadow: -4px 5px 4px #444; }
.producer_august-verlag #mainmenu ul.level_2 { background: #027e95; color: #fff; }
.producer_august-verlag #mainmenu ul.level_2 li a { background: #027e95; color: #fff;  }
.producer_august-verlag #mainmenu ul.level_2 li a:hover { background: #fff; color: #027e95; }
.producer_august-verlag #mainmenu ul.level_2 li a.active { background: #fff; color: #027e95; }
.producer_august-verlag #mainmenu ul.level_2 li a.trail { background: #fff; color: #027e95;  }

.producer_august-verlag #headermenu li a:hover { color: #a1cdd0; }
.producer_august-verlag #headermenu li a.active { color: #a1cdd0; }
.producer_august-verlag #headermenu li a.trail { color: #a1cdd0; }
.producer_august-verlag #headermenu ul.level_2 { background: #006579; }

.producer_august-verlag a { color: #027e95; }
.producer_august-verlag a:hover { color: #000; }
body.producer_august-verlag  #totop a { color: #027e95; }
.producer_august-verlag h1, .producer_august-verlag h2, .producer_august-verlag h3, .producer_august-verlag h4 { color: #027e95; }
/* fbd99e */
.producer_august-verlag #c_product .authors a:hover { color: #027e95; }


.producer_august-verlag #service { background: #006579; }
.producer_august-verlag #service h4 { color: #a1cdd0; }




.producer_rohstoff #head { background: #fff; }
.producer_rohstoff #head_menu { background: #fff; }
.producer_rohstoff #headermenu ul.level_2 { background: #555; }
.producer_rohstoff #service { background: #444; }
.producer_rohstoff #headermenu ul.level_2 { background: #ddd; }
.producer_rohstoff #headermenu li a { color: #000; }
.producer_rohstoff #headermenu li a:hover { color: #ffaa00; }
.producer_rohstoff #headermenu li a.active { color: #ffaa00; }
.producer_rohstoff #headermenu li a.trail { color: #ffaa00; }
.producer_rohstoff #logos a { color: #000; }
.producer_rohstoff #logos a.open { color: #ffaa00; }
.producer_rohstoff #logos a:hover { color: #ffaa00; }
.producer_rohstoff #mainmenu li a.trail { color: #000; }
.producer_rohstoff #buttons a { color: #000; }
.producer_rohstoff #buttons a.open { color: #ffaa00; }
.producer_rohstoff #buttons a:hover { color: #ffaa00; }

/*
.producer_rohstoff #headermenu li a:hover { color: #a1cdd0; }
.producer_rohstoff #headermenu li a.active { color: #a1cdd0; }
*/

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */
#textedit { position: absolute; top: 0; left: 0; z-index: 100000; max-width: 250px; background: rgba(255,255,255,0.8); }
#textedits > .inside { padding: 10px; }


/* general, sizes */
#container, .w, .fullsize #main > .inside > div, .fullsize div.fullsize.w > .inside > div { width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; }
.fullsize #container { width: 100%; max-width: none; }
.fullsize #main > .inside > div.fullsize { max-width: none; width: 100%;  }

#main > .inside > div { margin-bottom: 32px; }
#main > .inside > div.clear { margin-bottom: 0; }

#main > .inside > div:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }

#wrapper { width: 100%; overflow: hidden; }
#header { width: 100%; z-index: 1000; }
	#header > .inside { z-index: 1000; }
	#head { z-index: 1000; width: 100%; }
	#o_menu { display: none; }
	#c_momenu { display: none; }
	
	#header div.close { text-align: center; padding: 12px 0 0 0; }
	#header a.close { display: inline-block; width: 32px; height: 32px; font-size: 32px; line-height: 32px; box-sizing: border-box; text-align: center;  }
	#header a.close b { display: block; font-size: 32px; line-height: 32px; }

#container { clear: both; z-index: 1; overflow-x: hidden; }
	#container { padding-left: 300px; }
	.fullsize #container { padding-left: 0; }
	#container:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	#left { width: 300px; margin-left: -100%; float: left; left: -300px; }
		#left > .inside { padding: 32px 32px 32px 0; }
		.fullsize #left { display: none; }
	#right { display: none; }
	#main { float: left; width: 100%; }
		#main > .inside { padding: 32px 0 32px 0; }
		.fullsize #main { float: none; }
#footer { clear: both; z-index: 2; padding-bottom: 64px; width: 100%; }
	#support { padding: 24px 0 24px 0; }
	#service { padding: 24px 0 24px 0; }
	#copy { width: 200px; float: left; margin: 0 12px 12px 0; }
	#footermenu { float: right; }
	#copyright { padding-top: 24px; }
	#copyright:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
	
#totop { position: fixed; bottom: 0; right: 0; text-align: center; background: rgba(255,255,255,0.5); z-index: 10000; }
#totop:hover { background: rgba(255,255,255,1); }
#totop a { display: block; box-sizing: border-box; font-size: 24px; line-height: 24px; width: 40px; height: 40px; padding: 8px; }
body #totop a:hover { text-decoration: none; color: #000; }

/* Header */
#head > div { clear: both; }
#head > div.shadow { z-index: 2; }

#buttons { float: right;  z-index: 10003; padding-top: 4px; padding-right: 12px; }
	#buttons a { display: block; margin-left: 12px; font-size: 18px; line-height: 24px; }
	.id_p_start #o_home a { color: #ee9900; }
	.id_p_search #buttons #o_search a { color: #ee9900; }
	
#head_top { z-index: 10005; padding-top: 8px; padding-bottom: 0px; font-size: 12px; line-height: 16px; float: right; }
/*
#head_top:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
*/
#head_logo { z-index: 10001; clear: both; }
#head_menu { z-index: 10000; }
#logos { float: right; padding-top: 8px; padding-right: 10px; }
	#logos > div { float: right; margin-left: 12px; }
	#logos a { display: block; }
	#logos .msbicon { display: block; font-size: 60px; line-height: 70px; } 
	#logos #o_aug .msbicon { font-size: 70px; }
	#logos #o_roh .msbicon { margin-top: -4px; }
	
	
	.producer_msb #logos #o_msb a { color: #fff; }
	.producer_august-verlag #logos #o_aug a { color: #fff; }
	.producer_friedenauer-presse #logos #o_fpr a { color: #fff; }
	.producer_rohstoff #logos #o_roh a { color: #000; }


#mainmenu { z-index: 1; }
/* #head #head_menu > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; margin-bottom: -1px; } */
#head_logo > .inside { padding-right: 222px; padding-top: 0; }
#head_logo:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

	
#logo { overflow: hidden; padding-right: 32px; padding-bottom: 0; }
	#logo a { display: block;  box-sizing: border-box; padding: 0; }
	#logo img { display: block; height: 80px;  width: auto; }
	
	.producer_none #logo a { margin-left: -50px; }
	
	/*
	#logo #logo_msb { width: 320px;  }
	#logo #logo_aug { width: 80px; float: right; margin-right: 20px;  }
	#logo #logo_fpr { width: 80px; float: right; margin-right: 90px;  }
	*/
#buttons > div { float: right; }
#c_momenu { background: #444; color: #fff; }
	#c_momenu > .inside { padding-top: 32px; padding-bottom: 24px; }
#c_search { background: #444; color: #fff; }
	#c_search > .inside { padding-top: 32px; padding-bottom: 24px; }
	#c_search form { width: 100%; max-width: 400px; margin: 0 auto; }
	#c_search input, #c_search button { box-sizing: border-box; width: calc(50% - 4px); display: block; float: left; }
	#c_search input { margin: 0 4px 8px 0; }
	#c_search button { margin: 0 0 8px 4px; }

#header a.close { color: #fff; }

/* Header shadow stuff */

#head { box-shadow: 0px 4px 4px #444; }

#head #cs { overflow: hidden; clear: both; }
#head .c { z-index: 1; clear: both; }
#head .shadow { z-index: 2; height: 10px; margin-bottom: -10px; overflow: hidden; }
#head .shadow .inside { height: 5px; margin-top: -6px; box-shadow: 0px 4px 4px #000; }


/* Header sticky stuff */
#wrapper { padding-top: 50px; }
#head-placeholder { margin-top: -50px; }
#head { margin-top: -50px; transform: translatey(0); }
#head.sticky { transform: translatey(50px); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }

#head.sticky #buttons { display: none; }
#head.sticky #head_top { display: none; }
#head.sticky #head_logo { display: none; }

/* hide #cs (containers for toggle search etc) until JS has started: */
#head #cs { display: none; }
.jsgo #head #cs { display: block; }



a#logo_aug { display: none; }
a#logo_fpr { display: none; }
a#logo_roh { display: none; }
.producer_august-verlag a#logo_aug { display: block; }
.producer_august-verlag a#logo_msb { display: none; }
.producer_august-verlag a#logo_fpr { display: none; }
.producer_august-verlag a#logo_roh { display: none; }
.producer_msb a#logo_msb { display: block; }

.producer_msb a#logo_aug { display: none; }
.producer_msb a#logo_fpr { display: none; }
.producer_msb a#logo_roh { display: none; }

.producer_friedenauer-presse a#logo_fpr { display: block; }
.producer_friedenauer-presse a#logo_msb { display: none; }
.producer_friedenauer-presse a#logo_aug { display: none; }
.producer_friedenauer-presse a#logo_roh { display: none; }

.producer_rohstoff a#logo_fpr { display: none; }
.producer_rohstoff a#logo_msb { display: none; }
.producer_rohstoff a#logo_aug { display: none; }
.producer_rohstoff a#logo_roh { display: block; }


.producer_august-verlag #o_aug { opacity: 0.5; }
.producer_friedenauer-presse #o_fpr { opacity: 0.5; }
.producer_msb #o_msb { opacity: 0.5; }
.producer_rohstoff #o_roh { opacity: 0.5; }

	
/* Layout media queries */
@media all and (max-width: 1130px) {
	#container, .w, .fullsize #main > .inside > div, .fullsize div.fullsize.w > .inside > div { max-width: 800px; }
	
	#logo { padding-right: 0; }
	
	
}
@media all and (max-width: 840px) {
	#container, .w, .fullsize  #main > .inside > div, .fullsize div.fullsize.w > .inside > div { max-width: 600px; }
	#container { padding-left: 0; }
	#left { width: 100%; max-width: 400px; margin-left: 0; left: 0; }
	#left > .inside { padding-right: 0; }
	
	/* breakpoint (mobile, layout) */
	body#top .mobile { display: block; }
	body#top .nomobile { display: none; }
	
	/* breakpoint (menu) */
	#o_menu { display: block; }
	#mainmenu { display: none; }
	#c_momenu { display: block; }

	#buttons { }
	#head.sticky #buttons { display: block; padding-bottom: 4px; }
	#head.sticky #head_top { display: none; }
	#head.sticky #logos { display: none; }
	#head.sticky #head_logo { display: block; clear: none; display: none; }
	#head.sticky #head_menu { display: none; }
	
	#logo { padding-bottom: 4px; }

	/*
	#head_logo > .inside { padding-right: 120px; }
	#buttons { margin-right: -120px; }
	*/
	/*
	#logo #logo_aug { width: 72px; overflow: hidden; margin-right: 0; }
	#logo #logo_fpr { width: 72px; overflow: hidden; margin-right: 0; }
	#logo #logo_aug img { height: 80px; width: auto; max-width: none; }
	#logo #logo_fpr img { height: 80px; width: auto; max-width: none; }
	*/
	
	/*
	.producer_august-verlag #o_aug { display: none; }
	.producer_friedenauer-presse #o_fpr { display: none; }
	.producer_msb #o_msb { display: none; }
	.producer_rohstoff #o_roh { display: none; }
	*/
}
@media screen and (max-width: 640px) {
	#container, .w, .fullsize #main > .inside > div, .fullsize div.fullsize.w > .inside > div { max-width: 400px; }
	
	/*
	#logo a { width: 64px; overflow: hidden; }
	#logo img { height: 48px; width: auto; max-width: none; }
	*/
	#buttons { }
	#head_top { display: none; }
	
	#logos .msbicon { font-size: 32px; } 
	#logos #o_aug .msbicon { font-size: 52px; }
	
	/*
	#logo { width: 36px; overflow: hidden; }
	.producer_august-verlag #logo { width: 70px; padding-top: 4px; }
	.producer_friedenauer-presse #logo { width: 50px; padding-top: 4px; }
	*/
	#logos { padding-top: 0; }
	#logo img { max-width: none; height: 68px; }
	
	/*
	#logo a { padding-bottom: 12px; }
	#logo #logo_msb { width: 44px; overflow: hidden; }
	#logo #logo_aug { width: 52px; overflow: hidden; }
	#logo #logo_fpr { width: 52px; overflow: hidden; }
	#logo #logo_msb img { height: 60px; width: auto; max-width: none; }
	#logo #logo_aug img { height: 60px; width: auto; max-width: none; }
	#logo #logo_fpr img { height: 60px; width: auto; max-width: none; }
	*/
	
	#logo { width: 50px; overflow: hidden; }
	.producer_none #logo a { margin-left: 0; }
	.producer_august-verlag #logo { width: 90px; overflow: hidden; }
	.producer_msb #logo { width: 50px; overflow: hidden; }
	.producer_friedenauer-presse #logo { width: 62px; overflow: hidden; }
	.producer_rohstoff #logo { width: 62px; overflow: hidden; }
	
}
@media all and (max-width: 440px) {
	body { min-width: 320px; }
	#container, .w, .fullsize #main > .inside > div, .fullsize div.fullsize.w > .inside > div { max-width: 300px; }
	

	

}
@media all and (max-width: 400px) {
	/* no sticky if too small */
	body #head-placeholder { display: none; }
}


/*
{ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
*/


/* -------------------------------------- */
/* Lists */
/* -------------------------------------- */
ul, ol { display: block; position: relative; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; }
li { margin-left: 16px; box-sizing: border-box; }
ul ul { margin-top: 8px; margin-bottom: 8px; }

nav ul { list-style-type: none; margin: 0; padding: 0; }
nav ul:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0;  }

nav li { display: block; margin: 0; padding: 0; position: relative; }


#container ul li { list-style: none; margin-left: 0; padding-left: 16px; margin-bottom: 4px; }

#container ul.items { margin: 0; }
#container ul.items li { padding-left: 0; margin-bottom: 24px; }
#container ul.items .links li { margin-bottom: 0; }
#container ul.items li:before { display: none; }


#container ul.addonlist li { padding-left: 16px; }
#container ul.addonlist li:before { float: left; display: block;  }


#footermenu li { float: left; }

#container .pager { clear: both; padding: 12px 0 24px 0; text-align: center; }
#container .pager ul { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
#container .pager li { display: inline-block; margin: 0 4px 12px 4px; text-align: center; }
#container .pager li:before { display: none; }
#container .pager a { display: block; padding: 6px 8px 8px 8px; min-width: 38px; box-sizing: border-box; }




/* -------------------------------------- */
/* Menus */
/* -------------------------------------- */
#header li.stretch { display: none; }

/* main menu desktop */
#mainmenu { text-align: right; height: 40px; }
#mainmenu > ul { display: block; float: right; }
#mainmenu li { float: left; text-align: left; }
#mainmenu li.stretch { display: none; }
#mainmenu li a { display: block; padding: 8px 12px 8px 12px; margin-left: 0px; text-transform: uppercase; letter-spacing: 0.7px; box-sizing: border-box; }
#mainmenu li a span { display: inline-block; }
#mainmenu li li a { text-transform: none; margin-right: 0;  }
#mainmenu li li li[class*=overview] { display: none; }
#mainmenu li:last-child a { margin-right: 0; }
/*
#mainmenu li.p_service { display: none; }
*/

#mainmenu ul.level_2 { box-shadow: -4px 5px 4px #444; }
#mainmenu ul.level_2 { position: absolute; top: 40px; left: 0; min-width: 150%;  }
#mainmenu .last > ul.level_2 { right: 0; left: auto;  }
#mainmenu li:last-child ul.level_2 { left: auto; right: 0; }
#mainmenu ul.level_2 { visibility: hidden; opacity: 0; margin-top: 24px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
#mainmenu .open ul.level_2 { visibility: visible; opacity: 1; margin-top: 0; }

#mainmenu ul.level_2 li { float: none; }
#mainmenu ul.level_2 li a { padding: 4px 16px 4px 16px; }
#mainmenu ul.level_2 li li a { padding: 4px 16px 4px 32px; }
#mainmenu ul.level_2 li li li a { padding: 4px 16px 4px 48px; }


@media all and (max-width: 1130px) {
	#mainmenu { font-size: 13px; line-height: 24px; }
}


#header .l1menu a.close { display: block; width: 100%; height: auto; font-size: 16px; line-height: 22px;  }

#mainmenu li.overview {  }


/* mobile menu */
#momenu ul.level_1 { border-top: 1px solid #fff; margin: 12px 0 12px 0; }
#momenu li a { border-bottom: 1px solid #fff; }

#momenu li { float: none; }
#momenu li.close { display: none; }
#momenu li a { display: block; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; width: 100%;  padding-left: 0px; }
#momenu li a { color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
#momenu ul li a:hover {  }
#momenu li a.active { font-weight: bold; }
#momenu li a.trail {  }
#momenu li li a { padding-left: 20px; }
#momenu li li li a { padding-left: 40px;  }
#momenu li li li li a { padding-left: 60px;  }

#momenu ul ul { margin: 0; }



/* some items in main/mobile/sticky different... */
/*
children[] = *p_foreign
children[] = *p_press
children[] = *p_business
*/
/*
#mainmenu li.p_foreign { display: none; }
#mainmenu li.p_press { display: none; }
#mainmenu li.p_business { display: none; }
*/



/* header menu */
#headermenu { float: right; }
#headermenu ul { }
#headermenu li { display: inline-block; }
#headermenu li a { color: #fff; display: block; margin-left: 12px; text-transform: uppercase; letter-spacing: 0.5px; }

#headermenu ul.level_2 { box-shadow: -4px 5px 4px #444; background: #444; }
#headermenu ul.level_2 { position: absolute; top: 20px; left: 0; min-width: 150%;  }
#headermenu .last > ul.level_2 { right: 0; left: auto;  }
#headermenu ul.level_2 { visibility: hidden; opacity: 0; margin-top: 24px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
#headermenu .open ul.level_2 { visibility: visible; opacity: 1; margin-top: 0; }

#headermenu ul.level_2 li { display: block; }
#headermenu ul.level_2 li a { padding: 4px 12px 4px 12px; margin: 0; }
#headermenu ul.level_2 li li a { padding: 4px 12px 4px 32px; }
#headermenu ul.level_2 li li li a { padding: 4px 12px 4px 48px; }


#c_header_submenu li.stretch { display: none; }
/*
#c_header_submenu li { display: inline-block; margin-right: 16px; }
*/
/*
#c_header_submenu { float: right; width: 120px; }
#w_sub:after { display: none; }
*/

/* footer menu */
#footermenu li { padding-bottom: 8px; padding-left: 32px; }
#footermenu li a { display: inline-block; }

@media screen and (max-width: 640px) {
	#footermenu { float: none; clear: both; }
	#footermenu li { float: none; }
	#footermenu li a { padding-left: 0px; padding-right: 32px; }
}

/* footer service menu */
#footer-copy a { color: #000; }

#footerservicemenu li { display: block; float: none; padding: 6px 0 8px 0; margin: 4px 0 4px 0; border-bottom: 1px solid #fff; }
#footerservicemenu li:last-child {  border-bottom: 0; }


#servicemenu {}

/* breadcrumbs */
#container #c_breadcrumbs { margin-top: -16px; }
#container #c_breadcrumbs ol { display: block; position: relative; overflow: hidden; list-style-type: none; margin: 0; padding: 0; font-size: 13px; text-align: right; }
#container #c_breadcrumbs li { display: inline-block; margin: 0 0 0 6px; padding: 0 0 0 0;  }
#container #c_breadcrumbs li:before { content: '>'; display: inline-block; padding-right: 8px; }
#container #c_breadcrumbs li.first:before { display: none;  }
/*
#container #c_breadcrumbs li.first { padding-left: 0; }
#container #c_breadcrumbs li.first:before { display: none; }
*/
#container #c_breadcrumbs ul li:before { font-size: 13px; }
#container #c_breadcrumbs li { color: #999; }
#container #c_breadcrumbs li a { color: #999; }
#container #c_breadcrumbs li a:hover { color: #000; }

.id_p_start #container #c_breadcrumbs { display: none; }
.id_p_start #main > .inside { padding-top: 0; }

/* sitemap */
#sitemap ul li:before { color: #ee9900; }


/* -------------------------------------- */
/* Wrappers */
/* -------------------------------------- */

#wrapper .col2  { overflow: hidden; }
#wrapper .col3  { overflow: hidden; }
#wrapper .col4  { overflow: hidden; }
#wrapper .col5  { overflow: hidden; }
#wrapper .col6  { overflow: hidden; }

#wrapper .col2 > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .col3 > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .col4 > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .col5 > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .col6 > .inside { margin-left: -12px; margin-right: -12px; }

#wrapper .col2 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .col3 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .col4 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .col5 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .col6 > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

#wrapper .col2 > .inside > *:nth-child(odd) { clear: both; }
#wrapper .col3 > .inside > *:nth-child(3n+1) { clear: both; }
#wrapper .col4 > .inside > *:nth-child(4n+1) { clear: both; }
#wrapper .col5 > .inside > *:nth-child(5n+1) { clear: both; }
#wrapper .col6 > .inside > *:nth-child(6n+1) { clear: both; }

#wrapper .col2 > .inside > * { width: calc(50% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
#wrapper .col3 > .inside > * { width: calc(33.3% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
#wrapper .col4 > .inside > * { width: calc(25% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
#wrapper .col5 > .inside > * { width: calc(20% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
#wrapper .col6 > .inside > * { width: calc(16.66% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; }

.equal > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 

@media screen and (max-width: 1130px) {
	#wrapper .col3 > .inside > * { width: calc(50% - 24px); }
	#wrapper .col3 > .inside > *:nth-child(3n+1) { clear: none; }
	#wrapper .col3 > .inside > *:nth-child(2n+1) { clear: both; }
	
	#wrapper .col4 > .inside > * { width: calc(50% - 24px); }
	#wrapper .col4 > .inside > *:nth-child(2n+1) { clear: both; }


	#wrapper .publishers .col3 > .inside > * { width: calc(33.3% - 24px); }
	#wrapper .publishers .col3 > .inside > *:nth-child(3n+1) { clear: both; }
	#wrapper .publishers .col3 > .inside > *:nth-child(2n+1) { clear: none; }
	
	
/*
	#wrapper .col6 > .inside > * { width: calc(25% - 24px); }
	#wrapper .col6 > .inside > *:nth-child(4n+1) { clear: both; }
	#wrapper .col6 > .inside > *:nth-child(2n+1) { clear: none; }
*/
}
@media screen and (max-width: 840px) {
	#wrapper .col3 > .inside > * { width: calc(50% - 24px); }
	#wrapper .col3 > .inside > *:nth-child(3n+1) { clear: none; }
	#wrapper .col3 > .inside > *:nth-child(2n+1) { clear: both; }

	#wrapper .col4 > .inside > * { width: calc(50% - 24px); }
	#wrapper .col4 > .inside > *:nth-child(2n+1) { clear: both; }

	#wrapper .col6 > .inside > * { width: calc(33.3% - 24px); }
	#wrapper .col6 > .inside > *:nth-child(3n+1) { clear: both; }
	

}
@media screen and (max-width: 640px) {
	#wrapper .col4 > .inside > * { width: calc(100% - 24px); }
	#wrapper .col3 > .inside > * { width: calc(100% - 24px); }
	#wrapper .col2 > .inside > * { width: calc(100% - 24px); }
	#wrapper .col5 > .inside > * { width: calc(50% - 24px); }
	#wrapper .col5 > .inside > *:nth-child(5n+1) { clear: none; }
	#wrapper .col5 > .inside > *:nth-child(2n+1) { clear: both; }
	
	#wrapper .col6 > .inside > * { width: calc(50% - 24px); }
	#wrapper .col6 > .inside > *:nth-child(2n+1) { clear: both; }
	#wrapper .col6 > .inside > *:nth-child(3n+1) { clear: none; }
	
	#wrapper .publishers .col3 > .inside > * { width: calc(100% - 24px); }
	
}
@media all and (max-width: 440px) {
	#wrapper .col6 > .inside > * { width: calc(100% - 24px); }

}

/* -------------------------------------- */
/* Forms */
/* -------------------------------------- */
/* schönes braungrau... # e7 e2 ba */


::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }


#container form { display: table; width: 100%; box-sizing: border-box;  }
#container form > div { background: #e7e2ba; background: #eee; padding: 24px 24px 12px 24px; margin-bottom: 24px;  box-sizing: border-box; }

#container .actions form { background: transparent; padding: 0; display: block; width: auto; }

fieldset { display: block; position: relative; overflow: hidden; width: 100%; box-sizing: border-box; margin: 0; padding: 0; border: 0; }
.field { width: 100%; margin-bottom: 8px; overflow: hidden; padding-bottom: 0; }

input { border: 1px solid #aaaaaa; padding: 6px; box-sizing: border-box; max-width: 100%; }
textarea { border: 1px solid #aaaaaa; padding: 6px; width: 100%; box-sizing: border-box; max-width: 100%; }
select { border: 1px solid #aaaaaa; padding: 6px; max-width: 100%; }

input:focus { border: 1px solid #000; }
textarea:focus { border: 1px solid #000; }
select:focus { border: 1px solid #000; }

.field > .label { padding-bottom: 4px; }
.field > .input { padding-bottom: 12px; }

.field > .label > label { font-weight: bold;  }
.field > .input { max-width: 100%; overflow: hidden; }

.button a,
a.order,
a.button,
button.submit,
input.submit { display: inline-block; text-align: center; cursor: pointer; padding: 6px 24px 6px 24px;  } /* -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;   */
.button a:hover,
a.button:hover,
button.submit:hover,
input.submit:hover {  }

div.submit { text-align: right; }

.filter .field { float: left; width: auto; max-width: 100%; margin: 0 24px 12px 0; padding-bottom: 0; }
.filter .form { width: 100%; overflow: hidden; }
.filter .form div.submit { float: right; margin: 0 0 24px 24px; padding-top: 28px; }
.filter fieldset { width: 100%; /* margin-right: -24px; max-width: calc(100% + 24px); */ }
.filter #input_i_filter_keywords { width: 180px; }


.field.checkbox .input span.option { display: block; padding-left: 20px; }
.field.checkbox .input input { margin-left: -20px; margin-top: 4px; float: left; display: block; }
.field.checkbox .input label { margin-left: 6px; display: inline-block; }


.field.radio .input span.option { display: block; padding-left: 20px; }
.field.radio .input input { margin-left: -20px; margin-top: 4px; float: left; display: block; }
.field.radio .input label { margin-left: 6px; display: inline-block; }


.focused label { text-decoration: underline; }



.field-captcha .captcha_text { display: block; margin-top: 4px; }

.wide input, .wide textarea { width: 100%; }
.medium input, .medium textarea { width: 60%; }
.small input, .small textarea { width: 20%; }

.select2-container { max-width: 100%; min-width: 150px; }
.select2-container li { margin-left: 0; }
.select2-dropdown  { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #999; }
.select2-container--default .select2-selection--single { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ccc; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {  }
.select2-container .select2-selection--single { height: 36px;  }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }

#top .select2-container--default .select2-selection--multiple { border-color: #999; border-radius: 0; }
#top .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 0; }
#top .select2-container--default .select2-selection--multiple .select2-search--inline { clear: both; border: 0; }
#top .select2-container--default .select2-selection--multiple .select2-search--inline input { }

/*
#i_shop_order_sa_country select { min-width: 200px; }
#i_shop_order_ba_country select { min-width: 200px; }
*/

body .flatpickr-day { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
body .flatpickr-day.selected { background: #ee9900; border-color: #ee9900; }
body .flatpickr-day.nextMonthDay.selected { background: #ee9900; border-color: #ee9900; opacity: 0.3; }
body .flatpickr-day.today { border-color: #ee9900; }
body .flatpickr-calendar { font-family: 'Arial', 'Times', 'Times New Roman', serif; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }

body .flatpickr-months .flatpickr-prev-month:hover,
body .flatpickr-months .flatpickr-next-month:hover { color: #ee9900;}
body .flatpickr-months .flatpickr-prev-month:hover svg,
body .flatpickr-months .flatpickr-next-month:hover svg{ fill: #ee9900; }
i.calendar { display: inline-block; font-size: 24px; line-height: 24px; vertical-align: middle; }
i.calendar:before { content: "\f073"; display: inline-block; margin-left: 6px; }


.orderprocess p.back { display: block; float: left; }
.orderprocess div.submit { float: right; }
.carttable .preorder { font-weight: bold; }
input.submit { margin-bottom: 12px; }
.notorder { color: #ee9900; }

#headsearch > .inside.w { max-width: 400px; }
#headsearch input { margin: 0 8px 8px 0; }
#headsearch span { display: block; margin-bottom: 6px; }

@media all and (max-width: 640px) {
	/*
	.filter .form div.submit { clear: both; }
	*/
	.filter .field { width: 100%; margin: 0 0 12px 0; }
}


/* -------------------------------------- */
/* Shop */
/* -------------------------------------- */

/* cart table */
.carttable .amount input { width: 30px; }
.carttable .amount input.submit { width: 28px; padding: 7px 6px; }
.carttable .actions { overflow: hdiden; }
#container .carttable .actions form { display: inline-block; width: auto; }
.carttable th.amount { width: 100px; }
.carttable th.product { min-width: 200px; }
.carttable th.single { width: 100px; }
.carttable th.total { width: 100px; }
#container .carttable td.image { padding-right: 8px; width: 72px; }

.carttable td.single { text-align: right; }
.carttable td.single:before { text-align: left; }
.carttable td.total { text-align: right; }
.carttable td.total:before { text-align: left; }
#top #container table.carttable tfoot tr td:before { display: none; }
#top #container table.carttable.mobilize tfoot tr td { font-weight: bold; padding-left: 8px; }
/*
#top #container table.carttable.mobilize td.amount { background: #eee; }
#top #container table.carttable.mobilize td.sum { background: #eee; }
*/
#top #container table.carttable.mobilize tfoot td.space { background: #999; }
.carttable tr.vat { color: #7e7b65; }
.carttable tr.net { color: #7e7b65; }
.carttable tr.space { display: none; }
.carttable { margin-bottom: 24px; }
.cart .order { text-align: right; }

#container .carttable td td { border: 0; padding: 0; }

/* mini cart */
#minicart {  }
#minicart a.content, #minicart a span { display: inline-block; margin: 0; }
#minicart a.icon {  }
#minicart a.icon:after { content: "\f07a";  }
#minicart a.icon span { display: none; }
#minicart a.content { position: absolute; bottom: 0px; left: 12px;  width: auto; box-sizing: border-box; padding: 2px; 
	background: rgba(255,255,255,0.7); text-align: right; font-size: 12px; line-height: 12px; color: #000; font-weight: bold; padding: 4px; 
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	/* -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; */
}

#minicart:hover a.content { background: rgba(238,153,0,0.8); color: #fff; }

#minicart.active a.icon { color: #ffaa00; }
#minicart.trail a.icon { color: #ffaa00; }
#minicart.active a.content { background: rgba(238,153,0,0.8); color: #fff; background: rgba(255,255,255,0.8); color: #ffaa00; }

/*
#minicart:hover a.icon { color: #fff; }
#minicart:hover a.content { background: rgba(238,153,0,0.8); color: #fff; }
#minicart.active a.icon { color: #fff; }
#minicart.active a.content { background: rgba(238,153,0,0.8); color: #fff; }
#minicart.trail a.icon { color: #fff; }
#minicart.trail a.content { background: rgba(238,153,0,0.8); color: #fff; }
*/


#minicart a.content { display: none; }
#minicart .hasitems a.content { display: block; }

#minicart span.total { display: none; }
#minicart span.incart { display: none; }

/* ee9900 rgba(238,153,0,0.8) */


.afterpayment { padding-top: 24px; }


@media all and (max-width: 440px) {
	.select2-container { max-width: 252px; }
}

#c_shop_order_3 fieldset.message { display: none; }


/* -------------------------------------- */
/* Goodies */
/* -------------------------------------- */


/* tables */
#container table { width: 100%; }
td, th { padding: 4px 12px 4px 12px; }
#container td, #container th { border: 1px solid #999; }
#container .noborder td, #container .noborder th { border: 0; }
#container thead th, #container thead td { background: #444; color: #fff; font-weight: bold; }
#container tbody tr:nth-child(2n) { background: #e7e2ba; background: #eee; }
#container tbody tr:hover { background: #f7f2ca; }
#container tfoot tr:hover { background: #f7f2ca; }
#container tfoot td { font-weight: bold; }

#top table.mobilize > tbody > tr > td:before { padding-left: 4px; }
#top table.mobilize > tfoot > tr > td:before { padding-left: 4px; }

#top table.mobilize > tfoot > tr > td { font-weight: normal; }



/* gallery */

#wrapper .gallery  { overflow: hidden; }
#wrapper .gallery ul { margin-left: -12px; margin-right: -12px; }
#wrapper .gallery ul:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .gallery ul > li { box-sizing: border-box; }
#wrapper .gallery ul > li:before { display: none; }
#wrapper .gallery ul > li:nth-child(4n+1) { clear: both; }
#wrapper .gallery ul > li:nth-child(3n+1) { clear: none; }
#wrapper .gallery ul > li { width: calc(25% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; background: #e7e2ba; background: #eee; padding: 24px; text-align: center; }
#addonstage .gallery ul > li { padding: 8px; }
#wrapper .gallery ul > li img { box-shadow: -4px 5px 8px #444; }

#wrapper .gallery > ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 
#wrapper .gallery li a { text-decoration: none; display: block; }
#wrapper .gallery li a img { border: 0; display: block; }
#wrapper .gallery:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }


@media all and (max-width: 640px) {
	#wrapper .gallery ul > li:nth-child(2n+1) { clear: both; }
	#wrapper .gallery ul > li { width: calc(50% - 24px);  }
}


/* audio, video */
audio { width: 100%; border: 0; outline: none; }
video { width: 100%; }

.addon div.addonvideolocal { width: 100%; padding-top: 56.25%; }
.addon div.addonvideolocal video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.addon div.addonvideoexternal { width: 100%; padding-top: 56.25%; }
.addon div.addonvideoexternal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }



/* sliding */
.sliding { overflow: hidden; }
.sliding .slide { background-color: #fff; width: 100%; position: absolute; top: 0px; left: 0px; }

.sliding .controls { text-align: center; padding: 12px 36px 24px 36px; position:relative; line-height: 24px; font-size: 24px; vertical-align:top; }
.sliding .controls b { display: inline-block; vertical-align:top; }
.sliding .controls a { display: inline-block; vertical-align:top; text-align: center; line-height: 24px; padding: 0; box-sizing: border-box; vertical-align:top; text-decoration: none; color: #7e7b65; margin: 0 4px 8px 4px; }
.sliding .controls a.navi { font-size: 36px; position: absolute; top:  12px; }
.sliding .controls a.prev { left: 0; }
.sliding .controls a.next { right: 0; }
.sliding .controls a.navi b { margin-top: -5px; }
.sliding .controls a:hover { text-decoration: none; color: #ee9900; }
.sliding .controls a.disabled { color: #dddddd; }
.sliding .controls a.active { color: #ee9900;  }

.sliding .controls .pagi { display: inline-block; vertical-align:top; }
.sliding .controls .pagi a { width: 24px; border: 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  background: #7e7b65; }
.sliding .controls .pagi a b { color: transparent; font-size: 10px; }
.sliding .controls .pagi a.active { background: #ee9900; }
.sliding .controls .pagi a:hover { background: #ee9900; }
.sliding.sl_type_carousel .slide { width: 33.3%; padding: 0 8px 0 8px; }

@media all and (max-width: 1130px) {
	.sliding.sl_type_carousel .slide { width: 50%; }
}


/* parallax */
.parallax > .inside { min-height: 400px; }

@media all and (max-width: 840px) {
	.parallax > .inside { min-height: 200px;  }
}

/*
body #lb_vp .lb_item img { max-width: none; }
*/

/* -------------------------------------- */
/* Misc CEs */
/* -------------------------------------- */
/*
#e7e2ba
#7e7b65
*/
/* Styling */
#top .white { background: #ffffff; }
#top .white-trans { background-color: rgba(255,255,255,0.8); }
#top .colored { background: #ffee99; }
#top .light { background: #e7e2ba;  background: #eee; } 
#top .dark { background: #7e7b65;  }
#top .gloomy { background: #555555; }
	#top .gloomy > * { color: #ffffff; }
#top .border { border: 1px solid #aaaaaa; padding: 24px; margin-bottom: 24px; box-shadow: 0px 0px 6px #999999; }
#top .mark > .inside { border-left: 6px solid #ee9900; padding-left: 24px; }
#top p.mark  { border-left: 6px solid #ee9900; padding-left: 24px; }
#top .colorwhite { color: #ffffff; }
	#top .colorwhite h1 { color: #ffffff; }
	#top .colorwhite h2 { color: #ffffff; }
	#top .colorwhite h3 { color: #ffffff; }
#top #wrapper .padded { padding: 24px; }
#top #wrapper .ptop { padding-top: 24px; }
#top #wrapper .pbottom { padding-bottom: 24px; }
#top #wrapper .mtop { margin-top: 32px; }
#top #wrapper .mbottom { margin-bottom: 32px; }
#top #wrapper .mleft { margin-left: 24px; }
#top #wrapper .mright { margin-right: 24px; }
#top #wrapper .margin { margin-top: 24px; margin-bottom: 32px; }
#top #wrapper .centered { text-align: center; }
#top #wrapper .justify p { text-align: justify; }
#top #wrapper .pnopad p { padding-bottom: 0; }
#top #wrapper .nomargin { margin-bottom: 0; }
#top #wrapper .nomtop { margin-top: -24px; }
#top #wrapper .nombottom { margin-bottom: 0; }
#top #wrapper .indent { padding-left: 10%; padding-right: 10%;  }

#top #wrapper .pageend { margin-bottom: -32px; }

#top #wrapper .float_right { float: right; max-width: 50%; margin: 0 0 12px 12px;}
#top #wrapper .float_left { float: left; max-width: 50%; margin: 0 12px 12px 0;}

#top #wrapper .grey { color: #888; }

@media all and (max-width: 840px) {
	#top #wrapper .indent { padding-left: 5%; padding-right: 5%;  }
}
@media all and (max-width: 640px) {
	#top #wrapper .indent { padding-left: 4%; padding-right: 0%;  }
	#top #wrapper .float_right { max-width: none; margin-left: 0; }
	#top #wrapper .float_left {  max-width: none; margin-right: 0; }
}

/* Sys msg */
#sysmsg { padding: 24px; margin-bottom: 24px; }
#sysmsg.error {  }

/* .wrapper.cover */
.cover { background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* News and events*/
.description div.abstract { font-style: italic; font-weight: bold; }


/* Downloads */
ul.items_addon { padding-top: 24px;  border-top: 1px solid #eee; } /* #7e7b65 */
ul.items_addon > li {  }
ul.items_addon > li > div.item { border-bottom: 1px solid #eee; }
ul.items_addon > li > div.item.hasafter { border-bottom: 0; }
ul.items_addon > li > div.item:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
ul.items_addon .image { z-index: 2; width: 300px; padding: 24px; background: #e7e2ba; background: #eee; float: right; margin: 0 0 24px 24px; text-align: center; }
ul.items_addon .image a { display: block; }
ul.items_addon .image img { display: inline-block; border: 1px solid #eee; max-width: none; } /* box-sizing: border-box;  */
ul.items_addon .main { z-index: 1; padding-bottom: 24px; }
ul.items_addon .links { z-index: 1; padding-bottom: 24px; }


/* News */
ul.items_article { padding-top: 24px;  border-top: 1px solid #eee; } /* #7e7b65 */
ul.items_article > li {  }
ul.items_article > li > div.item { border-bottom: 1px solid #eee; }
ul.items_article > li > div.item.hasafter { border-bottom: 0; }
ul.items_article > li > div.item:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
ul.items_article .image { z-index: 2; width: 300px; padding: 24px; background: #e7e2ba; background: #eee; float: right; margin: 0 0 24px 24px; text-align: center; }
ul.items_article .image a { display: block; }
ul.items_article .image img { display: inline-block; border: 1px solid #eee; } /* box-sizing: border-box;  */
ul.items_article .main { z-index: 1; padding-bottom: 24px; }
ul.items_article .links { z-index: 1; padding-bottom: 24px; }
#c_news_start ul.items_article .image { /* background: transparent; display: none; */  }

.article div.date { color: #7e7b65; display: none; }

#c_article .image { width: 400px; float: right; margin: 0 0 24px 24px; }
#c_article .main > div { margin-bottom: 24px; }
#c_article .links  { margin-bottom: 24px; }
#c_article #addonstage .inner { background: #e7e2ba; background: #eee; padding: 24px; }


/* Events... border-top: 1px solid #7e7b65; */
div#c_events_current.objectlist { overflow: visible; }
ul.items_event { padding-top: 24px; border-top: 1px solid #eee; }
ul.items_event > li {  }
ul.items_event > li > div.item { padding-left: 100px; border-bottom: 1px solid #eee; }
ul.items_event > li > div.item.hasafter { border-bottom: 0; }
ul.items_event > li > div.item .dates { width: 100px; margin-left: -100px; float: left; }
ul.items_event > li > div.item:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
ul.items_event .image { z-index: 2; width: 300px; padding: 24px; background: #e7e2ba; background: #eee; float: right; margin: 0 0 24px 24px; text-align: center; }
ul.items_event .image a { display: block; }
ul.items_event .image img { display: inline-block; border: 1px solid #eee; /* max-width: none; */ }
ul.items_event .main { z-index: 1; padding-bottom: 24px; }
ul.items_event .links { z-index: 1; padding-bottom: 24px; }

.event .dates { width: 100px; }
.event .dates .date { width: 80px; background: #e7e2ba; background: #eee; text-align: center; padding: 6px 0 6px 0; margin-bottom: 12px; }
.event .dates .date span { display: block; }
.event .dates .date .day { font-size: 26px; line-height: 32px; }
.event .dates .date .month { font-size: 26px; line-height: 32px; }

.items .event .eventdate { color: #7e7b65; }
#c_event .eventdate { font-weight: bold; margin-bottom: 24px; }

#c_event .image { width: 400px; float: right; margin: 0 0 24px 24px; }
#c_event .main > div { margin-bottom: 24px; }
#c_event .links  { margin-bottom: 24px; }
#c_event .links > div { margin-bottom: 24px; }

/* Downloads */
/*
#c_catalogs ul.items_addon div.item { }
#c_catalogs ul.items_addon div.item:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#c_catalogs ul.items_addon .image { z-index: 2; width: 150px; float: right; margin: 0 0 24px 24px; }
#c_catalogs ul.items_addon .main { z-index: 1; }
*/

#wrapper #c_catalogs  { overflow: hidden; }
#wrapper #c_catalogs > ul { margin-left: -12px; margin-right: -12px; }
#wrapper #c_catalogs > ul:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper #c_catalogs > ul > li { box-sizing: border-box; }
#wrapper #c_catalogs > ul > li:nth-child(2n+1) { clear: both; }
#wrapper #c_catalogs > ul > li { width: calc(50% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; background: #e7e2ba; background: #eee; padding: 24px; text-align: center; }

#wrapper #c_catalogs > ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 




@media screen and (max-width: 840px) {

	#c_article .image { width: 300px; }
	#c_event .image { width: 300px; }
	
	ul.items_event .image { width: 200px; }
}

@media screen and (max-width: 640px) {

	#c_article .image { width: 100%; margin: 0 0 24px 0; }
	#c_event .image { width: 100%; margin: 0 0 24px 0; }
	
	#wrapper #c_catalogs > ul > li { width: 100%;  }
	

	/*
	ul.items_event > li > div.item { padding-left: 0; }
	ul.items_event > li > div.item .dates { margin-left: -0; float: left; }
	ul.items_event .image img { height: 102px; width: auto;  }
	ul.items_event .main { clear: right; }
	*/
	ul.items_event .image { display: none; }
	
	ul.items_article .image { width: 100%; padding: 24px; background: #e7e2ba; background: #eee; text-align: center;   display: none;  }
}

@media screen and (max-width: 640px) {
	ul.items_event > li > div.item { padding-left: 0; }
	ul.items_event > li > div.item .dates { margin-left: -0; float: left; }
}



/* -------------------------------------- */
/* MSB */
/* -------------------------------------- */

#c_share { text-align: right; }
#c_share a { display: inline-block; margin-left: 8px; }

#container .objectlist.items_product { overflow: hidden; }

#container ul.items_product { list-style: none; }
#container ul.items_product li { list-style: none; padding: 0; margin: 0; box-sizing: border-box; }
#container ul.items_product li:before { display: none; }

/*
#wrapper .booklist  { overflow: hidden; }
#wrapper .booklist > ul { margin-left: -12px; margin-right: -12px; }
#wrapper .booklist > ul:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper .booklist > ul > li:nth-child(4n+1) { clear: both; }
#wrapper .booklist > ul > li { width: calc(25% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; background: #e7e2ba; background: #eee; padding: 24px; text-align: center; }
#wrapper .booklist > ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; }
*/
#wrapper .booklist  ul > li { text-align: center;  }
#wrapper .booklist .item h3 { font-size: 15px; line-height: 24px; color: #000; }
#wrapper .booklist .item.hasimg h3 { display: none; }
#wrapper .booklist .item .main { }
#wrapper .booklist .item h3 a { color: #000; display: block; box-sizing: border-box; padding: 24px 12px; }
#wrapper .booklist .actions { margin-top: 12px; display: none; }
#wrapper .booklist a.action { display: block; }
#wrapper .booklist .item .image { padding: 8px; }
#wrapper .booklist .item img { /* border: 1px solid #eee; */ display: inline-block; box-sizing: border-box; box-shadow: -4px 5px 8px #444; }
#wrapper .booklist .item a { display: block; }



#wrapper .booklist .filter { border-bottom: 1px solid #eee; margin-bottom: 12px; }

#wrapper #c_rights_all .actions { display: none; }


#wrapper .booklist  ul > li.item.view_list_en { background: #eee; padding-top: 24px; padding-bottom: 16px; }
.id_p_book_en  #wrapper .booklist  ul > li.item.view_list_en { padding-top: 8px; }
#wrapper .booklist .item.view_list_en h3 { display: block; }
#wrapper .booklist .item.view_list_en h3 a { font-weight: bold; padding: 8px 0 0 0; }
#wrapper .booklist .item.view_list_en .main { padding: 0 12px;  }


/* Search */

#searchengine  { overflow: hidden; }
#searchengine ul.items { margin-left: -12px; margin-right: -12px; }
#searchengine ul.items:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#searchengine ul.items > li:nth-child(4n+1) { clear: both; }
#searchengine ul.items > li { width: calc(25% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden; background: #e7e2ba; background: #eee; padding: 24px; text-align: center; box-sizing: border-box; }
#searchengine a.action { display: block; }
#searchengine ul.items { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 
#searchengine h3 { font-size: 15px; line-height: 24px; }
#searchengine ul.items .image { max-width: 120px; margin: 0 auto 0 auto; }
#searchengine .abstract { display: none; }

#searchengine ul.items .image a { display: inline-block; }
#searchengine ul.items .image img { box-shadow: -4px 5px 8px #444; }

@media screen and (max-width: 1130px) {
	/*
	#wrapper .booklist > ul > li { width: calc(50% - 24px); }
	#wrapper .booklist > ul > li:nth-child(2n+1) { clear: both; }
	*/
	#searchengine ul.items > li { width: calc(50% - 24px); }
	#searchengine ul.items > li:nth-child(2n+1) { clear: both; }
}
@media screen and (max-width: 640px) {
	/*
	#wrapper .booklist > ul > li { width: calc(100% - 24px); }
	*/
	#searchengine ul.items > li { width: calc(100% - 24px); }
}

#container ul.az { list-style: none; text-align: center; }
#container ul.az li { list-style: none; padding: 0; margin: 0; box-sizing: border-box; }
#container ul.az li:before { display: none; }
#container ul.az li { display: inline-block; margin: 0 2px 12px 2px; }
#container ul.az li a { display: block; min-width: 30px; box-sizing: border-box; padding: 4px 2px 6px 2px; background: #e7e2ba; background: #eee; text-align: center; }
#container ul.az li a.active { background: #ee9900; color: #fff; }
#container ul.az li a:hover { background: #ee9900; color: #fff; }
#container ul.az .prev, #container ul.az .next { display: none; }
#container ul.az.hasfound li.notfound { opacity: 0.4; }
#form_flt_authors .form div.submit { }

.filter #opts_authoraz { width: 100%; }
.filter #opts_authoraz ul.az { text-align: left; }

#c_authorlist ul.items_author { list-style: none; }
#c_authorlist ul.items_author li { list-style: none; padding: 0; margin: 0; box-sizing: border-box; }
#c_authorlist ul.items_author li:before { display: none; }

#wrapper #c_authorlist  { overflow: hidden; }
#wrapper #c_authorlist .items > ul { margin-left: -12px; margin-right: -12px; }
#wrapper #c_authorlist .items > ul:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper #c_authorlist .items > ul > li:nth-child(6n+1) { clear: both; }
#wrapper #c_authorlist .items > ul > li { width: calc(16.66% - 24px); float: left;  margin: 0 12px 24px 12px; overflow: hidden;  text-align: center; }

#wrapper #c_authorlist .items > ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 
#wrapper #c_authorlist .items > ul a.details { display: none; }

#c_book_authors_books .description { padding-bottom: 12px; }

#c_author .image { width: 220px; margin: 0 0 12px 24px; float: right; }
#c_author:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
.id_p_author #c_authorbooks .author h1 { display: none; }


#c_start_slider { display: none; }
.id_p_publishers_aug_overview #c_start_slider { } /* margin-top: -68px;  */
.id_p_publishers_msb_overview #c_start_slider { }
.id_p_publishers_fpr_overview #c_start_slider { }

.startshow { margin-top: -32px; }
.id_p_publishers_aug_overview #c_breadcrumbs { display: none; }
.id_p_publishers_msb_overview #c_breadcrumbs { display: none; }
.id_p_publishers_fpr_overview #c_breadcrumbs { display: none; }
.id_p_publishers_roh_overview #c_breadcrumbs { display: none; }

#c_start_slider .viewport { margin: 0; padding: 0; background: #e7e2ba; background: #eee; }
#c_start_slider ul.items_product { margin: 0; padding: 0;  }
#c_start_slider ul.items_product li { overflow: hidden; position: relative; background: #e7e2ba; background: #eee; width: 100%; }
#c_start_slider ul.items_product li div.item { padding: 42px; height: 440px;  }
#c_start_slider ul.items_product li div.item:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }

#c_start_slider ul.items_product li a { display: block; color: #000; width: 60%; margin: 0 auto; box-sizing: border-box;  }
#c_start_slider ul.items_product li a:before { display: none; }
#c_start_slider ul.items_product li a:hover { color: inherit; }

#c_start_slider ul.items_product li .image { float: left; margin-right: 24px;  }
#c_start_slider ul.items_product li .main { /* float: left; width: calc(100% - 224px); */ }
#c_start_slider ul.items_product li .image img { display: block; float: right; height: 300px; width: auto;  }
#c_start_slider ul.items_product li .abstract { /* font-size: 20px; line-height: 28px; */ }
#c_start_slider ul.items_product li h3 { font-size: 34px; line-height: 46px; margin-bottom: 8px; }

#c_start_slider ul.items_product li div.item { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#c_start_slider ul.items_product li .inside { overflow: hidden; }
#c_start_slider ul.items_product li a { padding: 24px; background: rgba(255,255,255,0.8); background: #fff; border: 1px solid #eee; box-shadow: 0px 4px 4px #444; }

@media screen and (max-width: 1130px) {

	#c_start_slider ul.items_product li a { width: 70%; }
	/*
	#wrapper #c_authorlist > ul > li { width: calc(50% - 24px); }
	#wrapper #c_authorlist > ul > li:nth-child(2n+1) { clear: both; }
	*/
	
	/*
	#c_start_slider ul.items_product li .authors { display: none;  }
	#c_start_slider ul.items_product li .image { width: 160px;  }
	#c_start_slider ul.items_product li .main { padding-left: 0; width: calc(100% - 184px); }
	#c_start_slider ul.items_product li .abstract { font-size: 16px; line-height: 22px; }
	#c_start_slider ul.items_product li h3 { font-size: 30px; line-height: 38px; }
	*/
}

@media screen and (max-width: 840px) {
	#c_start_slider ul.items_product li div.item { padding: 36px; height: 370px;  }
	#c_start_slider ul.items_product li a { width: 90%; margin: 0 auto; }
	#c_start_slider ul.items_product li .image { float: left; margin-right: 24px;  }
	#c_start_slider ul.items_product li .image img { display: block; float: right; height: 220px; width: auto;  }
	#c_start_slider ul.items_product li h3 { font-size: 34px; line-height: 46px; }
	/*
	#c_start_slider ul.items_product li div.w > .inside { width: 100%;  } 
	
	#c_start_slider ul.items_product li { width: 100%;  }
	#c_start_slider ul.items_product li div.b { max-width: 600px; margin: 0 auto; }
	*/
	/*
	#c_start_slider ul.items_product li .image { float: left; width: 100px; margin-right: 12px; }
	#c_start_slider ul.items_product li .image img { display: block; float: right; }
	#c_start_slider ul.items_product li .main { padding-left: 12px; float: left; width: calc(100% - 112px); }
	#c_start_slider ul.items_product li .abstract { font-size: 15px; }
	#c_start_slider ul.items_product li .authors { display: none; }
	#c_start_slider ul.items_product li h3 { font-size: 20px; line-height: 26px; }
	*/
}
@media screen and (max-width: 740px) {
	#c_start_slider ul.items_product li h3 { font-size: 24px; line-height: 24px; }
	#c_start_slider ul.items_product li .authors { display: none; }

}

@media screen and (max-width: 640px) {

	#wrapper #c_authorlist .items > ul > li { width: calc(100% - 24px); }
	
	/*
	#c_start_slider ul.items_product li div.b { max-width: 400px; }
	#c_start_slider ul.items_product li .image { width: 120px;  }
	#c_start_slider ul.items_product li .main { padding-left: 0; width: calc(100% - 144px); }
	#c_start_slider ul.items_product li .abstract { font-size: 15px; line-height: 22px; }
	#c_start_slider ul.items_product li h3 { font-size: 24px; line-height: 30px; }
	*/
	/*
	#c_start_slider ul.items_product li { width: 50%; }
	#c_start_slider ul.items_product li div.w { padding: 48px 0 0 0; }
	#c_start_slider ul.items_product li .image { width: 100%; margin-left: 0; text-align: center; }
	#c_start_slider ul.items_product li .image img { display: inline-block; float: none; }
	#c_start_slider ul.items_product li .main { display: none; }
	*/
	#c_author .image { width: 100%; margin: 0 0 24px 0; }
	
	
	/*
	#c_start_slider ul.items_product li div.w > .inside { width: 100%;  } 
	#c_start_slider ul.items_product li .image { float: left; width: 100px; margin-right: 12px; }
	#c_start_slider ul.items_product li .image img { display: block; float: right; }
	#c_start_slider ul.items_product li .main { padding-left: 12px; float: left; width: calc(100% - 112px); }
	#c_start_slider ul.items_product li .abstract { font-size: 15px; }
	#c_start_slider ul.items_product li .authors { display: none; }
	#c_start_slider ul.items_product li h3 { font-size: 20px; line-height: 26px; }
	*/
	
	img.left { max-width: 50%;  }
	img.right { max-width: 50%;  }
	img.float_left { max-width: 50%; }
	img.float_right { max-width: 50%; }

	
}
@media all and (max-width: 540px) {
	/*
	#c_start_slider ul.items_product li div.item { padding: 12px; height: 300px;  }
	*/
	#c_start_slider ul.items_product li div.item { height: 300px; padding: 24px 12px;  }
	#c_start_slider ul.items_product li .image { display: none;  }
	#c_start_slider ul.items_product li a { width: 100%; }
	/*
	#c_start_slider ul.items_product li .image { float: none; margin: 0; width: 100%; text-align: center; }
	#c_start_slider ul.items_product li .image img { float: none; height: 200px; display: inline-block; }
	#c_start_slider ul.items_product li .main { display: none; }
	*/
}
@media all and (max-width: 400px) {
	/*
	#c_start_slider ul.items_product li div.b { max-width: 300px; }
	#c_start_slider ul.items_product li .image { width: 100%; margin-right: 0; }
	#c_start_slider ul.items_product li .image img { max-width: 70%; margin: 0 auto; float: none; }
	#c_start_slider ul.items_product li .main { width: 100%; text-align: center; display: none; }
	#c_start_slider ul.items_product li .abstract { display: none; }
	*/
}

.id_p_start .publishers { text-align: center; }
.id_p_start .publishers .textblock { padding-bottom: 12px; }
.textblock .image a { display: block; }

.overline { color: #7e7b65; }
.details.product .overline { display: none; }
.details.product .keywords { display: none; }
.details.product > div { z-index: 1; }
/*
.details.product > .nav { clear: both; z-index: 2; font-size: 36px; line-height: 36px; float: right; margin: -6px 0 8px 12px; }
*/
.details.product > .nav { clear: both;  }
.details.product > .nav a { display: inline-block; margin-right: 24px;  }

.details.product > .main { }
.details.product > .main:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
.details.product > .main > .meta { z-index: 1; padding-bottom: 24px; }
.details.product > .main > .image { z-index: 2; }
.details.product > .main > .image { float: left; margin: 0 24px 24px 0; }
.details.product .main .image img { /* border: 1px solid #7e7b65; */ display: inline-block; box-shadow: -4px 5px 8px #444; }
.details.product .actions { padding-top: 24px; }

.details.product .actions fieldset { width: auto; }
#container .details.product .actions form { margin-bottom: 0; }
/*
.details.product .actions form { display: inline-block; }  .actions a.notifyme { display: inline-block; }
*/
.details.product .also { padding-top: 8px; padding-bottom: 8px; }
.details.product .alsooa { margin-top: 24px; margin-bottom: 24px; }

.details.product h1 { margin-bottom: 12px; }
.details.product .meta h2 { margin-bottom: 12px; margin-top: -12px; }
.details.product p.back { clear: both; }
.details.product .meta .product > div { margin-bottom: 12px; }
.details.product .meta .product > div.overline { margin-bottom: 0; }
.details.product .meta .product > div.authors { margin-bottom: 0; }

.details.product > .tabs { margin-bottom: 24px; }
.details.product #pmore > div:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
.details.product #pmore > div { margin-bottom: 4px; padding-left: 140px; }
.details.product #pmore strong { float: left; display: block; margin-left: -140px; width: 136px; }
.details.product .abstract {  }
.details.product .teaser {  }

#c_product_en .meta .product > div { margin-bottom: 0; }
#c_product_en .meta .product > div.abstract { margin-bottom: 12px; }
#c_product_en .meta .product > div.binding p { margin-bottom: 0; }

/*
.details.product .authors { margin-bottom: 12px; }
.details.product div.remark { margin-bottom: 12px; }
.details.product div.price { margin-top: 24px; }
*/





.tabs .nav > div { display: inline-block; margin-right: 8px; }
.tabs .nav a:after { display: none; }
.tabs .nav a { display: block; background: #7e7b65; padding: 8px 16px; color: #fff; }
.tabs .nav a.open { pointer-events: none; }
.tabs .nav a.open { background: #e7e2ba; background: #eee; color: #000; }
.tabs .nav a:hover { background: #e7e2ba; background: #eee; color: #ee9900; }
.tabs > .content { background: #e7e2ba; background: #eee; padding: 24px; }

@media screen and (max-width: 840px) {
	.details.product > .main .image { max-width: 200px; }
}
@media screen and (max-width: 840px) {
	.tabs .nav { overflow: hidden; }
	.tabs .nav a { padding-bottom: 508px; margin-bottom: -500px; background: #fdfdfd; color: #000; border-left: 1px solid #e7e2ba; border-top: 1px solid #e7e2ba; border-right: 1px solid #e7e2ba; }
	.tabs .nav a:hover { }
	.tabs .nav > div { display: block; margin-right: 0; }
	.tabs .nav > div:nth-child(10n+2) { padding-left: 16px; }
	.tabs .nav > div:nth-child(10n+3) { padding-left: 32px; }
	.tabs .nav > div:nth-child(10n+4) { padding-left: 48px; }
	.tabs .nav > div:nth-child(10n+5) { padding-left: 64px; }
	.tabs .nav > div:nth-child(10n+6) { padding-left: 80px; }
}
@media screen and (max-width: 640px) {
	.details.product > .main  { clear: both; }
	.details.product > .main .image { float: none; max-width: none; margin-right: 0; padding: 24px; background: #e7e2ba; background: #eee; text-align: center; }
}

@media screen and (max-width: 440px) {
	.details.product #pmore > div { padding-left: 112px; }
	.details.product #pmore strong {  margin-left: -112px; width: 100px; }
}

#container .listdetails.productgroup a.details { margin-bottom: 12px; }
#container ul.items_productgroup > li { padding: 24px 32px; }
#container ul.items_productgroup > li:nth-child(odd) { background: #eee; }

.details.productgroup > .main  { padding-bottom: 24px; }
.listdetails.productgroup > .main > .description  { padding-bottom: 24px; }


.block > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }



#c_notifyme_details .image { z-index: 2; width: 200px; float: right; margin: 0 0 12px 12px; }
#c_notifyme_details .main { z-index: 1; } 
#c_notifyme_details:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

/* -------------------------------------- */
/* Media queries */
/* -------------------------------------- */



@media all and (max-width: 1130px) {

}

@media all and (max-width: 840px) {


}

@media all and (max-width: 640px) {

}

@media all and (max-width: 400px) {

}




#focusmark { display: block; position: absolute; z-index: 100000; top: -10; left: -10; width: 1px; height: 1px; background: transparent; border: 2px dotted #4444ff; box-sizing: border-box;
	pointer-events: none;
	transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; 
}
#focusmark.moving { background: rgba(100,100,255,0.5); }