/**
 * 0) FONTS
 **/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* clicker-script-regular - latin */
@font-face {
  font-family: 'Clicker Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/clicker-script-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Clicker Script'), local('ClickerScript-Regular'),
       url('fonts/clicker-script-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/clicker-script-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/clicker-script-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/clicker-script-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/clicker-script-v7-latin-regular.svg#ClickerScript') format('svg'); /* Legacy iOS */
}
 
/**
 * 1) GERNERAL CSS
 **/

/* RESET CSS PROPERTIES */
* { margin: 0; padding: 0; }

/* HTML AND BODY */ 
html {}
body { color: #555; font-size: 100%; font-family: 'Open Sans Condensed', sans-serif, trebuchet ms, verdana, arial; background: #fff; } /*background: url( 'https://www.richter-porzellan.de/images/default/background-pattern.png' ) #fff;*/

/* HIDING ELEMENTS // usability, responsive design buttons */
.donotdisplay, 
	.printonly, 
	.mobileonly { left: -9999px; position: absolute; }

/**
 * COLS AND SIDEBARS - start
 **/
 .colLeft { margin-right: 1%; float: left; }
.colMiddle {float: left; overflow: hidden;}
.colRight { margin-left: 1%; float: right; } 

.col2 { width: 49%; }
.col2.colLeft {width: 24%;}
.col2.colRight {width: 74%;}

.col3 { width: 30%; }
.col3.colLeft { margin-right: 2.5%; }
.col3.colMiddle { margin: 0 2.5%; }
.col3.colRight { margin-left: 2.5%; }

aside.col2,
	sidebar.col2 { width: 24%; }
aside.col3,
	sidebar.col3 { width: 19.5%; }
aside.col3.colLeft,
	sidebar.col3.colLeft { margin-left: .5%; }
aside.col3.colRight,
	sidebar.col3.colRight { margin-right: .5%; }

#contentsection.col1 { width: 100%; }
#contentsection.col2 { width: 74%;  }
#contentsection.col3 { width: 59%; float: left; margin: 0 .5%; } 
 
/**
 * COLS AND SIDEBARS - end
 **/

/**
 * GENERAL TEXT STYLES - start
 **/
 
	/* headlines */
	h1 { font-size: 200%; font-weight: 300; color: #333; padding: 1.5% 0 .5%; }
	h2 { font-size: 160%; font-weight: 400; color: #333;  padding: 2% 0 1%; }
	h3 { color: #333; font-size: 120%; padding: 1.5% 0 .5%; }
	h4 { color: #333; font-size: 90%; padding: 1% 0 0; }
	h5 { color: #333; font-size: 80%; padding: .5% 0 0; }
	
	/* abstracts */
	p { padding: .5% 0 .5%;  }
	a { color: #001c64; text-decoration: none; }
	a:hover { color: #333; text-decoration: underline; }
	.disabled, 
		a.disabled { text-decoration: line-through; }
	a, a:active, a:focus { outline: medium none; }
	.right { text-align: right; }
	.left { text-align: left; }
	.center { text-align: center; }
	.justify {text-align: justify; }
	.floatleft { float: left; }
	.floatright { float: right; }
	.clearboth { clear: both; }
	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.small { font-size: 80%; }
	.large { font-size: 120%; }
	.honey { position: absolute; left: -9999px; }
	
	/* tables */
	table, 
		th, 
		td { border: none; }
	td, 
		th { vertical-align: top; padding: 1% 2%; }
	th { text-align: left; }

/**
 * GENERAL TEXT STYLES - end
 */
 
/**
 * NAVIGATION - start
 **/

	/* horizontal main navigation */
		#horizontalNavi  { position: relative; list-style: none; width: auto; text-align: center; }
	#horizontalNavi > li { position: relative; font-size: 130%; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
	#horizontalNavi > li > a { display: block; padding: 2% 10px; color: #555; font-weight: 300;}
	#horizontalNavi > li.active > a { color: #001c64; font-weight: 300;}
	#horizontalNavi > li:hover,
		#horizontalNavi > li:hover > a { color: #001c64; text-decoration: none; font-weight: 300;}
	
	/* dropdown for horizontal main navigation */
	#horizontalNavi ul {
		position:absolute; 
		width:250px;
        overflow: hidden;    
        height: 0;   
		z-index:100;
		-webkit-transition: height 0.3s ease-in;
		-moz-transition: height 0.3s ease-in;
		-o-transition: height 0.3s ease-in;
		-ms-transition: height 0.3s ease-in;
		transition: height 0.3s ease-in;       
    }

	#horizontalNavi > li:hover ul, 
		#horizontalNavi > li > a:hover ul { height:500px; /* default height */ }
            
    #horizontalNavi ul li {
		background: #567371;
		width: 100%;
		margin: 0;
		font-size: 80%;
    	font-weight: 400;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;      
	}
        
	#horizontalNavi ul li:hover { background: #a65c44; }
    #horizontalNavi ul li a { display: block; padding: 2.5% 3%; text-decoration: none; color: #fff; }
	#horizontalNavi ul li a:hover, #horizontalNavi ul li:hover > a { color: #fff; }
	#horizontalNavi ul li + li { border-top: 1px solid #fff; }
	
	/* micro navigation */
		#microNavi { overflow: hidden; padding: 1%  1% 0 0; list-style: none; }
	#microNavi li { float: left; }
	#microNavi li a { color: #323232; }
	#microNavi li a:hover { color: #E1001A; }
	
	/* footer navi */
		#footerNavi { overflow: hidden; width: auto; list-style: none; float: right; }
	#footerNavi li { float: left; }
	#footerNavi li a { color: #333; padding: .5% 0;}
	#footerNavi li a:hover { color: #333; text-decoration: underline; }
	
	/* subnavi inside content */
		#subNaviPreview { list-style: none; }
	#subNaviPreview li { border-top: 1px dotted #152861; margin: 2% 0; }
	#subNaviPreview li > a {padding: 2% 0; }
	#subNaviPreview li.first { border-top: 2px solid #152861; }
	
	/* subnavigation in sidebar */
		aside { width: 24%; margin: 1% 1% .5% 0; float: left;  }
	aside ul { list-style: none; }
	aside ul.navi li { margin: 2% 0; display: block; line-height: 120%; background: #fff; }
	aside ul.navi li  > a {padding: 2.5% 2%; }
	aside ul.navi li:first-child { border-top: none; }
	aside a { font-size: 120%; font-weight: bold; color: #323232; display: block; }
	aside ul.navi li:hover, 
		aside ul.navi li:hover a,
		aside ul.navi li.activeItem, 
		aside ul.navi li.activeItem a { color: #fff; text-decoration: none; background: #97BD0E; }
	.navi.depth-1 { }
	.navi.depth-2 { }
	.navi.depth-3 { }
	.navi.depth-4 { }
 
/**
 * NAVIGATION - end
 **/

/* TEXT BLOCK SETTINGS */
/* #text img { }*/
#text ul, 
	#text ol { margin: 2% 0 2% 3%; }
#text ul li, 
	#text ol li { padding: 1% 0; }
#text .map_canvas img, 
	.tabContainer #map_canvas img { border: none; margin: 0px; -webkit-box-shadow: 0 0 0px #000; -moz-box-shadow: 0 0 0px #000; box-shadow: 0 0 0px #000; }

/* PAGINATION */
.Pages, 
	.activePage{ display: inline-block; font-size: 100%; font-weight: bold; color: #152861;  margin-right: 2%; padding: 1% 2%; }
.activePage { color: #fff !important; text-decoration: underline; background: #152861; border: 1px solid #152861; }
a.activePage:hover { color: #fff !important; }
#page .Pages:link, 
	.Pages:visited { cursor: pointer; text-decoration: none; border: 1px solid #152861; }
#page .Pages:hover { color: #fff !important; background: #152861; }

/* INPUTFIELDS */
.defaultField { overflow: hidden; }
.defaultField input, 
	.defaultField textarea, 
	.defaultField select { width: 97%; border: solid 1px #868788; padding: 1%; margin: 1% 0%; }
.defaultField input:focus, 
	.defaultField textarea:focus, 
	.defaultField select:focus { border: solid 1px #323232; }
.defaultField textarea { height: 200px; }
.defaultField input[type="checkbox"] { width: auto; margin-top: 2%; }
.defaultField label, .defaultField div.labelFake { padding: 1% 0; }
.defaultField label.noFloat { float: none; }
.defaultField .inputWrapper { overflow: hidden; }
input.fieldError, textarea.fieldError { border: solid 1px #c02e2e; }
div.fieldError { clear: left; color: #ff0000; font-size: 80%; margin-left: 1%; }
label.cbFloat { width: 200px; float: left; }

.privacy label { display: inline-block; }
.privacy p { padding: .5% 0 .5% 1%; }

/* MESSAGES */
.msgList { list-style: none; padding: 0; margin: 1% 0; }
.msgList li { margin: .25% 0; padding: .5%; color: #fff; text-shadow: #333 1px 1px 0; }
.msgList li i { padding-right: .5%; }
.warningMsg { background: #e88615;  }
.errorMsg { background: #c02e2e; }
.successMsg { background: #469b2b; }

/* SHADOW */
.shadow { -webkit-box-shadow: 0 0 8px #000; -moz-box-shadow: 0 0 8px #000; box-shadow: 0 0 8px #000; }
.shadowSmall { -webkit-box-shadow: 0 0 2px #000; -moz-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; }

/* WRAPPER */
.wrap { margin: 0 auto; max-width: 1140px; position: relative; width: 100%; }
.overflow { overflow: hidden; }
.loading { width: 100%; height: 100%; background: url( 'https://www.richter-porzellan.de/images/loading.gif' ) transparent center center no-repeat; }

/**
 * 2) STYLES CORE DESIGN
 **/

 /* Mobile Navigation*/
 #mobileNavItem {display:none; padding: 1%; left: auto; position: relative; text-align: left;  cursor: pointer; color: #204999; clear: both;}
 
/* BREADCRUMBS */
#breadcrumbs { display: inline-block; overflow: hidden; overflow: hidden; width: 100%; clear: both; line-height: 20px; }
#breadcrumbs li { list-style: none; color: #3F3F41; text-decoration: none; outline: none; display: block; float: left; padding: 0.3% 0 0 0; position: relative; }
#breadcrumbs li a { text-decoration: none; color: #3F3F41; }
#breadcrumbs li:hover a { color: #97BD0E; }
#breadcrumbs li.start { padding-right: .5%; }

/* CONTACT */
label.contact { float: left; width: 170px; }
input.contactfield { width: 300px; border: solid 1px #152861; }
input.divButton { border: 0px; color: #fff; background: #001c64; padding: 2% 10%; margin-top: 4%; font-weight: bold; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
input.divButton:hover { background: #333; border: 0px; color: #fff; cursor: pointer; }
.leftCB input {float: left; padding: 0 0 0 1%;}
.leftCB label {padding: 1.75% 0 0 1%;}

/* SITEMAP */
#sitemap { line-height: 20px; overflow: hidden; }
#sitemap ul { list-style-type: none; padding: 0px 0px 0px 24px; margin: 0px 0px 0px -24px;  background: url( 'https://www.richter-porzellan.de/images/default/explorer_down.png' ) repeat-y 0% 0%; }
#sitemap li:last-child ul { background-image: none; }
#sitemap li { background: url( 'https://www.richter-porzellan.de/images/default/explorer_node.png' ) no-repeat 0% 0%; padding: 0 0 0 24px; margin: 0; }
#sitemap li:last-child { background: url( 'https://www.richter-porzellan.de/images/default/explorer_corner.png' ) no-repeat 0% 0%; } 

/* LOGIN FORM */
.twocolumns { width: 50%;  float: left; margin: 1% 0; }
.twocolumns label {width: auto; float: none; padding: 0; } 
/*.colLeft { clear: left; padding-right: 20px;}*/
fieldset.orderRegister { padding: 2%; margin-bottom: 4%; border: solid 1px #868788; }
fieldset.orderRegister legend { font-weight: bold; padding: 0 2%;}
input.inputlogin, 
	select.selectlogin { width: 200px; border: solid 1px #868788; padding: 1%; }
input.inputlogin:focus, 
	select.selectlogin:focus { border: solid 1px #323232; }
.twocolumns .submitBtn { border: none; color: #fff; background: #323232; margin: 0 .1%; padding: .5% 1%; }
.twocolumns .submitBtn:hover { background: #EA690B; cursor: pointer; }

/* SEARCH */
#search { overflow: hidden; float: left; }
input#searchBox { border: solid 1px #fff; background: #fff; width: 150px; float: left; }
ul#searchResults { list-style: none; }
ul#searchResults li { padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #002900;  }
ul#searchResults p { padding: 0; }
p.searchLink { font-size: 90%; margin-top: 1%; }
#searchForm { float: right; height: 18px; }

/**
 * 3) PROJECT ADAPTIONS
 **/
h1 { padding: 0.5% 0 2.5%; }
h1, 
	.home #text h2,
	.contact .contactWidget h2,
	.antikLeft h2, .antikRight h2,
	.leftImg h2, .rightImg h2 { font-size: 200%; font-family: 'Clicker Script', cursive; font-weight: 300; color: #001c64; text-transform: inherit; }
.home h1 { padding-bottom: .5%; }
h2 { font-size: 150%; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; text-transform: uppercase; }
h3 { font-size: 130%; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; }

.marginal > h2 { font-family: "Clicker Script",cursive; color: #001c64; font-size: 200%; font-weight: 400; text-transform: inherit; }
 
/* mainWrap */
#mainWrap, footer { background: #fff; 
box-shadow: 
  0 4px 2px #fff, /*bottom external highlight*/
  0 -2px 2px #666, /*top external shadow*/ 
  inset 0 -2px 2px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 2px 2px rgba(255,255,255,0.8); /*top internal highlight*/
  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

/* HEADER */
header { margin-top: 120px; }
#Logo { width: 100%;  }
#Logo img { border: none; position: absolute; top: -74px; left: 0; width: 40%; height: auto; margin: 0 30%; background: #fff; 
box-shadow: 
   0 0px 0px #fff, /*bottom external highlight*/
  0 -2px 2px #666, /*top external shadow*/ 
  inset 0 0px 0px rgba(0,0,0,0), /*bottom internal shadow*/ 
  inset 0 2px 2px rgba(255,255,255,0.8); /*top internal highlight*/
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

header .lines { width: 90%; height: auto; margin: 1% 5%; }

/* NAVIGATIONS */
nav { overflow: hidden; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; width: 100%; padding: 8% 0 2%}

/* MAIN */
main { width: 90%; padding: 2% 5% 5%; }

/* SIDEBARS */
aside,
	sidebar {}

/* CONTENT */
section { overflow: hidden; }
#startsection { margin: 2% 0; }
#startsection .marginal { width: 18%; text-align: center; padding-top: 8%; }
#startsection .colLeft .marginal { width: 23.376% !important; maring-right: 3.246% !important; }
#startsection .slider { width: 70.129%; maring-left: 3.246% !important;  }
#startsection > div.colLeft { width: 77%; margin-right: 2.5%; }

#promosection .objects { width: 79%; }
#promosection .contact { width: 19%; position: relative; overflow: hidden; }
#promosection .contact div.contactBorder { border: 1px solid #ccc; margin-top: 5.32%; padding: 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#promosection .contact div.contactBorder > div { min-height: 238px; padding-top: 10px; overflow: hidden; }
#promosection h2 { padding: 10px 0 5px; font-weight: 300;}


#content, #contentsection {overflow:hidden;}

.leftImg, .rightImg { overflow: hidden; display: table; }
.leftImg .subtitle, .rightImg .subtitle { width: 60%; display: table-cell; }
.leftImg .subtitle img, .rightImg .subtitle img { width: 90% !important; height: auto !important; }
.leftImg .text, .rightImg .text { width: 40%; display: table-cell; vertical-align: middle; }
.rightImg .subtitle { text-align: right; }
.spaceBottom { margin-bottom: 5%; }

hr { border: none; border-bottom: 1px solid #ccc; margin: 2% 0; }

.antikLeft, .antikRight { clear: both; overflow: hidden; background: #fafafa; margin: 5% 0;}
.antikLeft img, .antikRight img { width: 100% !important; height: auto !important; display: block; }
.antikLeft .subtitle { width: 68%; float: left; }
.antikLeft .text { width: 28%; text-align: center; float: right; padding: 2%; }
.antikRight .subtitle { width: 68%; float: right; }
.antikRight .text { width: 28%; text-align: center; float: left; padding: 2%; }

/* FOOTER */
footer { margin-top: 1% !important; margin-bottom: 2% !important; overflow: hidden; }
footer .wrapper { width: 90%; padding: 1% 5%; overflow: hidden; }
footer p { display: inline-block; float: left; padding: 0; }

/* WIDGETS */
.contact ul.widgetlist-Kontaktseite { list-style: none; overflow: hidden; padding: 4% 0;}
li.contactWidget.colRight, li.contactWidget.colLeft { width: 49%; }

#AddWidgetContent { margin: 2% 8%; }
#AddWidgetContent i { color: #001c64; }
#AddWidgetContent span.label { width: 15%; display: inline-block; }

.colRight.contact ul { list-style: none; }
.colRight.contact li ul { padding: 2% 0; }
h3#AddWidgetHeading { font-size: 140%; margin: 0 8%; }


.arrowLink { background: #001c64; display: block; width: 20% !important; height: auto !important; margin: 2% 40%; }
.arrowLink:hover { background: #333; }
 
#startsection .marginal a { font-size: 300%; } 
 
/* headlines */
.subNavi h2 {  margin-bottom: 2%; border-bottom: 1px solid #005DA8; }
h2.naviTop { }
h2.sharePage {  overflow: hidden; clear: both;  margin-top: 5%; padding-top: 1%; border-top: solid 1px #333; }
h2 a { color: #005DA8; }
h2 a:hover { text-decoration: underline; }

/**
 * 4) STYLES REGULAR USED EXTENSIONS
 **/
 
/* SLIDER HOME */
#sliderFrame { overflow: hidden; padding: 0; width: 100%; position: relative; }
ul#slider { list-style: none outside none; position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 1; border: solid 20px #fef7f0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul#slider > li { height: 100%; width: 100%; position: absolute; float: left; display: none; left: 0; top: 0; overflow: hidden; }
ul#slider > li:first-child { position: relative; float: left; display: block; }
ul#slider > li > img { width: 104%; height: auto; margin: -2%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#deco_r { position: absolute; bottom: 0; height: auto; width: 30%; margin: 0 35%; z-index: 20; }

#prevSlide { left: 0; }
#nextSlide { right: 0; }
.paging { position: absolute; top: 260px; z-index: 2; cursor: pointer; opacity: 0;  
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease; }
#sliderFrame:hover .paging { opacity: 1; }

/* NEWS */
ul#newsList { list-style-type: none; }
ul#newsList li { overflow: hidden; padding-bottom: 2%; margin-bottom: 2%; }
ul#newsList li:last-child { border-bottom: none; }
.mainNewsPic { width: 150px; height: 100px; float: left; margin: 0 1% 1% 0; padding: 0; border: 5px solid #fff; }
.lightbox img  { border: none; }

/**
 * 5) STYLES PROJECT RELATED EXTENSIONS
 **/
 
/* references */
#text .refImages { list-style: none; overflow: hidden; display: table; margin: 0; }
#text .refImages li { width: 23%; margin: 1%; float: left; display: table-cell; text-align: center; }
#text .refImages li img { width: 100% !important; height: auto !important; padding-bottom: 2%;}
 
/* Products */
.productvisImageList { list-style: none; overflow: hidden; }
/*.productvisImageList li { list-style: none; float: left; width: 18.4%; margin: 1%; }*/
/*.productvisImageList li:nth-child(5n+1) { margin-left: 0; }*/
/*.productvisImageList li:nth-child(5n) { margin-right: 0; }*/
.productvisImageList li .MorePics { width: 100%; height: auto; position: relative; overflow: hidden; }
/*.productvisImageList li img { width: 100%; height: auto; border: solid 1px #000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}*/
.productvisImageList li .imgTitle { position: absolute; bottom: 20px; left: 0; width: 100%; color: #fff; padding: 0 4%; background: rgba( 226, 83, 3, 0.8 ); opacity: 0;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;        }
.productvisImageList li:hover .imgTitle { opacity: 1; }
.productvisImageList li .imgTitle:hover {height: 24px;}


.ProductPic > img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.ProductPic {
    height: auto;
    max-height: 320px;
    max-width: 320px;
    width: auto;
}

.infoText { font-size: 90%; margin-top: 5%; }

/* PRODUCTVISUAL MOD */
/* product listing */
#ProductOverview > li { background: #fff; border: solid 1px #ccc; float: left; list-style: none; margin: 1.333%; width: 23%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#ProductOverview > li:nth-child(4n+1){ margin-left: 0; }
#ProductOverview > li:nth-child(4n+4){ margin-right: 0; }
#ProductOverview > li > a { min-height: 250px; display: block; overflow: hidden; }
.ProductOverviewImage { height: auto; width: 100%; }
.ProductOverviewImage > img { height: auto; width: 100%; }

.ProductOverviewTitle { font-size: 140%; font-weight: normal; color: #555; height: 55px; text-align: center; overflow: hidden; padding: 1% 5%; text-transform: uppercase; }
#ProductOverview a:hover,
	a:hover .ProductOverviewTitle { color: #001c64; text-decoration: none !important; }

/* product details */
.productvislistmodule .col2.colLeft { width: 48%; margin-right: 2%; }
.productvislistmodule .col2.colRight { width: 48%; margin-left: 2%; }

.ProductLargeImage, 
	.productvisImageList li { border: solid 1px #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ProductLargeImage { text-align: center; vertical-align: middle; width: 100%; margin-top: 3%; position: relative; }
/*.ProductLargeImage > img.portrait { height: 100%; width: auto; }
.ProductLargeImage .wm-zoom-box > img.landscape { height: auto; width: 100%; }*/
.ProductLargeImage .wm-zoom-box > img { height: auto; width: 100%; display: block; position: absolute; top: 0; left: 0; }
.ProductLargeImage .wm-zoom-box > img.currentImg { z-index: 10; }
.ProductLargeImage .wm-zoom-box > img.newImg { z-index: 1; }
.ProductLargeImage .wm-zoom-box > img.loading { position: absolute; top: 0; left: 0; z-index: 20; display: none; }

.productvisImageList { list-style: none; width: 100%; }
.productvisImageList li { float: left; margin: 2.666% 1.333%; width: 23%; cursor: pointer; }
.productvisImageList > li:nth-child(4n+1){ margin-left: 0; }
.productvisImageList > li:nth-child(4n+4){ margin-right: 0; }
.productvisImageList li img { height: auto; width: 100%; display: block; }

.ornament { height: auto; margin: 0 35%; width: 30%; }

/* Tile Style */

.TileContainer {
    /*list-style: outside none none;*/
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.Tilescol {float: left;}
.Tilereset {clear: both;}

.TileSquare {width: 160px; height: auto;}
.TileLandscape {width: 336px; height: 160px;}
.TilePortrait { width: 160px; height: 336;}

.prvimgWrapper {position: relative; border 1px solid #323232; overflow:hidden; margin: 4px 8px;}
.prvimgWrapper img {width: 100%; height: auto;}
.imgTitle { position: absolute; bottom: 4px; left: 0; height: 24px; width: 92%; text-align: center; display: inline-block; color: #fff; text-shadow: 1px 1px 1px #333; font-size: 150%; background: rgba( 0, 0, 0, .6 ); 
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out; 
	cursor: pointer;}
            
.imgTitle:hover { height: 70%; background: rgba( 0, 0, 0, .8 ); }            
.imgText { font-size: 70%; display: inline-block; padding: 2%; margin: 3% 2%; border-top: solid 2px #fff; }

.round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* cookies */
div.table { display: table; margin: 0 auto; background: transparent; }
div.table-row { display: table-row; }
div.table-cell { display: table-cell; vertical-align: middle; }
div.cookieText { width: 74%; margin-right: 1%; text-align: center; }
div.cookieBtn { width: 24%; margin-left: 1%; text-align: center; }

#cookieInfo { background: #1a1a1a; padding: .5% 0; position: fixed; left: 0; bottom: 0; width: 100%; font-size: 100%; color: #fff; z-index: 4444; }
#cookieInfo a { color: #fff; text-decoration: underline; }
#cookieInfo a#setCookie { display: inline-block; padding: 5px 15px; background: #001c64; color: #fff; border: 1px solid #fff; text-decoration: none; }
#cookieInfo a#setCookie:hover { background: #fff; color: #001c64; text-decoration: none; }