/*!
pw demo
(c) 2018 webdecker
author: i.decker, www.webdecker.de
date: 2018-08-22
*/

/* -------------------------------------- */
/* Basics, reset */
/* -------------------------------------- */
body { padding: 0; margin: 0; }

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 #666; cursor:help; }
blockquote, q { quotes: none; }
fieldset, img { border:0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
hr { border: 0; border-top: 1px solid #888888; }

div, section, aside, nav, fieldset, header, footer, figcaption, figure, main, article, ul, ol, h1, h2, h3, h4, h5, audio, video, iframe { display: block; position: relative; box-sizing: border-box; }
li { position: relative; box-sizing: border-box; }
p { display: block; position: relative; padding-bottom: 12px; }
nav { padding: 0; margin: 0; }

img { max-width: 100%; height: auto; }
img.align_left { max-width: 50%; display: block; float: left; margin-right: 24px; margin-bottom: 24px; }
img.align_right { max-width: 50%; display: block; float: right; margin-left: 24px; margin-bottom: 24px; }
img.w25 { max-width: 25%; }
img.w33 { max-width: 33%; }
img.w50 { max-width: 50%; }
a:focus img { opacity: 0.5; }
figure { max-width: 100%; }
figure img { display: block; }
figure.align_top {  margin: 0 0 24px 0; }
figure.align_right { float: right; margin: 0 0 24px 24px; width: 20%; }
figure.align_left { float: left; margin: 0 24px 24px 0; width: 20%; }
figure.align_below { margin: 12px 0 0 0; }
figure.align_background { position: absolute; top: 0; left: 0; max-width: none; }
figure.align_background img { width: 100%; max-width: none; }

p.align_left { max-width: 50%; display: block; float: left; margin-right: 24px; margin-bottom: 24px; }
p.align_right { max-width: 50%; display: block; float: right; margin-left: 24px; margin-bottom: 24px; }
p.w25 { max-width: 25%; }
p.w33 { max-width: 33%; }
p.w50 { max-width: 50%; }
p.figure { color: #888; font-size: 74%; line-height: 125%; z-index: 2; }
p { z-index: 1; }

.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,
body#top #m2 a:focus span span xxx  { position: relative; display: block; height: auto; width: auto; clip: auto; clip-path: none; background: #000; color: #fff; }
/* 
https://www.barrierefreies-webdesign.de/knowhow/verstecken-von-inhalten/sr-only-und-fokus.html
https://die-netzialisten.de/elemente-per-css-barrierefrei-ausblenden/
*/
body#top .mobile { display: none; }
body#top .nomobile { display: block; }
body#top .printblock { display: none; }
body#top .printinline { display: none; }
body#top .screenblock { display: block; }
body#top .screeninline { display: inline-block; }

nav { display: block; position: relative; }

/* -------------------------------------- */
/* Fonts */
/* -------------------------------------- */
body { font-family: "Skolar Sans PE Web", Verdana, sans-serif; font-weight: normal; font-size: 18px; line-height: 26px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

body.medfont { font-size: 22px; line-height: 30px; }
body.bigfont { font-size: 25px; line-height: 35px; }

.select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered,
input, button, a.button { font-family: "Skolar Sans PE Web", Verdana, sans-serif; font-weight: normal; font-size: 100%; line-height: 140%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
textarea, select, option { font-family: "Skolar Sans PE Web", Verdana, sans-serif; font-weight: normal; font-size: 100%; line-height: 140%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

h1, h2, h3, h4 { font-family: "Skolar Sans PE Web", Verdana, sans-serif; font-weight: normal; font-size: 100%; line-height: 140%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

h1 em, h2 em, a > span > em { font-style:normal; }

.fa,
.toggle:after, #mainmenu li.submenu > a > span:after, #c_momenu li.submenu > a:after,
.ce_back a:before, .ce_link a:before, .ce_sitemap li:before, .ce_search .search_result li:before,
#mainmenu li.close span:after,
h1 a:before, h2 a:before, h3 a:before, h4 a:before, div.more a:before,
#order_back a:before,
xxx
	{ font-family: FontAwesome; font-weight: normal; 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; }


h1, p.h1 { font-size: 189.5%; line-height: 133%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; }
h2, p.h2 { font-size: 150%; line-height: 130%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: 700; text-transform: uppercase; }
h3, p.h3 { font-size: 126%; line-height: 130%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: 700; text-transform: uppercase; }
h4, p.h4 { font-size: 116%; line-height: 130%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: 700; text-transform: uppercase; }
@media screen and (max-width: 900px) {
	h1, p.h1 { font-size: 170%; }
	h2, p.h2 { font-size: 140%; }
}
h1 span.sub, p.h1 span.sub { display: block; font-size: 53%; line-height: 143%; }
h2 span.sub, p.h2 span.sub { display: block; font-style: italic; font-size: 63%; line-height: 143%; }
h3 span.sub, p.h3 span.sub { display: block; font-style: italic; font-size: 79%; line-height: 143%; }



figcaption { font-size: 14px; line-height: 20px; padding-top: 8px; }
.medfont figcaption { font-size: 17px; line-height: 23px; }
.bigfont figcaption { font-size: 20px; line-height: 26px; }

#o_search a { font-size: 30px; line-height: 38px;   font-size: 155%; line-height: 130%;  }
#o_menu a { font-size: 30px; line-height: 38px;     font-size: 155%; line-height: 130%;  }
#o_cart a { font-size: 30px; line-height: 38px;     font-size: 140%; line-height: 130%; }

footer { font-size: 16px; line-height: 22px; }
.medfont footer { font-size: 19px; line-height: 25px; }
.bigfont footer { font-size: 22px; line-height: 28px; }

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* general, sizes */
.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w,
	xxx, #c_search > .inside, #mainmenu > .inside, #footer > .inside
	{ width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; }

#container > .inside { padding-right: 232px; }

#sidebar { width: 232px; margin-right: -232px; float: left; padding-left: 32px; }
#main { width: 100%; float: left; display: table; }

.fullsize #container #main > .inside > .fullsize { width: 100%; max-width: none; }
.fullsize #container > .inside { width: 100%; max-width: none; }
.fullsize #container > .inside { padding-right: 0; }
.fullsize #sidebar { display: none; }

#container > .inside:after, #footer > .inside:after, #main > .inside:after, #sidebar > .inside:after, #header > .inside > .w:after
	{ display: block; clear: both; content: ""; font-size: 0; line-height: 0; }




#container .ce { margin-bottom: 32px; }
#container .ce:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
#container .ce.nomargin { margin-bottom: 0; }

#wrapper { width: 100%; overflow: hidden; }
#header { z-index: 1000; }
	body { }
	#head { }
		#head > div { z-index: 1; clear: both; }
		#head #head_logo { z-index: 10001; overflow: hidden;  }
			#head #head_logo > .inside { padding-top: 32px; padding-left: 140px; display: table; }
		#logo { float: left; width: 120px; margin-left: -192px; padding-bottom: 8px; }
			#logo img, #logo a { display: block; }
		#navi { float: left; width: 100%; }
		#buttons { float: right; padding-top: 0px; margin-bottom: 8px; }
			#buttons > div { float: left; text-align: right; margin-left: 0.5em; }
			#buttons > #o_cart { margin-left: 1em; }
			#buttons > #o_menu { margin-left: 1.3em; }
			#buttons > div:first-child { margin-left: 0; }
			#buttons:after { display: block; position: relative; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; width: 100%; }
			
		#head_menu { z-index: 10000; float: right; clear: both; padding-right: 11em; margin-bottom: 26px; }
			.bigfont #head_menu { padding-right: 5em;  }
			.medfont #head_menu { padding-right: 5em;  }
			#head_menu li {  }
			#head_menu:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
		#head_search { clear: both; padding-bottom: 12px; }
		#navi:after  { display: block; position: relative; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; width: 100%; }
			
		#head #cs { display: none; overflow: hidden;  }
			.jsgo #head #cs { display: block; }
			#head .c { z-index: 1; clear: both; }
			/*
			#c_search > .inside { padding-top: 32px; padding-bottom: 24px; text-align: center; }
				#c_search form { margin-bottom: 24px; }
				#c_search form button span { padding-left: 12px; padding-right: 12px; }
			*/
			#c_momenu { display: none; }
			#c_momenu > .inside { padding-top: 32px; padding-bottom: 24px; }
			#c_momenu nav { margin-bottom: 24px; }
		#head #cs div.close { font-size: 24px; line-height: 24px; text-align: center; }
		
		#m2 .section > .inside { padding: 24px 0 24px 0; }
		#m2 { display: none; }
		.jsgo #m2 { display: block; }
		
	/*
	#mainmenu:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; }
	*/
#container { clear: both; z-index: 1; }
	#main { padding-top: 24px; min-height: 600px; z-index: 100; padding-bottom: 48px; }
		#main .ce.main:after { display: none; }
		#main .ce.main { margin-bottom: 24px; }
		#main .ce_meta.main { margin-bottom: 8px; }
		#main .ce_text.main { margin-bottom: 0; }
		#main .ce_text.main:after { display: block; }
	#sidebar { padding-top: 24px; z-index: 1; }

#footer { clear: both; z-index: 0; padding-top: 24px; padding-bottom: 32px; z-index: 10; }
	#share .ce_share { text-align: right; padding-bottom: 24px; }
		#share .ce_share a { padding: 0 4px; }
	#copy { /* float: left; width: 45%; */ padding-top: 24px; }
	#footermenu { float: right; width: 45%; text-align: right; }
	
	
#totop { position: fixed; bottom: 0; right: 0; text-align: center; background: rgba(220,220,220,0.5); z-index: 20000; }
#totop:hover { background: rgba(220,220,220,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; }

#fontsel a { display: inline-block; padding: 4px 8px 4px 0; }
#fontsel b:before { content:'A'; display: inline-block; color: #fff; font-size: 90%; }
#fontsel a.medfont b:before { font-size: 110%;  }
#fontsel a.bigfont b:before { font-size: 130%; }
.normalfont #fontsel a.normalfont b:before { color: #ed9971; }
.medfont #fontsel a.medfont b:before { color: #ed9971; }
.bigfont #fontsel a.bigfont b:before { color: #ed9971; }
#top #fontsel a:hover b:before { color: #ed9971; }

/*
#c_momenu { position: absolute; top: 0; left: 0; z-index: 10000; overflow: hidden; min-height: 100%; display: none; width: 0px; }
#c_momenu > .inside {  }
#c_momenu .close { text-align: right; }
*/
#o_menu { display: none; }

/* Header shadow stuff */
/*
#head { box-shadow: 0px 4px 4px #444; }
#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; }

#footer { box-shadow: 0px -3px 4px #000; }

*/


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

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

#head.sticky #cs { display: none; }


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


#wrapper div.cols  { overflow: hidden; }
#wrapper div.cols > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper div.cols.empty > .inside { margin-left: 0; margin-right: 0; }
#wrapper div.cols > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper div.cols > .inside > div { float: left;  margin: 0 12px 24px 12px; overflow: hidden;  }
#wrapper div.cols > .inside > div:after { display: none; }

#wrapper div.cols.col2 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col21 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col12 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col31 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col13 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col41 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col14 > .inside > div:nth-child(odd) { clear: both; }
#wrapper div.cols.col3 > .inside > div:nth-child(3n+1) { clear: both; }
#wrapper div.cols.col4 > .inside > div:nth-child(4n+1) { clear: both; }
#wrapper div.cols.col5 > .inside > div:nth-child(5n+1) { clear: both; }
#wrapper div.cols.col6 > .inside > div:nth-child(6n+1) { clear: both; }

#wrapper div.cols.col2 > .inside > div { width: calc(50% - 24px);  }

#wrapper div.cols.col12 > .inside > div:nth-child(odd) { width: calc(33.33% - 24px);  }
#wrapper div.cols.col12 > .inside > div:nth-child(even) { width: calc(66.66% - 24px);  }
#wrapper div.cols.col21 > .inside > div:nth-child(odd) { width: calc(66.66% - 24px);  }
#wrapper div.cols.col21 > .inside > div:nth-child(even) { width: calc(33.33% - 24px);  }

#wrapper div.cols.col13 > .inside > div:nth-child(odd) { width: calc(25% - 24px);  }
#wrapper div.cols.col13 > .inside > div:nth-child(even) { width: calc(75% - 24px);  }
#wrapper div.cols.col31 > .inside > div:nth-child(odd) { width: calc(75% - 24px);  }
#wrapper div.cols.col31 > .inside > div:nth-child(even) { width: calc(25% - 24px);  }


#wrapper div.cols.col14 > .inside > div:nth-child(odd) { width: calc(20% - 24px);  }
#wrapper div.cols.col14 > .inside > div:nth-child(even) { width: calc(80% - 24px);  }
#wrapper div.cols.col41 > .inside > div:nth-child(odd) { width: calc(80% - 24px);  }
#wrapper div.cols.col41 > .inside > div:nth-child(even) { width: calc(20% - 24px);  }


#wrapper div.cols.col3 > .inside > div { width: calc(33.3% - 24px);  }
#wrapper div.cols.col4 > .inside > div { width: calc(25% - 24px);  }
#wrapper div.cols.col5 > .inside > div { width: calc(20% - 24px);  }
#wrapper div.cols.col6 > .inside > div { width: calc(16.66% - 24px);  }

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

#wrapper div.cols.itemspadded > .inside > div { padding: 24px; }
#wrapper div.cols.itemslight > .inside > div { background-color: #f8f8f8; }


#productfilter ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;  } 
.id_1448 #productfilter ul li.InputfieldSubmit { width: 100%; }


@media screen and (max-width: 900px) {
	#wrapper div.cols.col4 > .inside > div { width: calc(50% - 24px);  }
	#wrapper div.cols.col4 > .inside > div:nth-child(odd) { clear: both; }

	#wrapper div.cols.col5 > .inside > div { width: calc(50% - 24px); }
	#wrapper div.cols.col5 > .inside > div:nth-child(5n+1) { clear: none; }
	#wrapper div.cols.col5 > .inside > div:nth-child(odd) { clear: both; }
	
	#wrapper div.cols.col6 > .inside > div { width: calc(33.33% - 24px);  }
	#wrapper div.cols.col6 > .inside > div:nth-child(3n+1) { clear: both; }
	
	.sidebar #wrapper div.cols.col2 > .inside > div { width: calc(100% - 24px); }
	.sidebar #wrapper div.cols.col3 > .inside > div { width: calc(100% - 24px); }
	.sidebar #wrapper div.cols.col4 > .inside > div { width: calc(100% - 24px); }
	.sidebar #wrapper div.cols.col5 > .inside > div { width: calc(50% - 24px); }
	.sidebar #wrapper div.cols.col6 > .inside > div { width: calc(50% - 24px);  }
	
	.sidebar #wrapper div.cols.col21 > .inside > div:nth-child(odd) { width: calc(100% - 24px); clear: both; }
	.sidebar #wrapper div.cols.col21 > .inside > div:nth-child(even) { width: 50%; float: right;  }

	.sidebar #wrapper div.cols.col12 > .inside > div:nth-child(odd) { width: 50%;  }
	.sidebar #wrapper div.cols.col12 > .inside > div:nth-child(even) { width: calc(100% - 24px); clear: both; }
	
}

@media screen and (max-width: 650px) {
	
	#wrapper div.cols.col2 > .inside > div { width: calc(100% - 24px); }
	#wrapper div.cols.col3 > .inside > div { width: calc(100% - 24px); }
	#wrapper div.cols.col4 > .inside > div { width: calc(100% - 24px); }
	#wrapper div.cols.col6 > .inside > div { width: calc(50% - 24px);  }
	#wrapper div.cols.col6 > .inside > div:nth-child(3n+1) { clear: none; }
	#wrapper div.cols.col6 > .inside > div:nth-child(odd) { clear: both; }
	
	#wrapper div.cols.col21 > .inside > div:nth-child(odd) { width: calc(100% - 24px); clear: both; }
	#wrapper div.cols.col21 > .inside > div:nth-child(even) { width: 50%; float: right;  }

	#wrapper div.cols.col12 > .inside > div:nth-child(odd) { width: 50%;  }
	#wrapper div.cols.col12 > .inside > div:nth-child(even) { width: calc(100% - 24px); clear: both; }
	
	#head_top > div > div { width: 140px; }
	#head_top > div > div.phone { display: none; }
	#head_top > div > div.login { text-align: left; }


}
@media screen and (max-width: 650px) {
	#wrapper div.cols.col5 > .inside > div { width: calc(100% - 24px); }
	
}

#wrapper div.ce_list.type_products  { overflow: visible; }
#wrapper div.ce_list.type_products > .inside { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; overflow: visible; }
#wrapper div.ce_list.type_products > .inside > div:nth-child(5n+1) { clear: both; }
#wrapper div.ce_list.type_products > .inside > div { width: calc(20% - 24px); text-align: center; }
#wrapper div.ce_list.type_products > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#wrapper div.ce_list.type_products > .inside > div { float: left;  margin: 0 12px 24px 12px; overflow: visible; }
#wrapper div.ce_list.type_products > .inside a { color: #000; }
#wrapper div.ce_list.type_products > .inside a:hover { color: #dc471f; }
#wrapper div.ce_list.type_products .title { color: #666; }
#wrapper div.ce_list.type_products .content { padding-top: 12px; }
#wrapper div.ce_list.type_products .image { overflow: hidden; padding: 10px; }
#wrapper div.ce_list.type_products img { height: 280px; width: auto; max-width: none; }
#wrapper div.ce_list.type_products .image.landscape img { height: auto; width: 100%; }
#wrapper div.ce_list.type_products .image.quadratic img { height: auto; width: 100%; }

#wrapper .ce_similar div.ce_list.type_products > .inside > div { width: calc(20% - 24px); }
#wrapper .ce_similar div.ce_list.type_products > .inside > div:nth-child(6n) { display: none; }
/*
#wrapper .ce_similar div.ce_list.type_products > .inside > div:nth-child(5n+1) { clear: none; }
#wrapper .ce_similar div.ce_list.type_products > .inside > div:nth-child(6n+1) { clear: both; }
*/

/*
normal
h = 280
w = 196

1100
h = 500 
w = 350

900
h = 350
w = 245

650 
h = 520
w = 364
*/
@media screen and (max-width: 1400px) {
	#wrapper div.ce_list.type_products > .inside > div:nth-child(5n+1) { clear: none; }
	#wrapper div.ce_list.type_products > .inside > div:nth-child(4n+1) { clear: both; }
	#wrapper div.ce_list.type_products > .inside > div { width: calc(25% -  40px); }
	
	#wrapper .ce_similar div.ce_list.type_products > .inside > div { width: calc(33.3% - 40px); }
	#wrapper .ce_similar div.ce_list.type_products > .inside > div:nth-child(6n) { display: block; }
	
	#wrapper div.ce_list.type_products img { height: 250px; }
	#wrapper .ce_similar div.ce_list.type_products img { height: 350px; }
}
@media screen and (max-width: 1100px) {
	#wrapper div.ce_list.type_products > .inside > div { width: calc(50% - 40px); }
	#wrapper .ce_similar div.ce_list.type_products > .inside > div { width: calc(50% - 40px); }
	
	#wrapper div.ce_list.type_products img { height: 440px; }
	#wrapper .ce_similar div.ce_list.type_products img { height: 440px; }
}
@media screen and (max-width: 900px) {
	#wrapper div.ce_list.type_products img { height: 280px; }
	#wrapper .ce_similar div.ce_list.type_products img { height: 280px; }
	/*
	#wrapper .ce_similar div.ce_list.type_products img { height: 440px; }
	*/
}

@media screen and (max-width: 650px) {
	#wrapper div.ce_list.type_products > .inside > div { width: calc(100% - 40px); }
	#wrapper .ce_similar div.ce_list.type_products > .inside > div { width: calc(100% - 40px); }
	
	#wrapper div.ce_list.type_products img { height: 400px; }
	#wrapper .ce_similar div.ce_list.type_products img { height: 440px; }
}
@media screen and (max-width: 440px) {
	#wrapper .ce_similar div.ce_list.type_products > .inside > div { width: calc(100% - 40px); }
	
	#wrapper div.ce_list.type_products img { height: 300px; }
	#wrapper .ce_similar div.ce_list.type_products img { height: 300px; }
}


/* -------------------------------------- */
/* Lists */
/* -------------------------------------- */
ul { margin-top: 12px; margin-bottom: 12px;  }
li { margin-left: 24px; }
ul ul { margin-top: 8px; margin-bottom: 8px; list-style: disc; }

#header ul { list-style-type: none; margin: 0; padding: 0; }
#header ul:after { content: ''; display: block; clear: both; position: relative; height: 0px; font-size: 0px; line-height: 0px; }
#header li { float: left; display: block; margin: 0; padding: 0; }

#footer ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0;  }
#footer ul:after { content: ''; display: block; clear: both; position: relative; height: 0px; font-size: 0px; line-height: 0px; }
#footermenu li { display: inline-block; margin: 0; padding: 0; }

/*
.subject_series li > a { display: block; }
*/

.id_2839 .ce_breadcrumbs, .id_2842 .ce_breadcrumbs { display: none; }

.ce_breadcrumbs { overflow: hidden; }
.ce_breadcrumbs ol { overflow: hidden; list-style-type: none; margin: 0; padding: 0; float: right; }
.ce_breadcrumbs li { display: block; float: left; margin: 0; padding: 0; }
.ce_breadcrumbs a { display: block; padding: 0 8px 0 0; }
.ce_breadcrumbs span:before { content: '/'; display: inline-block; padding-right: 4px; }
.ce_breadcrumbs li:first-child span:before { content: ''; display: inline-block; padding-right: 4px; }

.pager { clear: both; padding: 12px 0 24px 0; text-align: center; }
.pager ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.pager li { display: inline-block; margin: 0 4px 12px 4px; padding: 0; }
.pager a { display: block; padding: 8px 12px 8px 12px; min-width: 40px; text-align: center; }

/*
.tab_navi ul { overflow: hidden; list-style-type: none; margin: 0; padding: 0;  }
.tab_navi li { float: left; margin: 0; padding: 4px 12px 4px 12px; }
.tab_navi li.open { background: #eeeeee; }
.tab_container { background: #eeeeee; }
.tab_container > .inside { padding: 24px 32px 24px 32px;  }
*/


/* -------------------------------------- */
/* Menus */
/* -------------------------------------- */


/* lang switch */
/*
#head_top div.langswitch .bottom { display: block; width: 100%; height: 3px; box-sizing: border-box; position: absolute; bottom: 0; border-bottom: 3px solid #fff; }
*/
#buttons div.langswitch { padding-top: 1.21ex; }
#buttons div.langswitch li {  }
#buttons div.langswitch li a { text-transform: uppercase; line-height: 90%; padding: 0px 0 2px 0; border-right: 2px solid #fff; display: block; }
#buttons div.langswitch li a span { display: block; padding: 0 4px 0 4px; }
#buttons div.langswitch li:last-child a { border-right: 0; }
#buttons div.langswitch li.active a { color: #ed9971; }

/* main menu desktop */
#mainmenu li.overview { display: none; }

#mainmenu li { padding: 0 8px 0 8px; }
.bigfont #mainmenu li { padding: 0 6px 0 6px; }
#mainmenu li a { display: block; margin: 0; }
#mainmenu li a { color: #fff; padding: 0; margin: 0; }
#mainmenu li:first-child { padding-left: 0; }
#mainmenu li a.active	{ color: #fff; color: #ed9971; }
#mainmenu li a.trail	{ color: #fff; color: #ed9971; }
#mainmenu li a:hover	{ color: #ed9971; }
#mainmenu li a.open	{ color: #ed9971; color: #fff; }
#mainmenu li a.opening	{ color: #ed9971; color: #fff; }

#mainmenu li a span { display: block; padding: 0px 1px 12px 1px; margin: 0; }
#mainmenu li a { border-bottom: 4px solid transparent;  }
#mainmenu li a.active { border-bottom: 4px solid #ed9971; }
#mainmenu li a.trail { border-bottom: 4px solid #ed9971; }
#mainmenu li a.open { border-bottom: 4px solid #ed9971; }
#mainmenu li a.opening { border-bottom: 4px solid #ed9971; }
#mainmenu li a:hover { border-bottom: 4px solid #ed9971; }
#mainmenu li a.closing { border-bottom: 4px solid transparent; }
#mainmenu li a.active.closing,
#mainmenu li a.trail.closing { border-bottom: 4px solid #ed9971; }

#mainmenu li a.active span,
#mainmenu li a.trail span,
#mainmenu li a.open span,
#mainmenu li a.opening span,
#mainmenu li a:hover span { padding-top: 12px; padding-bottom: 0px; }
#mainmenu li a.closing span { padding-top: 0; padding-bottom: 12px; }
#mainmenu li a.active.closing span,
#mainmenu li a.trail.closing span { padding-top: 12px; padding-bottom: 0px; }

#mainmenu li > div.ul { display: none; }

#mainmenu li a span { text-transform: uppercase; }


#mainmenu > ul { float: left; }
#mainmenu > a.house { display: inline-block; width: 20px; background: transparent url(/site/img/haus_2.png) 0 0 no-repeat; background-size: 18px 20px; margin-left: 12px; }
#mainmenu > a.house:hover { background-image: url(/site/img/haus_2_orange.png); }
.medfont #mainmenu > a.house { width: 25px; background-size: 23px 25px; }
.bigfont #mainmenu > a.house { width: 27px; background-size: 25px 27px; }
/*

haus_2_orange.png


#mainmenu .level_1 > li > .ul { box-shadow: -4px 5px 4px #444; }
#mainmenu .level_1 > li > .ul { position: absolute; top: 37px; left: 0; min-width: 150%; background: #eee; color: #000; }
#mainmenu .level_1 > li:last-child > .ul { left: auto; right: 0; }
#mainmenu .level_1 > li > .ul { 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 .level_1 > li.open > .ul { visibility: visible; opacity: 1; margin-top: 0; }

#mainmenu ul.level_2 li { float: none; }
#mainmenu ul.level_2 li a { margin-right: 0; padding-left: 20px; }
#mainmenu ul.level_2 li li a { margin-right: 0; padding-left: 32px; }

#mainmenu ul.level_2 li a { background: #eee; color: #000;  }
#mainmenu ul.level_2 li a:hover { background: #fff; color: #000; }
#mainmenu ul.level_2 li a.active { background: #fff; color: #000; }
#mainmenu ul.level_2 li a.trail { background: #fff; color: #000; }
*/



#c_menu2 { display: none; }

/*
#c_menu2 h4 { color: #dc471f; }
#c_menu2 a { color: #fff; }
#c_menu2 a.active { color: #dc471f; }
#c_menu2 a.trail { color: #dc471f; }
#c_menu2 a:hover { color: #dc471f; }

#header #c_menu2 li { display: block; float: none; }

#c_menu2 nav { overflow: hidden; padding-bottom: 24px; }
#c_menu2 nav .subjects { padding-left: 12px; border-left: 2px solid #fff; }

#c_menu2 .content { padding: 24px 0 0; }
#c_menu2 div.close { padding: 0 0 24px 0; }
*/



#top #wrapper #m2 nav .overview { display: none; }
#m2 > .section > .inside { padding-top: 8px;  } 

#m2 nav { overflow: hidden; padding-bottom: 0; }
#m2 h4 { margin-top: 24px; color: #dc471f; }

#m2 nav.normal { padding-left: 12px; border-left: 2px solid #fff;  }
#m2 nav.normal ul { /* display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; */ }
#m2 nav.normal li { /* width: 25%;  border-left: 2px solid #fff;  padding: 0 24px 0 12px; */ padding: 0 24px 0 0;  } /*  width: 100%; float: none; */
#m2 nav span { display: block; }
#m2 nav a { color: #fff; }
#m2 nav a:hover { color: #dc471f; }
#m2 nav a.active { color: #dc471f; }
#m2 nav a.trail { color: #dc471f; }

#m2 nav.subjects {  }
#m2 nav.subjects ul { padding-left: 12px; border-left: 2px solid #fff; }
#m2 nav.subjects li { width: 100%; }
#m2 nav.subjects div.cols > .inside > div { margin-bottom: 0; }
#m2 nav.subjects li.festschrift { padding-top: 3ex; }
#m2 .ce_letters { padding: 0; }
#m2 .ce_letters li.active a { color: #dc471f; background: transparent; }
#m2 .ce_letters li a:hover { color: #dc471f; background: transparent; }
#m2 .ce_letters li a { padding: 0; }

#m2 .opener a { display: block; width: 100%; text-align: center; }
#m2 .opener a .open { display: block; }
#m2 .opener a .close { display: none; }
#m2 .opener a.open .open { display: none }
#m2 .opener a.open .close { display: block;; }
#m2 .opener a { color: #fff; }
#m2 .opener a:hover { color: #dc471f; }
#m2 .opener i { font-style: normal; display: inline-block; }
#m2 .opener span span { }

#m2.m2_js > .section > .inside{ padding-top: 24px; }
#m2.m2_js nav.normal { }
 
 



/*
#mainmenu ul.level_1 { }
#mainmenu li a { display: block; position: relative; color: #ffffff;  }
#mainmenu li:hover { color: #aa0022; background: #f8f8f8; }
#mainmenu li:hover a { color: #aa0022; background: #f8f8f8; }
#mainmenu li a span { display: block; position: relative; padding: 8px 16px 8px 16px; }
#mainmenu li a.active, #mainmenu li a.trail { color: #aa0022; background: #f8f8f8; }
#mainmenu li a.open { color: #aa0022; }

#mainmenu .level_1 > li > .ul { position: absolute; overflow: hidden; min-width: 100%; background: #f8f8f8; margin-top: -1px; display: none; }
#mainmenu .level_1 > li .ul ul.level_2 { margin-top: 0px; margin-bottom: 12px; }
#mainmenu li ul { padding: 8px;  }
#mainmenu .level_1 > li.open > .ul { display: block; }

#mainmenu li.submenu li { float: none; }
#mainmenu li.submenu li a { color: #555555;}
#mainmenu li.submenu li a:hover { color: #aa0022; }
#mainmenu li.submenu li a.active, #mainmenu li.submenu li a.trail  { color: #aa0022; background: #f8f8f8;  }
#mainmenu li.submenu li a span { padding: 0 8px 8px 8px;  }
#mainmenu li.submenu li:last-child a span { padding-bottom: 0; }
*/



#footermenu a { padding: 0  0 0 8px; }


#fmenus { }
	#fmenus > div { float: right;  }
	#fmenus > .address { width: 20%; }
	#fmenus > .links { width: 80%; padding-right: 48px; }
	
	#fmenus > div { padding-top: 96px; }
	#fmenus .address > .image { margin-top: -96px; margin-bottom: 48px; }
	#fmenus .address > .image img { height: 42px; width: auto; max-width: none; margin-left: -15px; display: block; }
	
	#fmenus .links > ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; }
	#fmenus .links > ul > li { display: block; float: left; width: 33.3%; box-sizing: border-box; padding: 0 12px 0 12px; margin: 0 0 12px 0; border-left: 2px solid #fff; }
	#fmenus .links > ul > li > a { font-weight: 700; }
	#fmenus .links > ul > li li { margin: 0; padding: 0; }

	#fmenus .adr { padding-top: 0.65ex; }
	#fmenus .adr div[itemprop="name"] { font-weight: 700; }
	
#fmenus:after { display: block; position: relative; clear: both; content: ""; font-size: 0; line-height: 0; height: 0; width: 100%; }

@media screen and (max-width: 1100px) {
	#fmenus > .address { width: 25%; }
	#fmenus > .links { width: 75%; }
}
@media screen and (max-width: 900px) {
	#fmenus > .address { width: 35%; }
	#fmenus > .links { width: 65%; }
	
	/*
	#fmenus .links > ul > li { width: 50%; }
	*/
	#fmenus .links > ul > li { width: 100%; border-left: 0; border-bottom: 2px solid #fff; padding-bottom: 12px; padding-left: 0; }
}
@media screen and (max-width: 650px) {
	#fmenus > .address { width: 50%; }
	#fmenus > .links { width: 50%; }
	#fmenus .links > ul > li { width: 100%; border-left: 0; border-bottom: 2px solid #fff; padding-bottom: 12px; padding-left: 0; }
}
@media screen and (max-width: 500px) {
	#fmenus > .address { width: 100%; }
	#fmenus > .links { width: 100%; }
	#fmenus .links  { padding-top: 24px; }
	/* #fmenus .address > .image img { margin-left: 0; }
	*/
	#fmenus .bottomlinelw { display: none; }
	
	#fmenus .links > ul { border-top: 2px solid #fff; padding-top: 8px; }
}


#momenu a { color: #ffffff; font-size: 18px; display: block; border-bottom: 1px solid #fff; padding: 8px 0 8px 0; }
#momenu li li a { padding-left: 24px; }
#momenu li li li a { padding-left: 48px; }
#momenu li li li li a { padding-left: 72px; }

#momenu a:hover { color: #dc471f; }

#momenu a.trail, #c_momenu a.active { color: #dc471f; }
#momenu a.trail:hover, #c_momenu a.active:hover { color: #ffffff; }

#momenu ul li { display: block; float: none; }
#momenu ul { list-style-type: none; margin: 0; padding: 0; }
#momenu ul.level_1 { border-top: 1px solid #fff; }
#momenu ul.level_1 > li { margin-left: 0; }
#momenu ul li { }
#momenu ul ul { margin-bottom: 0; }
#momenu ul ul > li:last-child { padding-bottom: 0; }
#momenu div.close { margin-bottom: 24px; }

.rtl #momenu li li a { padding-left: 0; padding-right: 24px; }


.ce_menu ul { list-style: none; }
.ce_menu li { display: inline-block; padding: 8px 12px 8px 12px; margin: 0 12px 12px 0; background: #e8eae7; }
.ce_menu li.trail a { font-weight: bold; }

/* -------------------------------------- */
/* Colors */
/* -------------------------------------- */

body { background: #dc471f; color: #fff; }
#wrapper { background: #e3e3e3; }
#header { }
	#head_top { background: #dc471f; }
	#head_logo { background: #dc471f; }
	#head_menu {  }

	#c_search { background: #ed9971; }
	#c_momenu { background: #ed9971; }
	#c_menu2 { background: #ed9971; }
	#header .c a.close { color: #fff; }
	#header .c a.close:hover { color: #dc471f; }

	#buttons a { color: #fff; }
	#buttons a:hover { color: #ed9971; }
	
	
	#o_cart a { color: #fff; }
	#o_cart.active a { color: #ed9971; }
	
	#m2 { background: #ed9971; }
	/*
	#head_top div.langswitch .bottom { display: block; width: 100%; height: 3px; box-sizing: border-box; position: absolute; bottom: 0; border-bottom: 3px solid #fff; }
	
	#head_top div.langswitch a { color: #fff; border-bottom: 3px solid transparent;  }
	#head_top div.langswitch .active a { border-bottom: 3px solid #d3d3d3; }
	*/
#container { color: #000; }
#footer { background: #dc471f; color: #fff; }  /*  dd4720  #dc471f !!!! dd4720 neu  #CB6015 */
	#footer a { color: #fff; }
	#footer a:hover { color: #ed9971; }
	#totop a { color: #dc471f; }
	#totop a:hover { color: #ed9971; }
a { color: #dc471f;  }
a:hover { color: #ed9971; }


figcaption { color: #999999; }

h1 em, h2 em { color: #666; }
nav a > span > em, #footer .nav span em { color: #bbb; }
#c_momenu nav a > span > em { color: #ccc; }

h2, p.h2 { padding-bottom: 8px; border-bottom: 3px solid #f58217; margin-bottom: 24px; border-color: #dc471f; }

.ce_form .message { background: #fff;  } /* border: 1px solid #dc471f;  */
.ce_form .message.error { background: #ed9971;  } /* border: 1px solid #dc471f;  */
.InputfieldStateError p { color: #dc471f; }



.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #dc471f; }
#top .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #dc471f; }

p.error, p.InputfieldError { color: #dc471f; }
p.warning { color: #dc471f; }
input, select, textarea { color: #555555; outline: none; }
input { border: 1px solid #aaaaaa; }
textarea { border: 1px solid #aaaaaa; }
select { border: 1px solid #aaaaaa; }
::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

button { border: 0; background: none; }
button span { background: #dc471f; border: 1px solid #ed9971; color: #fff; }
button span:hover { background: #ed9971; border: 1px solid #dc471f; color: #fff; }

a.button { border: 0; background: none; }
a.button span { background: #dc471f; border: 1px solid #ed9971; color: #fff; }
a.button span:hover { background: #ed9971; border: 1px solid #dc471f; color: #fff; }

.colored { background: #ed9971; }
.dark { background: #f58217; }
	.dark > * {  }
.gloomy { background: #444444; }
	.gloomy > * { color: #ffffff; }
.highlight { color: #ff8800; }
.light { background: #eeeeee; }
.white { background: #fff; }

#wrapper div.lightfont { color: #ffffff; }
#wrapper div.darkfont { color: #555555; }

#wrapper .pager a { background: #dc471f; color: #ffffff;  }
#wrapper .pager .current a { background: #ed9971; color: #fff; }
#wrapper .pager a:hover { background: #ed9971; color: #dc471f; }
#wrapper .pager .current a:hover { background: #ed9971; color: #dc471f; }

.pager span.fromto { display: none; }

.ce_breadcrumbs a { color: #dc471f; }
.ce_breadcrumbs a:hover { color: #ed9971; }
.ce_breadcrumbs a em { color: #666; }

.ce_meta { color: #aaaaaa; }
.ce_list .item .meta { color: #aaaaaa; }
.sliding .controls .disabled { color: #aaaaaa; }
.ce_sitemap li:before { color: #aaaaaa; }
.ce_search .search_result li:before { color: #aaaaaa; }
.ce_video .starter span { color: #ffffff; }
.sliding .controls .active { color: #555555; }
.ce_comment .meta { color: #999999; }
.ce_comment .comment { background: #f8f8f8; }

.underline h2 { border-bottom: 2px solid #a21d24; padding-bottom: 12px; margin-bottom: 14px; }
.underline h3 { border-bottom: 2px solid #a21d24; padding-bottom: 12px; margin-bottom: 14px; }

.debug { color: #aaaaaa; display: none; }

#shopmessages { background: #fff; } /* border: 1px solid #333; background: #fefefe; */
#shopmessages.warnings { background: #ed9971; }
#shopmessages.errors { background: #ed9971; }
#shopmessages.warnings a:hover { color: #fff; }
#shopmessages.errors a:hover { color: #fff; }

/* orange  background: #f58217;  */
.ce_letters { background: #ed9971; padding: 24px; }





/* focus */
#top a:focus { color: #000;  }

#top #mainmenu li a:focus	{ color: #000; text-decoration: none; } /* background-color: #000; color: #fff;   */
#top #m2 nav a:focus	{ color: #000; } /* background-color: #000; color: #fff;  */
#top #m2 .opener a:focus { color: #000; } /* color: #000; background: transparent;  */
#top #momenu a:focus {  } /* color: #dc471f;   */

#top #buttons a:focus { color: #000; } /*  background-color: #000; color: #fff; */
#top #buttons a:focus b:before { color: #000;  }

.ce_list a:focus {  } /*  color: #ed9971; */
#wrapper div.ce_list.type_products > .inside a:focus {  } /*  color: #dc471f; */

#top #wrapper .pager  a:focus {  } /*background: #000; color: #fff;   */
.ce_breadcrumbs a:focus {  } /* color: #ed9971;  */


/* -------------------------------------- */
/* Forms */
/* -------------------------------------- */

#wrapper .InputfieldHidden { display: none; }
p.error, p.InputfieldError {  }

form {  display: block; }
#main form { background: #ed9971; background: #eee; padding: 24px; }
input { border: 1px solid #ed9971; padding: 4px 6px 4px 6px; box-sizing: border-box; max-width: 100%; display: inline-block; }
textarea { border: 1px solid #ed9971; padding: 4px 6px 4px 6px; width: 100%; box-sizing: border-box; max-width: 100%; display: inline-block; }
select { border: 1px solid #ed9971; padding: 4px; max-width: 100%; display: inline-block; }

input:focus, textarea:focus, select:focus, button:focus { border: 1px solid #000; /* background-color: #f0f0f0;  border-style */ }



button { outline: 0; padding: 0; margin: 0; border: 0; display: inline-block; }
button span { cursor: pointer; font-weight: normal; padding: 4px 36px 4px 36px; display: block;  }
button span:hover {  }

a.button { outline: 0; padding: 0; margin: 0; border: 0; display: inline-block; }
a.button span { cursor: pointer; font-weight: normal; padding: 4px 36px 4px 36px; display: block; text-transform: uppercase;  }
a.button span:hover {  }

form ul.Inputfields { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
form ul.Inputfields > li { margin: 0; padding: 0; padding-bottom: 32px; }
form ul.Inputfields > li:after { content:''; display: block; position: relative; clear: both; }

form ul.Inputfields > li { padding-left: 232px; }
form ul.Inputfields > li > label { margin-left: -232px; width: 220px; padding-right: 16px; box-sizing: border-box; display: block; position: relative; float: left; font-weight: bold; }
form ul.Inputfields > li.InputfieldFieldset { padding-left: 0; }
form ul.Inputfields > li.InputfieldFieldset > label { margin-left: 0; width: 100%; padding-right: 0; float: none; margin-bottom: 24px; }

#main form ul.Inputfields li.InputfieldSubmit { float: right; text-align: right; padding: 0; padding-top: 27px; }
#main form ul.Inputfields li.InputfieldMarkup.back { float: left; }


#main #productfilter ul.Inputfields li.InputfieldSubmit { clear: both; width: 100%; }


label p { display: inline-block; margin: 0; padding: 0; }

label i.toggle-icon { display: none; }
/*
form ul.InputfieldRadiosStacked  { list-style-type: none; margin: 0; padding: 0; }
form ul.InputfieldRadiosStacked li { margin: 0; padding: 0; padding-bottom: 4px; }
form ul.InputfieldRadiosStacked input { margin-right: 8px; }

form ul.InputfieldCheckboxesStacked  { list-style-type: none; margin: 0; padding: 0; }
form ul.InputfieldCheckboxesStacked li { margin: 0; padding: 0; padding-bottom: 4px; }
form ul.InputfieldCheckboxesStacked input { margin-right: 8px; }
*/
form .InputfieldContent ul[class*="Stacked"] { list-style-type: none; margin: 0; padding: 0; }
form .InputfieldContent ul[class*="Stacked"] li { margin: 0; padding: 0; padding-bottom: 4px; }
form ul label input { margin-right: 8px; }
form ul label i { display: none; }

form .InputfieldStateRequired > label p:after { content: ' *'; }
input.wide { width: 100%; }
.wide input { width: 100%; }
input.medium { width: 60%; }
.medium input { width: 60%; }
input.small { width: 30%; }
.small input { width: 30%; }




.InputfieldRadiosStacked label { display: block; padding-left: 20px; }
.InputfieldRadiosStacked label input { display: inline-block; margin-left: -20px; }
 
/*
body .stylish.selected { border: 1px solid #444444; }
body .stylish.selected .label { float: none; margin-bottom: 0; }
body .stylish.selected .pre { width: 24px; padding-top: 2px; }
*/


.select2-container { max-width: 100%; }
.select2-container li { margin-left: 0; }
.select2-dropdown  { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #ed9971; color: #000; }
.select2-container--default .select2-selection--single { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-color: #ed9971; }
.select2-container--default .select2-results__option { min-height: 34px; }
.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: 4.1ex; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 4.1ex; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 4.1ex; }

.medfont .select2-container .select2-selection--single { height: 36px; }
.medfont .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; }
.medfont .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }

.bigfont .select2-container .select2-selection--single { height: 42px; }
.bigfont .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; }
.bigfont .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }

#top .select2-container--default .select2-selection--multiple { border-color: #ed9971; 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 { }

body .flatpickr-day { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
body .flatpickr-day.selected { background: #aa0022; border-color: #aa0022; }
body .flatpickr-day.nextMonthDay.selected { background: #aa0022; border-color: #aa0022; opacity: 0.3; }
body .flatpickr-day.today { border-color: #aa0022; }
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: #aa0022;}
body .flatpickr-months .flatpickr-prev-month:hover svg,
body .flatpickr-months .flatpickr-next-month:hover svg{ fill: #aa0022; }
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; }

#head_search form { position: relative; }
#head_search input { width: 100%; box-sizing: border-box; padding-right: 20px; }
#head_search button { position: absolute; top: 5px; right: 8px; }
#head_search button span { padding: 0; background: transparent; border: 0; color: #999; }
#head_search button span:hover { color: #ed9971; }
#
#productfilter ul.Inputfields { overflow: hidden; }
#productfilter ul.Inputfields li { width: 33.3%; float: left; }
#productfilter ul.Inputfields li { padding-left: 0; padding-bottom: 12px; }
#productfilter ul.Inputfields li:nth-child(3n+2) { padding-right: 12px; }
#productfilter ul.Inputfields li:nth-child(3n+0) { padding-right: 12px; padding-left: 12px; }
#productfilter ul.Inputfields li:nth-child(3n+1) { padding-left: 12px; }
#productfilter ul.Inputfields input { width: 100%; }
#productfilter .select2-container { min-width: 100%; }

#productfilter ul.Inputfields li > label { margin-left: 0; float: none; width: auto; }

label p em { font-style: normal; color: #777; }


@media screen and (max-width: 650px) {
	#productfilter ul.Inputfields li { width: 100%; }
	#productfilter ul.Inputfields li:nth-child(3n+2) { padding-right: 0; }
	#productfilter ul.Inputfields li:nth-child(3n+0) { padding-right: 0; padding-left: 0; }
	#productfilter ul.Inputfields li:nth-child(3n+1) { padding-left: 0; }
}

@media screen and (max-width: 900px) {
	form ul.Inputfields > li { padding-left: 0; }
	form ul.Inputfields > li > label { margin-left: 0; width: 100%; padding-right: 0; padding-bottom: 8px; }
}

.form_authornamefilter form ul.Inputfields > li { padding-left: 0; padding-bottom: 12px; float: left; }
.form_authornamefilter form ul.Inputfields > li > label { margin-left: 0; float: none;  }
#main .form_authornamefilter form ul.Inputfields > li.InputfieldSubmit { padding-top: 27px; }

@media screen and (max-width: 440px) {
	.form_authornamefilter .Inputfield_flt_like_title label { padding-bottom: 0; }
	.form_authornamefilter .Inputfield_flt_like_title input { width: 100px; }
}

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

/*

content: '\f002';
search f002
bars f0c9
times f00d
*/

/* ×  ∨ ∧ */
.toggle:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
.toggle.open:after { content: "\f077"; display: inline-block; padding-left: 4px; margin-left: 4px; }
.toggle-container > div > div > div { overflow: hidden; }
#o_search a.toggle:after { display: none; }

/*
#mainmenu li.submenu > a > span:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; line-height: 21px; }
#mainmenu li.submenu > a.open > span:after { content: "\f077"; }

#mainmenu li.submenu.open > a > span:after { content: "\f077";  }
#mainmenu li li.submenu > a > span:after { display: none; }
*/


#mainmenu li.close { text-align: center; }
#mainmenu li.close span:after { content: "\f077"; display: inline-block; }

#c_momenu li.submenu > a:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; }
#c_momenu li.submenu.open > a:after { content: "\f077"; display: inline-block; padding-left: 4px; margin-left: 4px; }

.ce_back { padding-top: 24px; padding-bottom: 24px; } /* text-align: right;  */
.ce_back a:before { content: "\f053"; display: inline-block; padding-right: 8px; vertical-align: bottom; line-height: 115%;  }

#order_back a  { display: inline-block; }
#order_back a:before { content: "\f053"; display: inline-block; padding-right: 8px; vertical-align: bottom; line-height: 115%; }

.ce_link > .inside { padding-left: 24px; }
.ce_link a:before { content: "\f061"; display: block; float: left; margin-left: -24px; }
.ce_link.external a:before { content: "\f08e"; }
a.ce_link { display: inline-block; padding-left: 24px; }

.ce_link.button > .inside { padding-left: 0; }
.ce_link.button a:before { content: ''; }
.ce_link.button a { color: #555555; display: inline-block; background: #fff; padding: 8px 24px 8px 24px; border: 1px solid #999999;  }
.ce_link.button a:hover { color: #fff; background: #555555; border: 1px solid #fff;  }
.colored .ce_link.button a { background: #fff; }
.colored .ce_link.button a:hover { color: #fff; background: #555555; border: 1px solid #fff;  }

div.more a { padding-left: 24px; display: inline-block; }
div.more a:before { content: '\f04b'; content: "\f061"; display: block; float: left; margin-left: -24px;  }

.nomore div.more { display: mone; }






.ce_text.external div.more a:before { content: "\f08e"; }

/* -------------------------------------- */
/* Misc CEs */
/* -------------------------------------- */

/* Styling */
#wrapper .padded { padding: 32px; }
#wrapper .ptop { padding-top: 32px; }
#wrapper .pbottom { padding-bottom: 32px; }
#wrapper .pleft { padding-left : 32px; }
#wrapper .pright { padding-right: 32px; }
#wrapper .mtop { margin-top: 32px; }
#wrapper .mbottom { margin-bottom: 32px; }
#wrapper .nombottom { margin-bottom: 0; }
#wrapper .margin { margin-top: 32px; margin-bottom: 32px; }
#wrapper .centered { text-align: center; }
#wrapper .indent { padding-left: 10%; padding-right: 10%;  }
#wrapper .text_right { text-align: right; }
#wrapper .text_left { text-align: left; }
#wrapper .underline { /* see colors */ }
#wrapper p.cols2, #wrapper div.cols2, #wrapper div.cols2 { column-count: 2; column-gap: 48px; }

@media screen and (max-width: 650px) {
	#wrapper p.cols2, #wrapper div.cols2, #wrapper div.cols2 { column-count: 1;  }
}

.ce_wrapper.imgright > .inside { padding-right: 224px; }
.ce_wrapper.imgright > .inside > figure { width: 200px; margin-right: -224px; overflow: hidden; } 
.ce_wrapper.imgright > .inside > figure img { float: right; }
#container .ce_wrapper.imgright > .inside >:after { clear: left; }

.ce_wrapper.imgleft > .inside { padding-left: 224px; }
.ce_wrapper.imgleft > .inside > figure { width: 200px; margin-left: -224px; overflow: hidden; } 
#container .ce_wrapper.imgleft > .inside >:after { clear: right; }

@media screen and (max-width: 650px) {
	.ce_wrapper.imgright > .inside { padding-right: 0; }
	.ce_wrapper.imgright > .inside > figure { margin: 0 0 12px 0; float: none; width: 100%; }
	.ce_wrapper.imgright > .inside > figure img { float: none; }
	
	.ce_wrapper.imgleft > .inside { padding-left: 0; }
	.ce_wrapper.imgleft > .inside > figure { margin: 0 0 12px 0; float: none; width: 100%; }
}

.bottomlinew { position: relative; width: 100%; height: 4px; padding: 14px 0 18px 0; }
.bottomlinerw { position: absolute; left: 0; bottom: 0; width: 500%; height: 4px; background: #fff; }
.bottomlinelw { position: absolute; right: 0; bottom: 0; width: 500%; height: 4px; background: #fff; }
.bottomlinero { position: absolute; left: 0; bottom: 0; width: 500%; height: 4px; background: #f58217; background: #dc471f; }
.bottomlinew .bottomlinerw { bottom: 14px; }
.bottomlinew .bottomlinelw { bottom: 14px; }
.bottomlinew .bottomlinero { bottom: 14px; }
#footer .bottomlinelw { position: absolute; left: -1000%; width: 1000%; margin-left: -48px; bottom: 3px; height: 4px; background: #fff; }

.overlap { /* padding-bottom: 32px; */ height: 1px; }
.overlap > .inside { position: absolute; bottom: 0; left: 0; width: 100%; }

.nomore div.more { display: none; }

sup {  }
sup a { }
p.footnote { color: #999; font-size: 74%; line-height: 140%; }

/* back */
.page_home .ce_back { display: none; }

/* calendar */
table.calendar { width: 100%; }
table.calendar th { border: 1px solid #f8f8f8; padding: 4px; }
table.calendar td { border: 1px solid #f8f8f8; padding: 4px; }
table.calendar .nav th { text-align: justify; line-height: 0; }
table.calendar .nav th span { line-height: 115%; display: inline-block; }
table.calendar .nav th span a { display: block; position: relative; font-size: 115%; }
table.calendar .nav th span b { display: block; position: relative; }
table.calendar .nav th span.stretch { display: inline-block; width: 100%; height: 0; overflow: hidden; }
table.calendar .wd_6 { background: #f8f8f8; }
table.calendar .wd_7 { background: #f8f8f8; }
table.calendar .today { background: #eeeeee; }
table.calendar td { width: 14.2%; }

/* text, images */
.ce.align_background { overflow: hidden;  }
.ce_text.align_background > .inside { padding: 32px;  }
.ce_text.align_background > .inside { min-height: 300px; }
.ce_text.align_background.box .content { position: absolute; right: 32px; bottom: 32px;  width: 50%; background: rgba(255,255,255,.8); padding: 24px; }
header .ce_text.align_background.box .content { right: 0; }

.ce_text.haslink > .inside > * { z-index: 1; }
.ce_text.haslink > .inside > figure { z-index: 2; }

.ce_text > .inside > * { z-index: 1; }
.ce_text > .inside > figure { z-index: 2; }

.ce_image.main { width: 20%; float: right; margin: 0 0 24px 32px; }
/*
.page_article .ce_image.main, .page_event .ce_image.main { margin: 0 0 24px 0; }
.page_article .ce_image.main.quadratic, .page_article .ce_image.main.portrait { width: 50%; float: right; margin: 0 0 24px 32px; }
.page_event .ce_image.main.quadratic, .page_event .ce_image.main.portrait { width: 50%; float: right; margin: 0 0 24px 32px; }

.page_standard .ce_image.main.quadratic, .page_standard .ce_image.main.portrait { width: 50%; float: right; margin: 0 0 24px 32px; }
.page_home .ce_image.main.quadratic, .page_home .ce_image.main.portrait { width: 50%; float: right; margin: 0 0 24px 32px; }

.ce_image.main figure { }
*/



/* sitemap  f15b */
.ce_sitemap ul { list-style: none; }
.ce_sitemap li { margin-left: 0; padding-left: 24px; }
.ce_sitemap li:before { content:'\f061'; display: block; float: left; margin-left: -24px; font-size: 12px; }


/* comments */
.ce_comment .meta span { display: inline-block; margin-right: 12px; }
.ce_comment .comment { padding: 12px; }

/* details */
.ce_meta { }

/* lists */
.ce_list .item { margin-bottom: 32px; overflow: hidden; }
.ce_list .item .meta { }
.ce_list .item .date { }
.ce_list .item .h3 { }
.ce_list .item .author { }
.ce_list .item.hasimg > .inside { padding-left: 224px; }
.ce_list .item figure { max-height: 300px; overflow: hidden; float: left; width: 200px; margin-left: -224px; }
.ce_list .item a { display: block;  }

.ce_list.type_articles .item { border-bottom: 2px solid #fff; padding-bottom: 24px; }
.ce_list.type_pages .item { border-bottom: 2px solid #fff; padding-bottom: 24px; }

.ce_list.type_articles p.meta { margin-top: -0.7ex; }
.ce_list.type_articles .item:first-child { border-top: 2px solid #fff; padding-top: 24px; }
.ce_list.type_pages .item:first-child { border-top: 2px solid #fff; padding-top: 24px; }

.ce_list.type_articles.noborder .item:first-child { border-top: 0; padding-top: 0; }
.ce_list.type_pages.noborder .item:first-child { border-top: 0; padding-top: 0; }


.ce_list.cols .item.hasimg > .inside  { }
.ce_list.cols .item figure { /* float: none; width: auto; margin-right: 0; */ }

.ce_list > .inside > p.none { margin-left: 12px; margin-right: 12px; }



.ce_list.type_articles .item .summary { padding-right: 200px; }
.ce_list.type_pages .item .summary { padding-right: 200px; }

.indentright > .inside { padding-right: 200px; }
.indentright > .inside h2 { margin-right: -200px; }

@media screen and (max-width: 900px) {
.ce_list .item.hasimg > .inside { padding-left: 124px; }
.ce_list .item figure { width: 100px; margin-left: -124px; }
}
@media screen and (max-width: 650px) {
.ce_list.type_articles .item .summary { padding-right: 0; }
.ce_list.type_pages .item .summary { padding-right: 0; }
.indentright > .inside { padding-right: 0; }
.indentright > .inside h2 { margin-right: 0; }
}
@media screen and (max-width: 440px) {
	.ce_list .item figure { max-height: none; }
	.ce_list .item.hasimg > .inside { padding-left: 0; }
	.ce_list .item figure { float: none; width: 100%; margin-left: 0; margin-bottom: 12px; }
}

.ce_list .item .more { display: none; }
.ce_list.type_articles .item .meta { display: none; }
.ce_main.article .meta { display: none; }



/* articles */
.hassub .sub { display: block; font-weight: normal; }

/* search */
.ce_search ul.search_result { list-style: none; }
/*
.ce_search .search_result li { margin-left: 0; padding-left: 24px; }
.ce_search .search_result li:before { content:'\f15b'; display: block; float: left; margin-left: -24px;  }
.ce_search p.title { font-weight: 700; }
*/

#main .ce_search .item { margin-bottom: 12px; }
.ce_search div.rel_medium { opacity: 0.8; }
.ce_search div.rel_low { opacity: 0.6; }
.ce_search div.rel_poor { opacity: 0.4; }
.ce_search .matches { color: #999999; display: none; }
.ce_search .relevance { display: block; color: #999999; font-weight: normal; display: none; }
.ce_search .url { display: block; color: #999999; font-weight: normal; display: none; }
.ce_search  form { margin-bottom: 24px; }
.ce_search input { width: 100%; }
.ce_search .cols .item a { text-align: center; }
.ce_search .item figure { float: none; display: block; padding: 8px 12px 16px 12px; width: 100%; max-height: none; text-align: center; }
.ce_search img { box-shadow: 0 4px 12px #444; display: inline-block; }
#main .ce_search a { color: #000; }
#main .ce_search a:hover { color: #dc471f; }

/* download */
.ce_download > .inside { padding-left: 32px; }
.ce_download .icon { float: left; margin-left: -32px; }
.ce_download .size { color: #000; }
.ce_download .text { color: #000; }

/* slideshow */
.sliding { overflow: hidden; height: 0px; }
.sliding .slide { background: #ffffff; width: 100%; }
.sliding .slide img { width: 100%; display: block; }
#wrapper .sliding .slide:after { height: 0; }
.sliding.sl_type_carousel .col2 { width: 50%; }
.sliding.sl_type_carousel .col3 { width: 33.333%; }
.sliding.sl_type_carousel .col4 { width: 25%; }
.sliding.sl_type_carousel .col6 { width: 16.666%; }


.sliding.sl_type_carousel .container > div { width: 25%; }
.sliding.sl_type_carousel.col3 .container > div { width: 33.3%; }
.sliding.sl_type_carousel.col4 .container > div { width: 25%; }

@media screen and (max-width: 650px) {
	.sliding.sl_type_carousel .container > div { width: 33.3%; }
	.sliding.sl_type_carousel.col3 .container > div { width: 50%; }
	.sliding.sl_type_carousel.col4 .container > div { width: 50%; }
}

.sliding .controls { text-align: center; font-size: 40px; line-height: 40px; margin-top: 12px; margin-bottom: 12px; }
.sliding .controls a, .sliding .controls span, .sliding .controls b { display: inline-block; vertical-align: top; }
.sliding .controls a { padding: 0 4px 0 4px; }
.sliding .controls .pagi b { font-size: 80px;  }
.sliding .controls a.navi { margin-top: -1px; }
.sliding .controls .disabled { }
.sliding .controls .active { }
.sliding .controls .slide { width: 20%; }
.sliding .controls .sliding { display: inline-block;  }

.sliding .controls .sliding { width: 80%;  }
.sliding.sl_pagination_slideshow a.navi { position: absolute; top: 0; }
.sliding.sl_pagination_slideshow a.navi:focus { outline: none; border: 0; }
.sliding.sl_pagination_slideshow a.prev { left: 0; }
.sliding.sl_pagination_slideshow a.next { right: 0; }

.startshow {  }
.startshow.sl_type_carousel div.slide { width: 33.3%; background: transparent; }
/*
.startshow.sl_type_carousel div.slide { width: 16.666%; background: transparent; }
.startshow.sl_type_carousel.count_5 div.slide { width: 20%; }
.startshow.sl_type_carousel.count_4 div.slide { width: 25%; }
.startshow.sl_type_carousel.count_3 div.slide { width: 33.3%; }
.startshow.sl_type_carousel.count_2 div.slide { width: 50%; }
*/
.startshow .slide a { display: block; }
.startshow .slide > div { padding: 0 0 0 0; }
.startshow .container { }
.startshow p.meta { display: none; }
.startshow h2 { display: none; }
.startshow .debug { display: none; }
.startshow .content { padding-top: 12px; text-align: center; }

.startshow .hasimg p.h4 { display: none; }
.startshow .frame { padding: 0 40px 0 40px; }
.startshow .controls { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; }
.startshow .controls > a { display: block; position: absolute; width: 40px; height: 100%; left: 0; font-size: 60px; padding: 0; }
.startshow .controls > a.next { left: auto; right: 0; }
.startshow .controls > a > b {  position: absolute; top: 50%; margin-top: -25px; left: 0.1em; }
.startshow .controls > a:focus { text-decoration: none; }

.startshow p.title { display: none; }
.startshow div.fs { display: none; }

@media screen and (max-width: 1100px) {
	.startshow.sl_type_carousel div.slide { width: 33.3%; }
}

@media screen and (max-width: 900px) {
	.startshow.sl_type_carousel div.slide { width: 50%; }
}
@media screen and (max-width: 650px) {
	.startshow.sl_type_carousel div.slide { width: 100%; }
}

.startshow .slide .image { padding: 12px; text-align: center; overflow: hidden; }
.startshow .slide img { height: 450px; width: auto; display: inline; max-width: none; }
.startshow .slide .image.landscape img { height: auto; width: 100%; }
.startshow .slide .image.quadratic img { height: auto; width: 100%; }
@media screen and (max-width: 1400px) {
	.startshow .slide img { height: 320px; }
}
@media screen and (max-width: 1100px) {
	.startshow .slide img { height: 260px; }
}
@media screen and (max-width: 900px) {
	.startshow .slide img { height: 300px; }
}

@media screen and (max-width: 650px) {
	.startshow .slide img { height: 380px; }
}
@media screen and (max-width: 440px) {
	.startshow .slide img { height: 280px; }
}


/* video, audio */
audio { width: 100%; height: auto; min-height: 48px; outline: none; }
video { width: 100%; height: auto; background: transparent; outline: none; }
video[poster] { width: 100%; height: auto; }

.ce_video { overflow: hidden; }
.ce_video .player { width: 100%; height: 0; padding-bottom: 56.1%; background: #444; }
.ce_video .starter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.ce_video .starter span { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; font-size: 100px; line-height: 100px; text-align: center; }
.ce_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* parallax */
.parallax { min-height: 250px; }

/* googlemap gmap */
.ce_googlemap > .inside { padding-top: 50%; min-height: 200px; }
.ce_googlemap > .inside > .gmap { position: absolute; top: 0; left; 0; width: 100%; height: 100%; }

#cookies_ok { background: rgba(128,128,128,0.9); position: fixed; left: 0; bottom: 0; width: 100%; display: block; z-index: 999999; color: #fff; }
#cookies_ok > .inside { padding: 24px 0 24px 0; }
#cookies_ok p { position :relative; z-index: 1; }
#cookies_ok p.close { float: right; padding: 0 0 12px 24px; z-index: 2; }
#cookies_ok a { color: #ed9971; }
#cookies_ok a:hover { color: #000; }

/* listedit */
.ce_result table { width: 100%; }
.ce_form .message { padding: 24px; margin-bottom: 24px;  }
.ce_form .message.error {  }


/* fe edit */
#fe_edit { position: fixed; top: 0; left: 0; background: rgba(250,250,250,0.8); border: 1px solid #666; z-index: 10000; font-size: 16px; line-height: 20px; }
#fe_edit > a { padding: 8px; display: inline-block; }
#fe_edit #fe_editlist { display: none; padding: 8px; }
#fe_edit #fe_editlist.open { display: block; }

#debug { display: none; }


/* shop */
table.cart { width: 100%; }

table.cart td.amount { width: 20%; min-width: 8em; }
table.cart td.title { width: 50%;  }
table.cart td.single { width: 15%;  }
table.cart td.sum { width: 15%;  }

table.cart .image { width: 100px; margin: 0 0 12px 12px; float: right; }
table.cart .single { text-align: right; }
table.cart .sum { text-align: right; }
table.cart tfoot { border-top: 1px solid #444; }
table.cart tfoot tr.total td { font-weight: bold; }
table.cart td, table.cart th { padding: 8px; }
table.cart td:last-child, table.cart thlast-child { padding: 8px; }
table.cart tbody tr:nth-child(even) { background: #eee; }
table.cart thead th { background: #444; color: #fff; }
table.cart .producttitle { font-weight: bold; }
table.cart .itemlabel { font-weight: bold; }
table.cart .preorder { font-weight: bold; color: #dc471f; }

table.cart input { width: 50px; }
table.cart button span { padding: 4px 8px; }
table.cart a.button span { padding: 4px 8px; }
#top table.cart form { display: inline-block; padding: 0 8px 0 0; background: transparent; }
#top table.cart form > * { vertical-align: top; }
#top table.cart td.amount > * { vertical-align: top; }

body#top table.mobilize > tfoot > tr { display: table; }

#top table.cart.mobilize td { width: auto; min-width: none; }

#top table.cart.mobilize tbody tr { border-top: 1px solid #444; }
#top table.cart.mobilize tfoot tr { border-top: 1px solid #444; }
#top table.cart.mobilize tfoot tr:last-child { border-bottom: 1px solid #444; }

#top table.cart.mobilize tbody tr td:before { text-align: left; }
#top table.cart.mobilize tfoot tr td:before { display: none; }
#top table.cart.mobilize tfoot tr td { padding-left: 0; }
#top table.cart.mobilize tfoot tr td.cs3 { width: 60%; float: left; clear: none; }
#top table.cart.mobilize tfoot tr td.sum { width: 40%; float: right; clear: none; }

#shopping_cart .button.submit { float: right; }
#shopping_cart > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }

#o_cart a { position: relative; display: block; }
#o_cart span { z-index: 2; display: block; position: relative; }
#o_cart span.filled { z-index: 1; }
#o_cart.filled .filled { position: absolute; top: 0.7ex; left: 0.33em; width: 0.48em; height: 10px; background: #ed9971; background: #ed9971; }

#o_cart .count { display: block; position: absolute; bottom: 0; right: 0; background: #000; color: #fff; font-size: 14px; line-height: 14px; font-family: "Skolar Sans PE Web", Verdana, sans-serif; }
#o_cart .count { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 2px; min-width: 18px; box-sizing: border-box; text-align: center; }



/* order process */
#ShoppingOrderAddressForm #wrap_phone { margin-bottom: 24px; }
#ShoppingOrderAddressForm #wrap_privacy { margin-top: 24px; margin-bottom: 24px; }
#ShoppingOrderAddressForm #wrap_save { padding-top: 0; }



/* my orders */
table.myorders { width: 100%; }
table.myorders .total { text-align: right; }
table.myorders td, table.myorders th { padding: 8px; }
div.myorder .row { margin-bottom: 12px; }
div.myorder .label { font-weight: bold; padding-bottom: 4px; }
div.myorder > .row { margin-bottom: 12px; padding-left: 150px; clear: both; }
div.myorder > .row > .label { font-weight: bold; padding-bottom: 4px; margin-left: -150px; float: left; }
@media screen and (max-width: 650px) {
	div.myorder > .row { padding-left: 0; }
	div.myorder > .row > .label { margin-left: 0; float: none; padding: 8px 12px 8px 12px; background: #eee; }
	div.myorder > .row > .value { padding: 8px 12px 8px 12px; }
}

#shopmessages { padding: 36px 24px 24px 24px;  } /* border: 1px solid #333; background: #fefefe; */
#shopmessages.warnings {  }
#shopmessages.errors {  }

#ordersuccess form {  }
#ordersuccess p.message { margin-bottom: 24px; }

/* product list */
.ce_list figure a { display: block; }
.ce_list a { color: #dc471f; }
.ce_list a:hover { color: #ed9971; }

.ce_list .more a { color: #ed9971; }
.ce_list .more a:hover { color: #222; }

#main .item.product > .inside {  }
#main .item.product > .inside > a {   }
#main .item.product figure {  }
#main .item.product img { margin-top: 8px; box-shadow: 0 4px 10px #444; }

#main .item.product .debug { font-size: 80%; line-height: 90%; }
#main .item.product h2 a { font-size: 80%; line-height: 90%; color: #888; }
#main .item.product .fs { color: #999; }


/* product details */
.ce_main.product > .inside { }
#wrapper .ce_main.product .metacontent { overflow: visible; }
#wrapper .ce_main.product .metacontent > .inside { margin-left: -24px; margin-right: -24px; }
#wrapper .ce_main.product .metacontent > .inside > div { overflow: visible; width: calc(50% - 48px); margin: 0 24px 24px 24px; float: left; }
#wrapper .ce_main.product .metacontent > .inside:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0;  }
.ce_main.product .images { padding-right: 200px; }
.ce_main.product .images img { box-shadow: 0 4px 12px #444; }

.ce_main.product p.meta { padding-bottom: 4px; }
.product .attributes .row { padding-bottom: 4px; }
.ce_main.product p.meta.title { font-weight: 700; }

.product .attributes { padding-top: 16px; }
.product .attributes p.attribute {  }
.product .attributes p.attribute.extract {  }
.product .attributes p.attribute.others {  }
.product .attributes .row { clear: both; padding-left: 132px; }
.product .attributes .label { width: 120px; margin-left: -132px; float: left; font-weight: normal; }
.product .attributes .row.oafile { padding-top: 12px; }
.product .attributes .row.downloads { padding-top: 12px; }
.product .attributes .row.cite {  }

.product .attributes .row:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0;  }

.product .metacontent { padding-bottom: 48px; }
.product .maintext > div > div { margin-bottom: 24px; border-top: 1px solid #fff; padding-top: 24px; }
.product .maintext h2 { padding-bottom: 0; margin-bottom: 12px; border: 0; }


.ce_similar { padding-top: 48px; }

@media screen and (max-width: 1400px) {
.ce_main.product .images { padding-right: 64px; }
}

@media screen and (max-width: 900px) {
	#wrapper .ce_main.product .metacontent > .inside > div { width: calc(100% - 48px);  }
	.ce_main.product .images { padding-right: 120px; }
}
@media screen and (max-width: 650px) {
	.ce_main.product .images { padding-right: 0; }
}


/* to cart */
#wrapper .tco { margin-top: 24px; }

#wrapper .tco > .inside { margin-left: -12px; margin-right: -12px; }
#wrapper .tco > .inside > div { overflow: hidden; width: calc(50% - 24px); margin: 0 12px 24px 12px; float: left; }
#wrapper .tco form { background: transparent; padding: 0;  }
#wrapper .tco button { cursor: pointer; text-align: left;  }
#wrapper .tco p { margin: 0; padding: 0; height: 4ex; display: table-cell; vertical-align: middle; color: #dc471f; }
#wrapper .tco .iconlink { display: block; overflow: hidden; width: 100%; background: #eee; padding: 24px 24px 24px 24px; box-sizing: border-box; }

#wrapper .tco .iconlink p.icon { width: 36px; font-size: 36px; line-height: 36px; padding-right: 24px; }
#wrapper .tco span { background: transparent; padding: 0; border: 0; }

#wrapper .tco .iconlink:hover p { color: #ed9971; color: #000; }
#wrapper .tco .iconlink:hover { background: #fff; }

@media screen and (max-width: 1100px) {
	#wrapper .tco > .inside > div { width: calc(100% - 24px);  }
}


/*
div.tocart { margin-top: 48px; }
div.tocart .tcrt .typeprice,
div.tocart .toebook a
{ padding-left: 33.3%; display: table; box-sizing: border-box; width: 100%; text-align: center;  padding-top: 8px; }
div.tocart .tcrt .icon { float: left; width: 50%; margin-left: -50%; font-size: 72px; line-height: 72px; color: #fff; padding: 4px; text-align: left; }
div.tocart .icon span { color: #fff; text-shadow: 0px 0px 4px #000; }

#main div.tocart button:hover p,
#main div.tocart button:hover span,
#main div.tocart button:hover .icon span,
#main div.tocart .tcrt.toebook a:hover .icon span,
#main div.tocart .tcrt.toebook a:hover span { color: #ed9971; }

#main div.tocart button:hover .icon span,
#main div.tocart .tcrt.toebook a:hover .icon span { text-shadow: 0px 0px 4px transparent; }

div.tocart button { display: block; width: 100%; }
div.tocart span { padding: 0; border: 0; display: block; background: transparent; color: #000; }

#main div.tocart form { background: transparent; padding: 0; }
div.tocart p { padding-bottom: 0px; padding-right: 72px; }
div.tocart p.icon { padding-right: 0px; }

div.tocart button, div.tocart a { }

div.tocart .plus:before { content: ','; display: inline-block; padding: 0 4px 0 0; }
div.tocart .available > span { display: block; }
div.tocart .type { font-weight: 700; }

*/

/*
@media screen and (max-width: 1400px) {
	div.tocart .tcrt .icon { font-size: 64px; line-height: 64px; }
	div.tocart p { padding-right: 24px; }
}

@media screen and (max-width: 1100px) {
	div.tocart .toebook a
	{  }
	div.tocart .tcrt .icon { font-size: 50px; line-height: 50px;  }
}
@media screen and (max-width: 900px) {
	div.tocart .tcrt .icon { font-size: 64px; line-height: 64px; }
	div.tocart p { padding-right: 72px; }
}
@media screen and (max-width: 650px) {
	div.tocart .tcrt .icon { font-size:48px; line-height: 48px;  }
	div.tocart p { padding-right: 48px; }
}
@media screen and (max-width: 440px) {
	div.tocart .tcrt .icon { font-size:32px; line-height: 32px;  }
	div.tocart p { padding-right: 24px; }
}
*/

/* az */
ul.az { list-style: none; margin: 0; overflow: hidden; border-left: 2px solid #fff; padding: 7px 0 0 7px; text-align: center; }
.az li { display: inline-block; margin: 0 2px 8px 2px; }
.az li a { display: block; width: 28px; padding: 0px 0 1px 0; box-sizing: border-box; text-align: center; color: #fff; }
.az li a:hover { background: #dc471f; color: #fff; }
.az li.active a { background: #dc471f; color: #fff; }

/* authors */
.ce_list.type_authors  { }
.ce_list.type_authors div.list { margin: 0 -12px 0 -12px; }
.ce_list.type_authors div.list:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
.ce_list.type_authors div.list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 

.ce_list.type_authors div.item { float: left;  margin: 0 12px 24px 12px; overflow: hidden; }
.ce_list.type_authors div.item { width: calc(25% - 24px); }
/*
.ce_list.type_authors div.item { float: left;  margin: 0 12px 24px 12px; overflow: hidden; background: #eee; padding: 24px; text-align: center; }
.ce_list.type_authors div.item { width: calc(33.3% - 24px); }
*/

@media screen and (max-width: 900px) {
	.ce_list.type_authors div.item { width: calc(50% - 24px); }
}
@media screen and (max-width: 440px) {
	.ce_list.type_authors div.item { width: calc(100% - 24px); }
}

/* sub pages */
.ce_list.type_pages.cols div.item.page { padding: 24px; background: #eee; }

/* series */
/*
.type_series .item.series { padding-left: 24px; padding-right: 24px; }
*/
.type_series .item.series { max-width: none; }
.type_series .item.series:nth-child(odd) { background: #eee; padding-top: 32px; padding-bottom: 32px; }
#container .type_series .ce { margin-bottom: 0; }




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

@media screen and (max-width: 1400px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w, #footer > .inside,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 1000px; }
}

@media screen and (max-width: 1100px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w, #footer > .inside,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 800px; }
		
		#head_menu { padding-right: 4em; }
			.bigfont #head_menu { padding-right: 0em;  }
			.medfont #head_menu { padding-right: 0em;  }
}

@media screen and (max-width: 900px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w, #footer > .inside,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 600px; }
		
		
	/* breakpoint menu */
	#o_menu { display: block; }
	#c_momenu { display: block; }
	#mainmenu { display: none; }
	#head_menu { display: none; }
	#head_menu a.invisible { display: none; }
	
	#logo { width: 65px; margin-left: -90px; }
	#head #head_logo > .inside { padding-left: 90px; }
	#buttons { margin-bottom: 12px; }
	#buttons > div { margin-left: 12px; }
	
	#c_menu2 { display: none !important; }
	#head.sticky #head_top { display: none; }
	#head.sticky #head_logo { display: block; }
	#head.sticky #buttons {  }
	#head.sticky #head_menu { display: none; }
	
	#wrapper #m2 { display: none; }
	
	.ce_image.main { width: 50%; }
}


@media screen and (max-width: 650px) {
	/* breakpoint */
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w, #footer > .inside,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 400px; }

	#container > .inside { padding-right: 0; }
	#main { float: none; }
	#sidebar { width: 300px; margin-right: 0; margin-top: 24px; padding-left: 0; float: none; }
	
	#fontsel { display: none; }
	
	
	#wrapper .mobile { display: block; }
	#wrapper .nomobile { display: none; }
	
	#wrapper .indent { padding-left: 5%; padding-right: 5%;  }
	
	.ce_text.align_background.box > .inside { background: rgba(255,255,255,.7); }
	.ce_text.align_background.box .content { position: relative; right: auto; bottom: auto;  width: 100%; background: none; padding: 24px; }

	.ce_image.main { width: 100%; float: none; margin: 0 0 24px 0; }
	
	#head #head_logo > .inside { padding-left: 90px; }
	#logo { }
}

@media screen and (max-width: 440px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w, #footer > .inside,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 300px; }
	body { min-width: 320px; }
	
	#footer li { float: none; }

	form ul.Inputfields > li { padding-left: 0; }
	form ul.Inputfields >li > label { margin-left: 0; width: 100%; padding-right: 0; padding-bottom: 8px; }

	
	figure.align_left { width: auto; float: none; margin-right: 0;  }
	figure.align_right { width: auto;  display: block; float: none; margin-left: 0;  }

	img.align_left { max-width: 100%; display: block; float: none; margin-right: 0;  }
	img.align_right { max-width: 100%; display: block; float: none; margin-left: 0;  }



	.overlap > .inside { position: relative; bottom: auto; left: auto; }
	
	.ce_image.main { width: 100%; float: none; margin: 0 0 24px 0; }
	/*
	.page_article .ce_image.main.quadratic, .page_article .ce_image.main.portrait { width: 100%; float: none; margin: 0 0 24px 0; }
	.page_event .ce_image.main.quadratic, .page_event .ce_image.main.portrait { width: 100%; float: none; margin: 0 0 24px 0; }
	
	.page_standard .ce_image.main.quadratic, .page_standard .ce_image.main.portrait { width: 100%; float: none; margin: 0 0 24px 0; }
	.page_home .ce_image.main.quadratic, .page_home .ce_image.main.portrait { width: 100%; float: none; margin: 0 0 24px 0; }
	*/
	/*
	#logo { width: 40px; margin-left: -50px; }
	#head #head_logo > .inside { padding-left: 50px; }
	#buttons > div { margin-left: 12px; }
	*/
}



@media print {
	#o_search, #c_momenu, #c_search, #o_menu, #mainmenu, #share, #footermenu, #wrapper .ce_back, .ce_form.WdProcessComments { display: none; }
	video { display: none; }
	.ce_video.local.hasimage { min-height: 200px; }
	body #wrapper .printblock { display: block; }
	body #wrapper .printinline { display: inline-block; }
	body #wrapper .screenblock { display: none; }
	body #wrapper .screeninline { display: none; }
	
	
	#head.sticky { transform: translatey(50px);  position: relative; top: auto; }
	#head.sticky #head_logo { display: block; }
	#head.sticky #head_top { display: none; }
	#head.sticky #tennis { display: block; }
	#head.sticky #logo img { top: 0;  }
	
	form { display: none; }
	
	#debug { display: none; }
	#fe_edit { display: none; }
	#wrapper #header #cs { display: none; }
	
	table.cart button { display: none; }
	table.cart a.button { display: none; }
	
	
	#buttons, #totop, #fmenus, .pager, #top #m2, #top .bottomlinew { display: none; }
	#logo { margin-left: -140px; }
	#logo { width: 50px; }
	div.cfilter { display: none; }
	
	#wrapper div.ce_list.type_products img { height: 150px; }
	.ce_main.product .images img { display: block; }
	
	body { font-size: 14px; line-height: 20px; }
	h1, p.h1 { font-size: 146%; line-height: 133%; }
	h2, p.h2 { font-size: 136%; line-height: 130%;  }
	h3, p.h3 { font-size: 126%; line-height: 130%;  }
	h4, p.h4 { font-size: 116%; line-height: 130%;  }
}


/*
.ce_subject_series > .inside { padding-left: 250px; }
.ce_subject_series > .inside > div { float: right; width: 100%; }
.ce_subject_series > .inside > div:nth-child(even) { width: 230px; margin-left: -250px; float: left; }
.ce_subject_series .active { font-weight: bold; }

@media screen and (max-width: 650px) {
	.ce_subject_series > .inside { padding-left: 0; }
	.ce_subject_series > .inside > div {  }
	.ce_subject_series > .inside > div:nth-child(even) { width: 100%; margin-left: 0; float: left; }
}

.left #productfilter ul.Inputfields li { width: 100%; }
.left #productfilter ul.Inputfields li:nth-child(3n+2) { padding-right: 0; }
.left #productfilter ul.Inputfields li:nth-child(3n+0) { padding-right: 0; padding-left: 0; }
.left #productfilter ul.Inputfields li:nth-child(3n+1) { padding-left: 0; }
	
.left form ul.Inputfields > li { padding-left: 0; }
.left form ul.Inputfields > li > label { margin-left: 0; width: 100%; padding-right: 0; padding-bottom: 8px; }
	
*/



/*
#logo { width: 50px; }
#head #head_logo { background-color: #dc471f; }
#head_top { background-color: #dc471f; }
#head_top { color: #fff; }
#head_top a { color: #fff; }
#head_top a:hover { color: #000; }
#head_top div.langswitch .active a { color: #000; }
#head_top div.langswitch .active a:hover { color: #fff; }
#fontsel b::before { color: #fff; }
.normalfont #fontsel a.normalfont b::before { color: #000; }
.medfont #fontsel a.medfont b:before { color: #000; }
.bigfont #fontsel a.bigfont b:before { color: #000; }

ul li > a { display: inline; }
*/


/*
#top #main .series_products { padding-left: 200px; overflow: hidden; }
#top #main .series_products > .inside > .ce_wrapper { float: left; }
#top #main .series_products > .inside >  .wrapper_series { width: 180px; margin-left: -200px; background: #eee; }
#top #main .series_products > .inside >  .wrapper_series .item { padding: 8px 12px 8px 12px; margin-bottom: 0; }

@media screen and (max-width: 640px) {
	#top #main .series_products { padding-left: 0; }
	#top #main .series_products > .inside > .ce_wrapper { float: none; }
	#top #main .series_products > .inside >  .wrapper_series { width: 100%; margin-left: 0; }
}
*/