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

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%; }
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: 40%; }
figure.align_left { float: left; margin: 0 24px 24px 0; width: 40%; }
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: 14px; line-height: 20px; 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: 'FiraSansCondensed-Light', 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered,
input, button { font-family: 'FiraSansCondensed-Light', 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
textarea, select, option { font-family: 'FiraSansCondensed-Light', 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

h1, h2, h3, h4, strong { font-family: 'FiraSansCondensed-SemiBold', 'Lato', Arial, Times, sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }

.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,
xxx
	{ font-family: FontAwesome; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration: none; display: inline-block; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.8; }


h1, p.h1 { font-size: 28px; line-height: 34px; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }
h2, p.h2 { font-size: 22px; line-height: 28px; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }
h3, p.h3 { font-size: 18px; line-height: 24px; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }
h4, p.h4 { font-size: 15px; line-height: 20px; margin: 0 0 12px 0; padding-bottom: 0; font-weight: normal; }

h1 span.sub, p.h1 span.sub { display: block; padding-left: 24px; font-style: italic; }
h2 span.sub, p.h2 span.sub { display: block; padding-left: 24px; font-style: italic; }
h3 span.sub, p.h3 span.sub { display: block; padding-left: 24px; font-style: italic; }


.producer_producer-1 h1 { color: red; }
.producer_producer-2 h1 { color: green; }


figcaption { font-size: 14px; line-height: 20px; padding-top: 8px; }

#o_search a { font-size: 24px; display: none; }
#o_menu a { font-size: 24px; }

footer { font-size: 14px; }


pre { font-size: 80%; overflow: auto; border-left: 1px solid #888; padding-left: 12px; }

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

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

#container > .inside { padding-right: 232px; }
#sidebar { width: 232px; margin-right: -232px; float: left; padding-left: 32px; }

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

#main { width: 100%; float: left; }


#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 { padding-top: 4px; padding-bottom: 4px; font-size: 12px; }
		#head_top > div { text-align: justify; line-height: 0; }
			#head_top > div > div { display: inline-block; line-height: 14px; width: 170px; overflow: hidden; white-space: nowrap; }
			#head_top > div > div.login { text-align: center; }
			#head_top > div > div.langswitch { text-align: right; }
				#head_top div.langswitch ul { display: inline-block; margin: 0; padding: 0; }
				#head_top div.langswitch li { display: inline-block; margin: 0; padding: 0 0 0 8px; }
			#head_top > div > div.stretch { width: 100%; height: 0; }
		#head #head_logo { z-index: 10001; overflow: hidden; padding-top: 8px; }
		
		#logo { float: left; width: 250px; padding: 12px 0 24px 0; }
			#logo img, #logo a { display: block; }
		#buttons { float: right; padding-top: 18px; }
			#buttons > div { float: right; width: 32px; text-align: right; }
		#head #head_menu { z-index: 10000; }
	
		#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_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; padding-top: 24px; }
		
	#mainmenu {  }
#container { clear: both; z-index: 1; }
	#main { padding-top: 24px; }
		#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; }
		
		#main div.login { float: right; color: #a98; margin-bottom: 0; }
		/* .page_home .breadlogin { display: none; }  */
		
	#sidebar { padding-top: 24px; }

#footer { clear: both; z-index: 0; padding-top: 12px; 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%; }
	#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; color: #000; }



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


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


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


#wrapper div.cols  { overflow: hidden; }
#wrapper div.cols > .inside { margin-left: -12px; margin-right: -12px; }
#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; }



@media screen and (max-width: 840px) {
	#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; }
	
	
	#head_top > div > div { width: 140px; }
	#head_top > div > div.phone { display: none; }
	#head_top > div > div.login { text-align: left; }

}


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

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

#mainmenu li a { display: block; padding: 8px 16px 8px 16px; margin: 0 12px 0 0;  }
#mainmenu li:last-child a { margin-right: 0; }
#mainmenu li a			{ background: transparent; color: #fff; }
#mainmenu li a:hover	{ background: #f2c487; background: #ccddff; background: #eee; color: #000; }
#mainmenu li a.active	{ background: #f2c487; background: #ccddff; background: #eee; color: #000; }
#mainmenu li a.trail	{ background: #f2c487; background: #ccddff; background: #eee; color: #000; }
#mainmenu li.open > a	{ background: #f2c487; background: #ccddff; background: #eee; color: #000; }

#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: #f2c487; 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: 0px; }

#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: #f2c487; background: #ccddff; background: #eee; color: #000;  }
#mainmenu ul.level_2 li a:hover { background: #f2c487; background: #ccddff; background: #eee; color: #ee0000; }
#mainmenu ul.level_2 li a.active { background: #f2c487; background: #ccddff; background: #eee; color: #ee0000; }
#mainmenu ul.level_2 li a.trail { background: #f2c487; background: #ccddff; background: #eee; color: #ee0000; }




#footermenu a { padding: 0  0 0 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 a:hover { color: #ff4444; }
#momenu a.trail, #c_momenu a.active { color: #ff4444; }
#momenu a.trail:hover, #c_momenu a.active:hover { color: #ff4444; }

#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: #444; color: #222222; }
#wrapper { background: #fff; }
#header { }
	#head_top { background: #fff; }
	#head_logo { background: #fff; }
	#head_menu { background: #e08405; background: #7592A5; background: #444; }

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

	#buttons a { color: #444; }
	#buttons a:hover { color: #ee0000; }
	
	#head_top div.langswitch .active a { color: #444; }
#container {  background: #ffffff; }
#footer { background: #444; color: #fff; }
	#footer a { color: #fff; }
	#footer a:hover { color: #ee0000; }
	#totop a { color: #222; }
	#totop a:hover { color: #ee0000; }
a { color: #ee0000;  }
a:hover { color: #000000;  }

figcaption { color: #999999; }


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

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

p.error, p.InputfieldError { color: #ee0000; }
p.warning { color: #ff8800; }
input, select, textarea { color: #222222; 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: #ee0000; border: 1px solid #999999; color: #fff; } /* 7592A5  */
button span:hover { background: #444; color: #fff; }

a.button { border: 0; background: none; }
a.button span { background: #ee0000; border: 1px solid #999999; color: #fff; }
a.button span:hover { background: #444; color: #fff; }

.colored { background: #eeeeee; }
.dark { background: #888888; }
	.dark > * { color: #ffffff; }
.gloomy { background: #444444; }
	.gloomy > * { color: #ffffff; }
.highlight { color: #ff8800; }

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

.pager a { background: #ee0000; color: #ffffff; }
.pager .current a { background: #aaa; color: #ffffff; }
.pager a:hover { background: #444444; color: #ffffff; }
.pager span.page { display: none; }

.ce_breadcrumbs a { color: #aaaaaa; }
.ce_breadcrumbs a:hover { color: #ee0000; }
.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: #222222; }
.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; }
/* -------------------------------------- */
/* 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; }

.ce_breadcrumbs { }
.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: 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; padding: 0; }
.pager a { display: block; padding: 8px 12px 8px 12px; }
.pager span { display: inline-block; }
.pager span.page { display: none; }




/*
.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; }
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;  }
a.button span:hover {  }

form ul.Inputfields { list-style-type: none; margin: 0; padding: 0; }
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; }

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

.ce_form.message { padding: 24px; margin-bottom: 24px; }
.ce_form.message.error {  padding: 24px; margin-bottom: 24px; }
.InputfieldStateError p { color: #ee0000; }

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

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


#wrap_notification { display: none; }


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

#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.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: 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: #222222; display: inline-block; background: #fff; padding: 8px 24px 8px 24px; border: 1px solid #999999;  }
.ce_link.button a:hover { color: #fff; background: #222222; border: 1px solid #fff;  }
.colored .ce_link.button a { background: #fff; }
.colored .ce_link.button a:hover { color: #fff; background: #222222; border: 1px solid #fff;  }

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

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

.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: 14px; line-height: 20px; }

/* 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: 22px; display: inline-block; }
table.calendar .nav th span a { display: block; position: relative; font-size: 22px; }
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 li.rel_poor { opacity: 0.7; }
.ce_search .matches { color: #999999; display: none; }
.ce_search .relevance { display: none; }
.ce_search .url { display: block; color: #999999; font-weight: normal; }

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

/* 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; overflow: hidden; float: right; width: 150px; margin-right: -174px; }

/* download */
.ce_download > .inside { padding-left: 24px; }
.ce_download .icon { float: left; margin-left: -24px; }

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

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



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


/* listedit */
.ce_result table { width: 100%; }
.ce_form .message { padding: 24px; margin-bottom: 24px; border: 1px solid #008800; }
.ce_form .message.error { border: 1px solid #880000; }


/* 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: 14px; line-height: 20px; }
#fe_edit > a { padding: 8px; }
#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 #222222; }
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: #555; color: #fff; }
table.cart .producttitle { font-weight: bold; }
table.cart .itemlabel { font-weight: bold; }
table.cart .preorder { font-weight: bold; }

table.cart input { width: 50px; }
table.cart button span { padding: 4px 8px; }
table.cart a.button span { padding: 4px 8px; }
table.cart form { display: inline-block; }


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

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

#shopmessages { padding: 24px; border: 1px solid #333; background: #fefefe; }
#shopmessages.warnings { background: #feeeee; }
#shopmessages.errors { background: #fecccc; }

div.tocart { background: #eeeeee; padding: 24px; margin-bottom: 24px; }
div.tocart .plus:before { content: ','; display: inline-block; padding: 0 4px 0 0; }
div.tocart .available > span { display: block; }
div.tocart .type { font-weight: bold; }

.product .attributes .row { clear: both; padding-left: 132px; }
.product .attributes .label { width: 120px; margin-left: -132px; float: left; font-weight: bold; }

.az ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.az li { display: block; float: left; margin: 0 4px 8px 4px; }
.az li a { display: block; width: 22px; padding: 2px 0 2px 0; box-sizing: border-box; text-align: center; background: #eee; }
.az li a:hover { background: #444; color: #fff; }
.az li.active a { background: #444; color: #fff; }



/* Popup */
.popup #wrapper { padding-top: 0; }
.popup header { display: none; }
.popup footer { display: none; }
.popup .ce_back { display: none; }
.popup .ce_breadcrumbs { display: none; }
.popup #fe_edit { display: none; }

/* Tix */
#main .ce_main:after { display: block; clear: both; content: ""; font-size: 0; line-height: 0; }
#main .ce_main > .inside > div { z-index: 1; }
#main .ce_main > .inside > div.ce_infos { z-index: 2; }
#main .ce_infos { width: 320px; float: right; background: #eee; padding: 24px; margin-left: 24px; }
#main .ce_infos .inside > p { clear: both; }
#main .ce_infos p.info { padding-bottom: 0; padding-left: 100px; }
#main .ce_infos p.info .label { width: 100px; margin-left: -100px; float: left; font-weight: bold; }
#main .ce_infos p.info.edit { padding-top: 12px; padding-bottom: 12px; }
#main .ce_infos form ul.Inputfields > li { padding-left: 0;  }
#main .ce_infos form ul.Inputfields > li.InputfieldSubmit { padding-bottom: 0; }
#main .ce_infos form ul.Inputfields > li > label { width: 100%; margin-left: 0; float: none; }
#main .ce_infos  .ce_form { margin-bottom: 0; }
#main .ce_main.tix .text { background: #eee; overflow: hidden; padding: 24px; margin-bottom: 24px; } 

#main .ce_main.tix .ce_files { background: #eee; overflow: hidden; padding: 24px; margin-bottom: 24px; } 

#main .form_tixtfilter form ul.Inputfields > li { padding-left: 0; width: 33.3%; float: left;  }
#main .form_tixtfilter form ul.Inputfields > li.InputfieldSubmit { float: right; clear: both; width: 100%; text-align: right; }
#main .form_tixtfilter form ul.Inputfields > li > label { width: 100%; margin-left: 0; float: none; }

#main .form_tixtfilter form { overflow: hidden; padding: 24px 24px 12px 24px; background: #eee; }
#main .form_tixtfilter form ul { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 
#main .form_tixtfilter form ul.Inputfields > li { padding: 0 12px 12px 12px; }

#top table.tix.mobilize > tbody > tr { border-bottom: 1px solid #888; }
#top table.tix.mobilize > tbody > tr:first-child { border-top: 1px solid #888; }


div.newtix { padding: 0 0 24px 0; text-align: right; }

table.tix { width: 100%; }
table.tix th, table.tix td { padding: 8px; border: 1px solid #eee; }
table.tix th { background: #444; color: #fff; }
table.tix a {  }
table.tix .title a { color: inherit;  }

table.tix .topic { opacity: 0.6; }

/*
table.tix .creator.val_me { color: #880000; }
*/
table.tix tr.status_00 { background: #ffeeee; }
table.tix tr.status_05 { background: #ffdd99; }
table.tix tr.status_10 { background: #ffffaa; }
table.tix tr.status_20 { background: #eeee99; }
table.tix tr.status_30 { background: #cceebb; }
table.tix tr.status_40 { background: #fff0f0; }
table.tix tr.status_50 { opacity: 0.7; }
table.tix tr.status_60 { text-decoration: line-through; }
table.tix tr.status_60 .title a { text-decoration: line-through;  }

.status.val_00 .value { color: #ee0000; }
.status.val_10 .value { color: #884400; }
.status.val_20 .value { color: #000088; }
.status.val_30 .value { color: #008800; }


.severity.val_60 .value, td.severity.val_60 { color: #ee0000; }
.severity.val_50 .value, td.severity.val_50 { color: #ee0000; }
.severity.val_40 .value, td.severity.val_40 { color: #ff8800; }
.severity.val_30 .value, td.severity.val_30 { color: #ff8800; }

.assigned.val_me .value, td.assigned.val_me { color: #ee0000; }


.done.val_000 .value, td.done.val_000 { color: #ee0000; }
.done.val_010 .value, td.done.val_010 { color: #ee0000; }
.done.val_090 .value, td.done.val_090 { color: #008800; }
.done.val_100 .value, td.done.val_100 { color: #008800; }


@media screen and (max-width: 840px) {
	#main .ce_infos { width: 100%; padding: 24px; }
}

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

@media screen and (max-width: 1240px) {
	.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: 1040px) {
	.w, #container > .inside, .fullsize #main > .inside > .ce, .fullsize #main .fullsize > .inside > .w, #footer > .inside,
		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, #footer > .inside,
		xxx, #c_search > .inside, #mainmenu > .inside
		{ max-width: 600px; }
		
		
	/* breakpoint menu */
	#o_menu { display: block; }
	#c_momenu { display: block; }
	#mainmenu { display: none; }
	
	#logo { width: 150px; }
	#buttons { padding-top: 8px;  }
	#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, #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; }
	

	
	
	#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; }
	
	form ul.Inputfields > li { padding-left: 0; }
	form ul.Inputfields > li > label { margin-left: 0; width: 100%; padding-right: 0; padding-bottom: 8px; }

}

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


	
	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 {
	#fe_edit { display: none; }
	#o_search, #c_momenu, #c_search, #o_menu, #mainmenu, #share, #footermenu, #wrapper .ce_back, #buttons, #totop, .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; }
}