/*!
(c) 2021 webdecker
kultuerverlag-kadmos.de
author: i.decker, www.webdecker.de
date: 2021-05-03
*/

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

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%; z-index: 2; }
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 { 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; }


/* -------------------------------------- */
/* Fonts */
/* -------------------------------------- */
body { font-family: "LinotypeUniversW02-Light 726112", 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 19px; line-height: 27px; 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 { font-family: "LinotypeUniversW02-Light 726112", 'Lato', Arial, Times, 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: "LinotypeUniversW02-Light 726112", 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 100%; line-height: 140%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
h1 span.sub, p.h1 span.sub { font-family: "LinotypeUniversW02-Light 726112", 'Lato', Arial, Times, 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, strong { font-family: "LinotypeUniversW02-Bold 726178", 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 100%; line-height: 140%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }


#mainmenu a { /* font-family: "LinotypeUniversW02-Bold 726178", 'Lato', Arial, Times, sans-serif; */ font-weight: normal; font-size: 89.5%; line-height: 130%; letter-spacing: 0.5px; }


.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, a.ce_link: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: normal; }
h2, p.h2 { font-size: 158%; line-height: 130%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }
h3, p.h3 { font-size: 126%; line-height: 130%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }
h4, p.h4 { font-size: 116%; line-height: 130%; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }

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: 155%; 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
	{ width: 100%; max-width: 1000px; 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, 
#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_top { height: 50px; }
		#head #logo { position: absolute; right: 0; width: 130px; height: 84px; margin-top: -43px; padding: 1px; overflow: hidden; } 
			#logo > .inside { position: absolute; width: calc(100% - 2px); padding-left: 1px; padding-right: 1px; bottom: 0; }
			#logo img, #logo a { display: block; }
			#logo a { }
			#logo p { margin: 0; padding: 0; text-align: right; text-transform: uppercase; font-size: 73.8%; line-height: 130%; font-size: 14px; line-height: 18px;  }
		#menublock { float: left; margin-right: 8px; }
		#buttons { float: left; padding-top: 0px; }
			#buttons > div { float: left; width: 32px; margin-right: 4px; }
			#buttons > #o_menu { margin-right: 8px; }
		#head #head_menu { z-index: 10000; padding-bottom: 12px; padding-top: 12px; }
			#head #head_menu > .inside:after { content: ''; display: block; clear: both; position: relative; height: 0px; font-size: 0px; line-height: 0px; }
			#head #head_menu:after { content: ''; display: block; clear: both; position: relative; height: 0px; font-size: 0px; line-height: 0px; }
		#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; }
		
	#mainmenu {  }
#container { clear: both; z-index: 1; }
	#main { padding-top: 24px; min-height: 600px; z-index: 100; }
		#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; }
	#addrshare { /* border-bottom: 1px solid #fff; */ margin-bottom: 12px; overflow: hidden; }
	
	/*
	#share { width: 50%; float: right; margin-bottom: 12px; text-align: right; }
	#addr { width: 50%; float: left; margin-bottom: 12px; }
	*/
	#share { margin-bottom: 12px; text-align: right; }
	#addr { margin-bottom: 12px; }
	#addr .socials { padding-top: 8px; }
		#addr .socials a { padding: 4px 8px 4px 0; font-size: 26px; }
	#share .ce_share { padding-top: 8px; }
		#share .ce_share a { padding: 0 4px; }
	#footer > .inside > .w { overflow: hidden; }
	#copy { float: left; width: 30%; margin-bottom: 12px; }
	#footermenu { float: right; width: 70%; text-align: right; margin-bottom: 12px; }
		#footermenu a { padding: 0  0 0 8px; }
		
	#price { }
	#price img { max-width: 250px; }
	#wrapper #addrshare div.cols.col3 > .inside > div { float: 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; color: #000; }

#fontsel a { display: inline-block; padding: 4px 8px 4px 0; }
#fontsel b:before { content:'A'; display: inline-block; color: #000; 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: #fff; }
.medfont #fontsel a.medfont b:before { color: #fff; }
.bigfont #fontsel a.bigfont b:before { color: #fff; }

/*
body#top #wrapper a:focus { display: inline-block; background: #000; color: #fff; }
*/

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

#logo > .inside { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#head.sticky #logo > .inside { bottom: -38px;  }
/*
transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
*/

/* -------------------------------------- */
/* 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.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.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: 840px) {
	#wrapper div.cols.col3 > .inside > div { width: calc(100% - 24px); }
	
	#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: 640px) {
	
	#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; }


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

	
	#head_top > div > div { width: 140px; }
	#head_top > div > div.phone { display: none; }
	#head_top > div > div.login { text-align: left; }
	
	
	#copy { width: 100%; text-align: right; text-align: left; }
	#footermenu { width: 100%; text-align: left; }
	#footermenu a { padding: 0 8px 0 0; }

	#share { text-align: left; }
	#price img { max-width: 250px; }
}
@media screen and (max-width: 440px) {
	#share { width: 100%; text-align: left; }
	#addr { width: 100%; }

}

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

nav { text-transform: uppercase; }

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

#mainmenu ul li { margin-right: 12px; }
#mainmenu li a { display: block; padding: 7px 12px 7px 12px;  }
#mainmenu li:last-child a { margin-right: 0; }
#mainmenu li a			{ background: #ff473b; color: #000; color: #fff; border: 1px solid #fff; /* border: 1px solid #000; */ }
#mainmenu li a:hover	{ background: #000; color: #fff; border: 1px solid #000; }
#mainmenu li a:focus	{ background: #000; color: #fff; border: 1px solid #000; }
#mainmenu li a.active	{ background: #000; color: #fff; border: 1px solid #000; }
#mainmenu li a.trail	{ background: #000; color: #fff; border: 1px solid #000; }
#mainmenu li a.active:focus	{  border: 1px solid #fff; }
#mainmenu li a.trail:focus	{ border: 1px solid #fff; }
#mainmenu li.open > a	{ background: #000; color: #fff; border: 1px solid #000; }

#mainmenu .level_1 > li .ul { padding-top: 4px; }
#mainmenu .level_1 > li > .ul { /* box-shadow: -4px 5px 4px #444; */ padding-top: 4px; }
#mainmenu .level_1 > li > .ul { position: absolute; top: 38px; left: 0; min-width: 150%; background: transparent; color: #000; }
#mainmenu .level_1 > li:last-child > .ul { left: auto; right: 0; }
#mainmenu .level_1 > li > .ul { visibility: hidden; opacity: 0; padding-top: 24px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#mainmenu .level_1 > li.open > .ul { visibility: visible; opacity: 1; padding-top: 8px; }

#mainmenu ul.level_2 li { float: none; padding-bottom: 4px; background: #fff; margin-right: 0; }
#mainmenu ul.level_2 > li:last-child { padding-bottom: 0px; }
#mainmenu ul.level_2 li a {  }
#mainmenu ul.level_2 li li a { /* padding-left: 32px; */ }
#mainmenu ul.level_2 li li a span:before { display: inline-block; content: '...'; margin-right: 8px;  }

#mainmenu ul.level_2 li ul { margin-bottom: -4px; }

#mainmenu ul.level_2 li a { background: #ff473b; color: #000; color: #fff;  }
#mainmenu ul.level_2 li a:hover { background: #000; color: #fff; border: 1px solid #000; }
#mainmenu ul.level_2 li a.active { background: #000; color: #fff; border: 1px solid #000; }
#mainmenu ul.level_2 li a.trail { background: #000; color: #fff; border: 1px solid #000; }


.bigfont #mainmenu ul li { margin-right: 8px; }
.bigfont #mainmenu li a { display: block; padding: 6px 8px;  }

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






#momenu a { color: #000; 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 a:hover { color: #ff473b; }
#momenu a.trail, #c_momenu a.active { color: #ff473b; }
#momenu a.trail:hover, #c_momenu a.active:hover { color: #ff473b; }

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

#o_cart a { position: relative; }
#o_cart span { z-index: 2; display: block; position: relative; }
#o_cart span.filled { z-index: 1; }
#o_cart.filled .filled { position: absolute; top: 4px; left: 12px; width: 12px; height: 10px; background: #eee; }
#o_cart.active a { color: #000; }
#o_cart.active a:hover { color: #fff; }

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

body { background: #ff473b; color: #000; }
#wrapper {  }
#header { }
	#head_top {  }
	#head_logo { }
	#logo p { color: #000; }
	#head_menu { background: #ff473b; }

	#c_search { background: #eee; }
	#c_momenu { background: #eee; }
	#header .c a.close { color: #ff473b; }
	#header .c a.close:hover { color: #000; }

	#buttons a { color: #000; color: #fff; display: inline-block; }
	#buttons a:hover { color: #fff; color: #000; }
	#buttons a:focus { color: #fff; color: #000; }
	
	#head_top div.langswitch .active a { color: #000; }
#container {  background: #ffffff; }
#main {  }
#footer { background: #ff473b; color: #fff; }
	#footer a { color: #fff; }
	#footer a:hover { color: #000000; }
	#footer a:focus { color: #000000; }
	#totop a { color: #ff473b; }
	#totop a:hover { color: #000000; }
a { color: #ff473b;  }
a:hover { color: #000000;  }
h1 a, h2 a, h3 a, h4 a { color: inherit; }

figcaption { color: #999999; }


.ce_form .message { background: #f8f8f8; }
.ce_form .message.error { background: #feeeee; }



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

p.error, p.InputfieldError, div.error > p { color: #ff473b; }
p.warning { color: #ff473b; }
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; text-transform: uppercase; }

button span { background: #ff473b; border: 1px solid #000; color: #fff; }
button span:hover { background: #000; color: #fff; }
button:focus span { background: #000; color: #fff; }

a.button { border: 0; background: none; display: inline-block; }
a.button span { background: #ff473b; border: 1px solid #000; color: #fff; }
a.button span:hover { background: #000;  }

.colored { background: #eeeeee; }
.dark { background: #888888; }
	.dark > * { color: #ffffff; }
.gloomy { background: #444444; }
	.gloomy > * { color: #ffffff; }
.highlight { color: #ff473b; }
.light { background: #dcdfe2; background: #c0d3e2; }
.white { background: #fff; }

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

#main .pager a { border: 1px solid #000; background: #ff473b; color: #fff; }
#main .pager .current a { background: #000; color: #fff; }
#main .pager a:hover { background: #000; color: #ffffff; }
#main .pager span.page { display: none; }

.ce_breadcrumbs a { color: #888; border: 1px solid transparent; }
.ce_breadcrumbs a:hover { color: #ff473b; }
.ce_breadcrumbs a:focus { color: #ff473b; }
.ce_meta { color: #888; }
.ce_list .item .meta { color: #555; }
.sliding .controls .disabled { color: #aaaaaa; }
.ce_sitemap li:before { color: #ff473b; }
.ce_search .search_result li:before { color: #ff473b; }
.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; }

/* tables */
#main table { width: 100%; }
#main table td { padding: 8px; }
#main table th { padding: 8px; }
table tbody tr:nth-child(even) { background: #eee; }
#main table tbody tr:hover { background: #dcdfe2;  background: #c0d3e2;}
table thead th { background: #222; color: #fff; }

/* -------------------------------------- */
/* 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; 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; }
#footer li { display: inline-block; margin: 0; padding: 0; }

.breadlogin:after { content:''; display: block; position: relative; clear: both; }
#container .breadlogin > .ce { margin-bottom: 16px; }
.breadlogin .ce_login { width: 250px; float: right; color: #888; text-align: right; }
.ce_breadcrumbs { float: left; }
.ce_breadcrumbs ol { overflow: hidden; list-style-type: none; margin: 0; padding: 0; }
.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: 8px; }
.ce_breadcrumbs li:first-child span:before { display: none; }

.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: 80px; box-sizing: border-box; }

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

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

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

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

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: 24px; }
form ul.Inputfields > li:after { content:''; display: block; position: relative; clear: both; }

form ul.Inputfields > li { padding-left: 150px; }
form ul.Inputfields > li > label { margin-left: -150px; width: 150px; 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; }

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%; }


.InputfieldStateError p { color: #ff473b; }

.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: #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: 37px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 37px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 37px; }

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

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

#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 { }

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


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

@media screen and (max-width: 640px) {
	#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; }
	
	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; }
}

.form p.result { padding: 24px;  background: #eee; border: 1px solid #000; }
.form p.warning { padding: 24px;  background: #fec89c; border: 1px solid #ff473b; }


/* -------------------------------------- */
/* 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; }
/*
.toggle:focus { color: #fff; background: #222; }
*/
/*
#mainmenu li.submenu > a > span:after { content: "\f078"; display: inline-block; padding-left: 4px; margin-left: 4px; line-height: 21px; }
#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 a:before { content: "\f053"; display: inline-block; padding-right: 4px;  }

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

.ce_link.button > .inside { padding-left: 0; }
.ce_link.button a:before { content: ''; }
.ce_link.button a { color: #fff; display: inline-block; background: #ff473b; padding: 8px 24px 8px 24px; border: 1px solid #000;  }
.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 div.cols2 > .inside > .content, #wrapper p.cols2 { column-count: 2; column-gap: 48px; }

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

@media screen and (max-width: 650px) {
	.indentright > .inside { padding-right: 0; }
	.indentright > .inside h2 { margin-right: 0; }
}


/* 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%; }
.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%; }
.ce_video .content { padding-top: 12px; }

/* googlemap gmap */
.ce_googlemap { background: #eeeeee; border: 1px solid #888; }
.ce_googlemap > .inside { padding-top: 50%; min-height: 300px; }
.ce_googlemap > .inside > .gmap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ce_googlemap > .inside p.open { font-size: 80%; padding: 6px 12px 6px 12px;  }

/* openstreetmap */
.ce_openstreetmap { width: 100%; background: #eeeeee; border: 1px solid #888; }
.ce_openstreetmap iframe { width: 100%; height: 300px; border: 0; }
.ce_openstreetmap div.open { font-size: 80%; padding: 6px 12px 6px 12px; }
.ce_openstreetmap div.info { border-top: 1px solid #888; }
.ce_openstreetmap p { font-size: 80%; display: table; width: 100%; box-sizing: border-box; padding: 6px 12px 6px 12px; }
.ce_openstreetmap p span { display: block; float: left; }
.ce_openstreetmap p span.copyright { float: right; }


.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 */
.ce_back { padding-top: 24px; padding-bottom: 24px; } /* text-align: right;  */
.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; }

.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; }

/* 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; }
.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: none; }
.ce_search .url { display: block; color: #999999; font-weight: normal; display: none; }
.ce_search  form { margin-bottom: 24px; }
.ce_search input { width: 100%; }

/* 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 { padding-bottom: 4px; }
.ce_list .item .date { }
.ce_list .item .h3 { }
.ce_list .item .author { }
.ce_list .item.hasimg > .inside { padding-right: 174px; }
.ce_list .item figure { max-height: 300px;  float: right; width: 150px; margin-right: -174px; }

/* 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: 640px) {
	.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.prev { left: 0; }
.sliding.sl_pagination_slideshow a.next { right: 0; }

.startshow { padding: 16px 0 16px 0; }
.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 > div { padding: 0 6px 0 6px; }
.startshow .container { }
.startshow p.meta { display: none; }
.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%; left: 9px; margin-top: -25px; }


.page_home .breadlogin { display: none; }
.page_home #main { padding-top: 0; }


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



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


#cookies_ok { background: rgba(192,211,226,0.9); position: fixed; left: 0; bottom: 0; width: 100%; display: block; z-index: 999999; color: #000; box-shadow: 0px -3px 4px #000; }
#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; }


/* listedit */
.ce_result table { width: 100%; }
.ce_form .message { padding: 24px; margin-bottom: 24px; } /* box-shadow: -4px 5px 8px #444;    */
.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; }




/* shop */
table.cart { width: 100%; }
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 #555555; }
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 {  }
table.cart .producttitle { font-weight: bold; }
table.cart .itemlabel { font-weight: bold; }
table.cart .preorder { font-weight: bold; }

table.cart input { width: 42px; margin-right: 4px; margin-bottom: 4px; }
table.cart button { margin: 0 4px 0 0; vertical-align: top; margin-bottom: 4px; margin-left: -1px; }
table.cart button span { padding: 2px 8px 6px 8px; display: inline-block; vertical-align: top; width: 30px; box-sizing: border-box; }
table.cart a.button { vertical-align: top; margin-left: -1px; text-align: center; }
table.cart a.button span { padding: 2px 8px 6px 8px; display: inline-block; vertical-align: top;  width: 30px; box-sizing: border-box; }
table.cart a.button span { background: #ff473b; border: 1px solid #000; color: #fff; }
table.cart a.button span:hover { background: #000; border: 1px solid #000; color: #fff; }
#main table.cart form { display: inline-block; background: transparent; padding: 0; }


table.cart button[name="updatecart"] { display: none; } /* because we have on change... */

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

#wrap_ship_state, #wrap_state { display: none; }


/* 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; 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: 640px) {
	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: 24px;  background: #eee; border: 1px solid #000; } /* box-shadow: -4px 5px 8px #444;  */
#shopmessages.warnings { background: #dcdfe2; border: 1px solid #ff473b;  background: #fec89c; }
#shopmessages.errors { background: #ffc5c1; border: 1px solid #ff473b; }

#ordersuccess form { text-align: center; }

/* product list */
.ce_list figure a { display: block; }
.ce_list a { color: #000; }
.ce_list a:hover { color: #ff473b; }
.ce_list a:focus { color: #ff473b; }
.ce_list .more a { color: #ff473b; }
.ce_list .more a:hover { color: #222; }

#main .item.product > .inside { padding-right: 0; text-align: center; }
#main .item.product > .inside > a { display: block; padding: 8px;  }
#main .item.product figure { float: none;  max-height: none; max-width: none; width: 100%; margin-right: 0; margin-bottom: 12px; }
#main .item.product figure img { box-shadow: -4px 5px 8px #444; display: inline-block; }

/* product details */
.ce_main.product > .inside { padding-right: 300px; display: table; width: 100%; }
.product .ce_image.main { width: 300px; margin-right: -300px; float: right; padding-left: 24px; margin-bottom: 24px;  }
.product .ce_image.main img { box-shadow: -4px 5px 8px #444; }
.product .content { float: left; width: 100%; margin-bottom: 24px; }
.product .attributes { width: 300px; margin-right: -300px; float: right; clear: right; padding-left: 24px; margin-bottom: 24px; }
.product .attributes p.attribute { padding-bottom: 0; text-transform: uppercase; font-size: 85%; line-height: 150%; }
.product .attributes p.attribute.extract { margin-top: 16px; }
.product .attributes p.attribute.others { margin-top: 16px; }
#container .productauthors .products .ce { margin-bottom: 0; }
#container .productauthors .item.author { border-bottom: 1px solid #bbb; margin-bottom: 24px; }
#container .productauthors .item.author:last-child { border-bottom: 0; margin-bottom: 0; }

.product div.tocart { width: 100%; margin-bottom: 32px; }
.product div.tocart .type { display: none; }
.product div.tocart .tax { display: none; }
.product div.tocart .plus { display: none; }

.product div.tocart div.others { clear: both; width: 100%; overflow: hidden; }
.product div.tocart div.others > .inside { border-top: 1px solid #ff473b; border-top: 1px solid #bbb; padding-top: 24px; margin-top: 24px; }

.product div.articles {  float: left; width: 100%; }

@media screen and (max-width: 640px) {
	.ce_main.product > .inside  { padding-right: 0; }
	.product .ce_image.main { width: 100%; margin-right: 0; padding-left: 0;  }
	.product .attributes { width: 100%; margin-right: 0; margin-bottom: 24px; padding-left: 0; }
	
	#container .productauthors .author .ce.products { display: none; }
}

/* to cart */
div.tocart { padding: 32px 24px; overflow: hidden; background: #fefe9e; background: #eee; }
div.tocart > .inside {  }
div.tocart .tax:after { content: ','; display: inline-block; padding: 0 4px 0 0; }
div.tocart .available > span { display: block; }
div.tocart .type { font-weight: bold; }
div.tocart div > span { display: inline-block; font-size: 85%; }
div.tocart div > span.price { display: block; font-weight: bold; font-size: 100%; }

div.tocart > .inside { padding-right: 50%; }
div.tocart .info { float: left; padding-right: 12px; margin-bottom: 12px; }
#main div.tocart form { float: right; width: 100%; margin-right: -100%; padding: 0; padding-left: 12px; box-sizing: border-box; background: #fefe9e; background: #eee; }

div.tocart form button { width: 100%; display: block; }
div.tocart form button span { width: 100%; display: block; box-sizing: border-box; }

@media screen and (max-width: 840px) {
	div.tocart > .inside { padding-right: 24px; }
	div.tocart .info { padding-right: 0; }
	#main div.tocart form { margin-right: 0; padding-left: 0; margin-right: 0; }
}


/* az */
ul.az { list-style: none; margin: 0; padding: 0; overflow: hidden; text-align: center; }
.az li { display: inline-block; margin: 0 2px 8px 2px; }
.az li a { display: block; width: 32px; padding: 2px 0 2px 0; box-sizing: border-box; text-align: center; border: 1px solid #222; background: #ff473b; color: #fff; }
.az li a:hover { background: #000; color: #fff; }
.az li.active a { background: #000; 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; background: #eee; padding: 24px; text-align: center; }
.ce_list.type_authors div.item { width: calc(25% - 24px); }

@media screen and (max-width: 840px) {
	.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; }


/* articles, events */
.type_articles .item { padding: 24px; background: #eee; }
.type_events_future .item { padding: 24px; background: #eee; }

.ce_list.type_events_future .item > .inside { padding-right: 0; }
.type_events_future .item figure { max-height: none; float: none; width: 100%; margin-right: 0; margin-bottom: 16px; }
.type_events_future .item figure img { max-width: none; width: 100%; }

/* -------------------------------------- */
/* Media queries */
/* -------------------------------------- */
@media screen and (max-width: 1040px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 800px; }
}

@media screen and (max-width: 840px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 600px; }
		
		
	/* breakpoint menu */
	#o_menu { display: block; }
	#c_momenu { display: block; }
	#menublock { display: none; }
	
	/*
	#logo { width: 150px; }
	#buttons {  }
	*/
	/*
	#head.sticky #head_top { display: none; }
	#head.sticky #head_logo { display: block; }
	#head.sticky #buttons {  }
	#head.sticky #head_menu { display: none; }
	*/
}

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

}


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

	#container > .inside { padding-right: 0; }
	#main {  }
	#sidebar { width: 300px; margin-right: 0; margin-top: 24px; padding-left: 0; float: 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; }

	#head #head_menu { padding: 4px 0 4px 0; }
	#head #logo { margin-top: -50px; }
	#logo a { overflow: hidden; }
	#logo img { width: 90px; display: block; float: right; }
	#head_top { height: 42px;  }
}

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



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

	.ce_list .item.hasimg > .inside { padding-right: 0; }
	.ce_list .item figure { float: none; width: 100%; margin-right: 0; margin-bottom: 12px; }

	.overlap > .inside { position: relative; bottom: auto; left: auto; }
	
	.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; }
}



@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; }
	
	
	#fe_edit { display: none; }
	
	
	#head.sticky { transform: translatey(50px); position: relative; }
	#head.sticky #head_top { display: none; }
	#head.sticky #tennis { display: block; }
	#head.sticky #logo img { top: 0;  }
	
	#head #logo { position: relative; float: right; }
	#head #logo > .inside { position: relative; }
	
	#totop { display: none; }
	.socials { display: none; }
}