/*
Theme Name: Chris-Ruby
Theme URI: http://underscores.me/
Author: Studio Wittrin
Author URI: http://www.wittrin.info
Description: The Chris and Ruby Theme
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 _s is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	

overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */



	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}



html {
    height:100%;
}




body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: 0;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #828282;
	font-family: BrandonGrotesque-Regular, sans-serif;
	font-style: normal;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;

}


/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}





button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}





textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #828282;
	text-decoration:none;
	
}

a:visited {
	color: #828282;
}
a:hover,
a:focus,
a:active {
	color: #000;
}




/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}


/* =Menu
----------------------------------------------- */

.navigation-main {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.navigation-main ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.navigation-main li {
	float: left;
	position: relative;
}
.navigation-main a {
	display: block;
	text-decoration: none;
}
.navigation-main ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	position: absolute;
		top: 1.5em;
		left: 0;
	z-index: 99999;
}
.navigation-main ul ul ul {
	left: 100%;
	top: 0;
}
.navigation-main ul ul a {
	width: 200px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
	display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
}

.main-small-navigation ul {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}






/* =Studio Wittrin Styles
-------------------------------------------------------------------------------------------------------------------------------------- */




/* =-General
----------------------------------------------------------------- */

body {height:100%;}

#primary {margin: 142px 0 0 7.5%;}

#primary-start {margin: 0;}

#primary-start-superslides {position:fixed; top:0px; margin-top:0px;}

#primary-category {margin: 142px 3.837099494097807757166947723441%;}

#primary-warenkorb {margin: 142px 25% 0 25%;}

#primary-kontakt, #primary-rechtstexte {margin: 212px 31.25% 0 31.25%;}

#primary-kontakt #content {text-align:center;}

#primary-kundeninfo {margin: 212px 25% 0 25%}

#primary-kundeninfo #content, #primary-rechtstexte #content {text-align:center;}


#primary-fancybox {margin: 20px 5% 0 5%}



#primary-services {margin: 142px 3.125% 0 3.125%;}

#primary-about {margin: 142px 0 0 0}

/* Links */
a.green {
	color: #c2cba2;
	text-decoration:none;
	
}

a.green:visited {
	color: #c2cba2;
}
a.green:hover,
a.green:focus,
a.green:active {
	color: #c2cba2;
}


a#green {
	color: #c2cba2;
	text-decoration:none;
	
}

a#green:visited {
	color: #c2cba2;
}
a#green:hover,
a#green:focus,
a#green:active {
	color: #c2cba2;
}



/* =-Fonts
----------------------------------------------------------------- */

.div-2 		{font-family: BrandonGrotesque-Regular, sans-serif; font-style: normal;font-weight:normal;-webkit-font-smoothing: antialiased;}



.div-3,
.div-4,
.div5		{font-family: BrandonGrotesque-Regular, sans-serif; font-style: normal;font-weight:normal;-webkit-font-smoothing: antialiased;}


.categorytitle,
.site-title {font-family:BrandonGrotesque-Regular, sans-serif; font-style: normal; text-transform: uppercase;}

.site-title {font-weight:bold;}

.entry-title {font-family:BrandonGrotesque-Regular, sans-serif; font-style: normal; text-align:center;font-size: 2.2rem;text-transform:uppercase;}




 



/* =-Header
----------------------------------------------------------------- */

.header-background { background:rgb(229,229,229); /* The Fallback */  background:rgba(229,229,229,0.85);display:block; width:100%;height:108px; position:fixed}


.header-background-start {display:block; width:100%;height:108px; position:absolute;z-index:1000000;}


.header-wrapper {width:100%;}

#masthead {position:relative;z-index:10;}





/* =-Blindspace Left
---------------------------------------- */

.div-0 {width:7.5%;height:25px;float:left;display:block;}



/* =-Logospace
---------------------------------------- */

.div-1 {float:left;position:relative;}

.div-1 img {}


/* =-First Menu Space
---------------------------------------- */

.div-2 {width:45%; left:27.5% ;z-index:10000;text-align:center;height:47px;position:absolute;font-size: 23px;}



/* =-Second/Third Menu Space
---------------------------------------- */


.div-3 {position:relative;width:35%;float:right;font-size: 12px; height:46px;}

#div-3-1 {width:100%;display:block;border:0px solid blue;height:23px;line-height:23px; }

#div-3-2 {position:relative;width:100%;clear:both; display:block;border:0px solid blue;height:22px;line-height:22px; }



/* =-Language Menu Space
---------------------------------------- */

.div-4 {width:7.5%;float:right;height:25px;border:0px solid blue; }









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


#mainmenu {position:absolute; bottom:0;width:100%;}

#main-menu-container {} 
#main-menu-container ul {list-style:none; padding:0;margin:0 auto;}
#main-menu-container li {display:inline;margin: 0 3.2%;} 
#main-menu-container li a {text-decoration: none;} 

#secondary-menu-container ul {list-style:none; padding:0;margin:0 auto;}
#secondary-menu-container li {float:right;margin-left:3%;} 
#secondary-menu-container li a {text-decoration: none;} 


#thirdmenu {position:absolute; bottom:0;width:100%;}
#third-menu-container ul {list-style:none; padding:0;margin:0 auto;}
#third-menu-container li {float:right;margin-left:3%;} 
#third-menu-container li a {text-decoration: none;} 


#fourth-menu-container ul {list-style:none; padding-bottom: 5px;margin:0 auto; width:540px; background:#e5e5e5;}
#fourth-menu-container li {display:inline;margin: 0 2%;} 
#fourth-menu-container li a {text-decoration: none;} 


#extended-menu-container ul {list-style:none; padding:6px 0;margin:0 auto;}
#extended-menu-container li {padding:5px 0;} 
#extended-menu-container li a {text-decoration: none;}

#extended-main-menu-container {} 
#extended-main-menu-container ul {list-style:none; padding:6px 0;margin:0 auto;}
#extended-main-menu-container li {padding:5px 0;} 
#extended-main-menu-container li a {text-decoration: none;} 


.navigation-extended-2  {list-style:none; text-transform:uppercase;padding:6px 0; text-align:center;margin: 0 auto;}
.navigation-extended-2 li {padding:5px 0;} 

#main-menu-container li.current_page_item a,
#main-menu-container li.current-menu-item a {color:#000;}

#secondary-menu-container li.current_page_item a,
#secondary-menu-container li.current-menu-item a {color:#000;}

#third-menu-container li.current_page_item a,
#third-menu-container li.current-menu-item a {color:#000;}

#fourth-menu-container li.current_page_item a,
#fourth-menu-container li.current-menu-item a {color:#000;}



/* =-Detail Menu
-------------------- */

.navigation-detail {}


.detailmenuspace {
		position:fixed;
		z-index:10;
		top:100px;
		width:70%;
		margin: 0 15%;
		text-align:center;
		font-size:1.2rem;
		font-family:BrandonGrotesque-Regular, sans-serif;
		font-style: normal; 
		
	
		}


.anchor {position:relative; top:-212px; display: block; height: 212px; margin-top: -212px; visibility: hidden;}



/* =-Extender Menu
-------------------- */

.menu-and-widget {}

#menu-button {display:none;}

.navigation-extended {}


.hide {display:none;visibility:hidden;}


#menu-expanderContent {	display:none; 
			background:black;
			opacity: 0.8;       /* modern browser */  
			-moz-opacity: 0.8;  /* older Mozilla browser */  
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 in Standard Compliant Mode */  
			filter:alpha(opacity=80); /* IE5.x -7.0 */  
			position:absolute;
			z-index:1000;
			width:100%;
			text-align:center;
			padding:24px 0;
}

#menu-expanderHead {}

#menu-expanderSign {
		background-image: url(/wordpress/wp-content/uploads/2013/05/menu-button.gif);
		width:23px;
		height:20px;
		display:block;
		margin: 0 auto;} 


.qts-lang-menu-extended {list-style:none; padding:6px 0;margin:auto;text-transform:uppercase;}

.qts-lang-menu-extended li {display:inline;}

.qts-lang-menu-extended li a {text-decoration:none;}

.qts-lang-menu-extended .first-child a {border-right: 1px solid grey;padding-right:5px;}


#extended-menu {}


/* =-Language
-------------------- */

.languagechooser{margin: 0px auto 0 auto;text-align:center; height:25px; line-height:23px; font-size: 12px;}

.qts-lang-menu {list-style:none; padding:0;margin:auto;}

.qts-lang-menu li {display:inline;}

.qts-lang-menu li a {text-decoration:none;}

.qts-lang-menu .first-child a {border-right: 1px solid grey;padding-right:5px;}



/* =-Linien
-------------------- */



.line-container {width:92.5%;overflow:hidden;position:fixed;top:83px; z-index:1;}

#line-cut {height:50px;width:100%;margin-left:-60px;float:left;font-weight:bold; color:#000;letter-spacing:3px;font-size:15px;line-height:40px;overflow:hidden; }

#dotted-line {
-khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;}

#dotted-line-extended {font-size:25px;letter-spacing:3px;font-weight:bold;}


/* =-Warenkorb Widget PC
-------------------- */

.warenkorb-widget-container {}

#warenkorb-widget {

	background-image: url(/wordpress/wp-content/uploads/2013/06/Warenkorb-Icon-1600.png);

	background-repeat:no-repeat;
	background-position: center right;
	width:48px;
	height:26px;
	float:right;
	position:relative; 
	z-index:10000;
	top:5px;

	text-align:center;
	font-size: 1.2rem;
	padding-top:9px;
	font-weight:bold;
	font-family:BrandonGrotesque-Regular, sans-serif; 
	font-style: normal; 
	font-size:12px;
	color:#FFF;
-khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.warenkorb-widget-container a:hover {color:#595758;}






@media screen and (-webkit-min-device-pixel-ratio:0) {
   #warenkorb-widget {}
}




/* =-Warenkorb Widget Mobile
-------------------- */


.warenkorb-widget-container-Mobile {}

#warenkorb-widget-Mobile {

	background-image: url(/wordpress/wp-content/uploads/2013/09/warenkorb-smartphone.png);

	background-repeat:no-repeat;
	background-position: center right;
	width:35px;
	height:25px;
	float:right;
	position:relative; 
	z-index:100000;
	text-align:center;
	font-size: 1.2rem;
	font-weight:bold;
	font-family:BrandonGrotesque-Regular, sans-serif; 
	font-style: normal; 
	font-size:12px;
	color:#FFF;
-khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
line-height:25px;
}

.warenkorb-widget-container-Mobile a:hover {color:#595758;}








/* =-Social Share PC
-------------------- */

#sharebutton {right:0;top:150px;width:7.5%;position:fixed;z-index:10000;}



#expanderHead {text-align:center;margin: 0 auto; position:relative; left:-8px; }



#expanderSign {background-image: url(/wordpress/wp-content/uploads/2013/09/share-button-1600-+1024.png);
		width:40px;
		height:40px;
		display:block;
		margin-bottom:3px;
		margin-left:auto;
		margin-right:auto;}

#expanderContent {text-align:center; position:relative; z-index:10000;margin: 0 auto; }




/* =-Social Share Mobile
-------------------- */


.sharebutton-mobile {margin-left:auto;
		margin-right:auto;width:100%;text-align:center;}

#expanderHead {width:25px;}

#expanderSign-Mobile {background-image: url(/wordpress/wp-content/uploads/2013/09/share-button-smartphone.png);
		width:25px;
		height:25px;
		display:block;
		margin-bottom:3px;
		margin-left:auto;
		margin-right:auto;
		}


#expanderContent-mobile {text-align:center; position:relative; z-index:20000;margin-left:auto;
		margin-right:auto; width:100%; margin-top:15px;}

/* =-Content
----------------------------------------------------------------- */




/* =-Kundeninfo
------------------------------------ */


.client-title {font-size:22px; text-transform:uppercase;}

#primary-kundeninfo span, #primary-rechtstexte span {font-weight:bold;}


/* =-Fancybox
------------------------------------ */

#primary-fancybox #content {font-size:14px;}

#primary-fancybox #content .entry-title {}

#primary-fancybox span {font-weight:bold;}




/* =-Versandkosten
------------------------------------ */

.versandtabelle th.th1, .versandtabelle td.td1 {text-align:left;width:10%; font-weight:bold;}

.versandtabelle td, .versandtabelle th {width:10%; text-align: center;}


/* =-Presseseite
------------------------------------ */


.press-password {width:25%;line-height:33px; border-bottom: 1px solid #828282; border-top: 0;  border-left: 0; border-right: 0; padding:2px !important; font-size:11px; background:transparent;display:inline-block; margin-top:8px;position:relative; z-index:2;}


.button {border: 1px solid #cad2a6; height: 30px; width: 120px !important; cursor:pointer; background: #e5e5e5; text-transform:uppercase; color: #828282;margin-top:20px;}

.button:hover  {background: #cad2a6; }

.download-feld {margin-top:30px;}


#downloadtitle {font-size:14px; font-weight: bold; text-transform:uppercase;}

/* =-Newsletterseite
------------------------------------ */

.newsletter-email {width:100%;line-height:9px; border-bottom: 1px solid #828282; border-top: 0;  border-left: 0; border-right: 0; padding:2px !important; font-size:11px; background:transparent;display:inline-block; margin-top:8px;position:relative; z-index:2; margin-left:5px;-webkit-appearance: none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

.newsletter-submit {border: 1px solid #cad2a6; height: 30px; width: 120px !important; cursor:pointer; background: #e5e5e5; text-transform:uppercase; color: #828282;margin-top:20px; margin-left:50%;position:relative;left:-60px;-webkit-appearance: none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height:inherit;}

.newsletter-submit:hover  {background: #cad2a6; }


.newsletter table {width:50%; margin: 0 auto;}

.newsletter table tr th {font-weight:normal; width:10%;}

.newsletter table tr th:after {content:":";}


/* =-Kontaktseite
------------------------------------ */

body .gform_wrapper .gform_body .gform_fields {width:66.66666666666666666666666666666666667%; margin: 0 auto;}

body .gform_wrapper .gform_body .gform_fields .gfield  {}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {float:left; width:auto; line-height:33px; font-family: BrandonGrotesque-Regular, sans-serif; font-style: normal; font-weight: normal; font-size:12px;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:82.5%; float:right; line-height:13px; border-bottom: 1px solid #828282; border-top: 0;  border-left: 0; border-right: 0; padding:2px !important; font-size:11px; background:transparent;display:inline-block; margin-top:8px;position:relative; z-index:2;-webkit-appearance: none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}



body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:82.5%; float:right; padding:2px !important; line-height: 33px; height:133px; resize:vertical; background: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/textarea_background_warenkorb2.gif) repeat; border:none; margin-top:-5px; position:relative; z-index:1;}


.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {padding-left: 10.166666666666666666666666666667% !important;text-align:center;}

body .gform_wrapper .gform_footer input[type=submit]  {border: 1px solid #cad2a6; height: 30px; width:23% !important; cursor:pointer; background: #e5e5e5; text-transform:uppercase; color: #828282;-webkit-appearance: none; -moz-appearance:none; appearance:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height:inherit;}

body .gform_wrapper .gform_footer input[type=submit]:hover  {background: #cad2a6; }


/* =-Startseite
------------------------------------ */

#startslides {overflow:hidden; display:block;width:100%;}

#startslides-2015 {overflow:hidden; display:block;width:100%;}


#startslides2 {width:100%;height:100%!important; margin:0;padding:0; }


#startimg {width:100%; margin-left:0%; height:100%!important }

#startimg-2015 {width:100%;}



/* =-About
------------------------------------ */

.about-intro {padding: 0 16.666666666666666666666666666667%;text-transform:uppercase; text-align:center; font-size:45px; color: white; line-height:65px; font-family: BrandonGrotesque-Thin, sans-serif;}

.about-feld-1 {padding: 91px 7.5% 0 0;}

.about-bild-1 {float:left; width:57.432432432432432432432432432432%;padding-top:5px;}

.about-bild-1 img {max-width:100%;}

.about_bildtitel {text-align:center;margin-top:-20px;}


.about-text-1 {float:right; width:40.540540540540540540540540540541%; font-size:12px; line-height:21px;}


.about-feld-2 {padding: 30px 0 0 7.5%; clear:both;}

.about-textfeld-2 {float:left; width:40.540540540540540540540540540541%;}

.about-text-2 {font-size:12px; line-height:21px;}

.about-titel-2 {text-transform: uppercase; font-family: BrandonGrotesque-Thin, sans-serif; font-size:30px; line-height:35px;padding:75px 0 36px 0;}

.about-bild-2 {float:right; width:57.432432432432432432432432432432%;padding-top:5px;}

.about-bild-2 img {max-width:100%;}


.about-feld-3 {padding: 30px 13.75% 0 9.375%; clear:both;}

.about-textfeld-3 {float:right; width:48.780487804878048780487804878049%;}

.about-text-3 {font-size:12px; line-height:21px;}

.about-titel-3 {text-transform: uppercase; font-family: BrandonGrotesque-Thin, sans-serif; font-size:30px; line-height:35px;padding:0 0 36px 0;}

.about-bild-3 {float:left; width:40.650406504065040650406504065041%;padding-top:5px;}

.about-bild-3 img {max-width:100%;}


.about-feld-4 {padding: 30px 10.625% 0 13.75%; clear:both;}

.about-textfeld-4 {float:left; width:48.780487804878048780487804878049%;}

.about-text-4 {font-size:12px; line-height:21px;}

.about-titel-4 {text-transform: uppercase; font-family: BrandonGrotesque-Thin, sans-serif; font-size:30px; line-height:35px;padding:25px 0 36px 0;}

.about-bild-4 {float:right; width:45.454545454545454545454545454545%;padding-top:5px;}

.about-bild-4 img {max-width:100%;}


.about-footer-feld {clear:both; display:block; width:100%; height:100px;}


.about-textfeld-2-mobile, .about-textfeld-4-mobile {display:none;}



/* =-Design Services
------------------------------------ */


.service-intro {padding: 0 16.666666666666666666666666666667%;text-transform:uppercase; text-align:center; font-size:28px; font-weight:bold; color: white; line-height:50px; }

.service-padding {padding: 0 4.66666666666666666666666666667%;}


.service-title {float:left; padding-right:2%; padding-top: 95px; text-transform: uppercase; font-family: BrandonGrotesque-Thin, sans-serif; font-size:30px;  width:34%; line-height:35px;  -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;}

.service-description {width:63.970588235294117647058823529412%;  padding: 95px 0 0 0 ; float:right; font-size:12px; line-height:21px;}

.service-abstand {height:35px; display:block; clear:both;}

.service-pc {display:block;}

.service-mobile {clear:both;display:none;}

.service-title-mobile {text-transform: uppercase; font-weight: bold; font-size:9px;}

.service-description-mobile {font-size:9px;}



/* =-General
-------------------- */





/* =-Slides About
-------------------- */

#slides {}

#slides .slides-container {clear:both;}

#slides .slide-genaral-container {position:relative; z-index:-1; }

#slides .slide-description-container {position:relative; z-index:2; margin-left:4.66666666666666666666666666667%; font-size:12px;line-height:21px; display:table-cell; vertical-align:bottom;}



#slides img.slideimage {max-width:90.666666666666666666666666666667%;margin-left:4.66666666666666666666666666667%;}


#slides a.slidesjs-previous.slidesjs-navigation {display:block;float:left; height:20px; width:20px;text-align:center; position: relative; margin:-35% 0 0 0; z-index:1000; text-decoration:none;}


#slides a.slidesjs-next.slidesjs-navigation {display:block; float:right; height:20px; width:20px;text-align:center; position: relative; margin:-35% 0 0 0; z-index:1000; text-decoration:none;}



#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {
     background-position: 0 -13px
    }

#slides .slidesjs-pagination li a:hover {
     background-position: 0 -26px
    }




/* =Slides JS
-------------------- */

.slides-container {clear:both;}

.slide-genaral-container {position:relative; z-index:-1; }

.slide-description-container {position:relative; z-index:2; margin-left:4.66666666666666666666666666667%; font-size:12px;line-height:21px;}

.slide-description {position: absolute; bottom:50px; left: 3.6764705882352941176470588235294%; width:25%;}

.slide-actual-description {display:block;}

.slide-title {text-transform: uppercase;}


img.slideimage {max-width:90.666666666666666666666666666667%;margin-left:4.66666666666666666666666666667%;}




a.slidesjs-previous.slidesjs-navigation {display:block;float:left; height:20px; width:20px;text-align:center; position: relative; margin:-25% 0 0 0; z-index:1000; text-decoration:none;}

a.slidesjs-next.slidesjs-navigation {display:block; float:right; height:20px; width:20px;text-align:center; position: relative; margin:-25% 0 0 0; z-index:1000; text-decoration:none;}



.slidesjs-pagination {
     	position:absolute;
        text-align: center;
left:0;
     right:0;
	list-style:none;
	margin: 20px auto 0 auto;
	width:25%;
  
    }


.slidesjs-pagination li {
     margin: 0 1px; display: inline-block;
    }

.slidesjs-pagination li a {
      display: inline-block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/pagination2.png);
      background-position: 0 0;
      overflow: hidden;
    }

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
     background-position: 0 -13px
    }

.slidesjs-pagination li a:hover {
     background-position: 0 -26px
    }



DIV.about_slideshow.slidesjs-slide, DIV.slidesjs-slide  {z-index:0 !important;}


/* =-Übersichtsseite
------------------------------------ */

.uebersichtsbilder {float: left;   width: 25.695109612141652613827993254637%; margin:  0px 3.7629005059021922428330522765599%  0px 3.7629005059021922428330522765599%; padding-bottom:15px;}

.uebersichtsbilder img {max-width: 100%;}

.categorytitle {float:left;margin-bottom:3px;text-transform:uppercase;margin-top:11px;width:68%;}

#price {float:right;margin-top:11px;}

#shortdescription {clear:both;}

.category-material {display:block;clear:both;}


/* =-Detailseite
------------------------------------ */


.versandinfos {margin-bottom:30px;}



/* =-General
-------------------- */

.site-title {width:100%;float:left;font-size:2.2rem;}

.wpsg_produkt_wrapper {width:100%;float:left;clear:left;}

.wpsg_produkt {width:100%; font-size:1.2em;}

.wpsg_variantenborder {border-bottom: 1px solid black;height: 25px;position:absolute:z-index:1000;}

.description-640 {display:none;}

.description-1024 {display:none;}

.description-1224 {clear:left;	z-index:0;position:relative;}

.jscroll {
	width: 104.8484848484848484848484848484848%;
	height: 200px;
	overflow: auto;
	position:relative;
	left: -4.8484848484848484848484848484848%;
	z-index:0;

	
	

}

#description {padding-left:3.030303030303030303030303030303%;
		font-size:12px;
		line-height:19px;
		text-align: justify;
		margin-top:2px;
		 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
		}

.detailinfo {}

.size {clear:left;}

.material {margin-bottom:15px;}

.rg-thumbs {float:left;width:30%;clear:left;}



/* =-Selectbox
-------------------- */


.wpsg_vp_field_typ_select select {
    padding:0;
	padding-right:10px;
	background: #e5e5e5;
    margin: 0;
    color:#888;
    border:none;
    outline:none;
	text-align:right;
    display: inline-block;
    cursor:pointer;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}



.mengenselect:after {display:none;
   }
.mengenselect:before {display:none;
   }




.wpsg_field_label:after {display:none;
   }


.wpsg_vp_field_label {width:50%;}



/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .wpsg_vp_field_typ_select select {padding-right:60px}
}



@media screen and (max-device-width: 480px){
.wpsg_vp_field_typ_select select {
	margin-right:10px;
	
}
}




.wpsg_vp_field_typ_select label {position:relative;}

.wpsg_vp_field_typ_select label:after {
    content:'▼';
    font-family: "Consolas", monospace;
	font-size:11px; 
    color:#000;
    right:5px; top:-2px;
    padding:5px 0 0px 0px;
    position:absolute;
    pointer-events:none;
width:22px; height:22px;
	text-decoration:none;
	text-align:center;
	background: #e5e5e5;
	
}
.wpsg_vp_field_typ_select label:before {
    content:'';
    right:0px; top:-2px;
    width:30px; height:23px;
   background: #e5e5e5;
    position:absolute;
    pointer-events:none;
    display:block;
}


.warenkorbselect { 
float:left;
width: 100%;
overflow: hidden;
   background: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/2013/05/selectpfeil.png) no-repeat right transparent;
padding-right:1%;
padding-left:1%;
text-align:left;
outline:0;
}


.warenkorbselect-land { 
float:left;
width: 100%;
overflow: hidden;
   background: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/2013/05/selectpfeil.png) no-repeat right transparent;
padding-right:1%;
padding-left:1%;
text-align:left;
outline:0;
margin-right:10px;
}

.warenkorbselect-adresse { 
float:right;
width: 72%;
overflow: hidden;
background: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/2013/05/selectpfeil.png) no-repeat right transparent;
text-align:left;
outline:0;
padding:2px !important;
border-bottom: 1px solid #828282;
}

.warenkorbselect-adresse SELECT
 {
 background: transparent;
   width: 110%;
   border: 0;^
   border-radius: 0;
border:none;
float:left;
margin-left:-2px;
   -webkit-appearance: none;
outline:0;
}



.warenkorbselect SELECT.wpsg_form_submit.set_shipping,
.warenkorbselect SELECT.wpsg_form_submit.set_payment
 {
 background: transparent;
   width: 120%;
margin-left:-2%;
   border: 0;
   border-radius: 0;
border:none;
float:left;
   -webkit-appearance: none;
outline:0;
}

.warenkorbselect-land SELECT.wpsg_form_submit.set_land  {
 background: transparent;
   width: 130%;
margin-left:-2%;
   border: 0;
   border-radius: 0;
border:none;
float:left;
text-align:left;
   -webkit-appearance: none;
outline:0;
}





.warenkorbselect SELECT.wpsg_form_submit.set_shipping option {   outline: 0;}





.addressselect { 
float:right;
width: 100%;
margin-bottom:10px;
   overflow: hidden;
   background: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/2013/05/selectpfeil.png) no-repeat right transparent;
   border-bottom: 1px solid #000;

}



.addressselect select {
 background: transparent;
   width: 108%;
margin-left:-2%;
   border: 0;
   border-radius: 0;
border:none;
   -webkit-appearance: none;
}

.adressselect select option {}



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



/* =-Warenkorb
--------------------- */

.bestell-header {width:100%; text-align:center;text-transform:uppercase; margin-bottom:30px; font-size:11px;}

.bestell-header span {width:30px;display:inline-block;}


.fancybox-iframe {text-decoration:underline;}




/* =-Checkout
--------------- */






/* =Studio Wittrin Media Queries
-------------------------------------------------------------------------------------------------------------------------------------- */





@media only screen 
and (min-width : 0px) 
and (max-width : 360px) {



.jscroll {width: 104%; height:150%; visibility: hidden; padding:0;}

#description {visibility: visible;padding-bottom:15px;}

.description-1224  {width:100%;position:relative;clear:left;}



.div-3 {width:29%; text-align:center;}

.div-0 {width:5.625%;}

.div-4 {padding-right:5.625%; text-align:right; width:auto;}

#main-menu-container li {display:inline;margin:0 0 0 3%;} 


.uebersichtsbilder {float: left;   width: 100%; margin:  2% 0% 6px 0%; }





.line-container {top:42px; position:absolute;}

#line-cut {height:5px;width:100%;margin-left:0px;float:left;font-weight:bold; color:#000;letter-spacing:3px;font-size:15px;line-height:0px;overflow:hidden; }



.header-wrapper {margin-top:12px;}

#menu-expanderContent {top:45px;}


#main {position:relative;top:-60px;margin-bottom:-60px;}



#primary {margin: 58px 0% 0 0%;}

.produktinfos {margin: 0 5.625%;}





.flexslidermain {width: 100%; float:right; margin: 0 auto;}

/* Direction Nav */



.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-next, .flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev {top: 50%;}

.flexslidermain #mainslider #slider ul.flex-direction-nav a {background: url(/wordpress/wp-content/uploads/2013/09/slider_nav_fin_mobile.png) no-repeat 0 0;}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-next {background-position: 100% 0;right:5%;;margin-top:0}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev {left:5%; position:absolute;margin-left:0px;}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev:after {display: none;}







#carousel {display:none;}


.wpsg_produkt .wpsg_produkt_preis label {font-weight:bold;}
.wpsg_produkt .wpsg_produkt_preis #summe {font-weight:bold;}


.jscroll {width: 100%; height: 100%; margin: 0 auto;left:0%;}

#description {padding-left:0%; padding-right:1.81818181818%;font-size:12px;line-height:19px;margin-top:-5px; position:relative;z-index:-1;
		}

.wpsg_vp_field_typ_select select {
	padding-right:15px;}


#primary-warenkorb {margin: 50px 4.6875% 0 4.6875%;}

#primary-category {margin:  60px 3.837099494097807757166947723441%;}

#primary-kontakt, #primary-rechtstexte {margin: 60px 9.375% 0 9.375%; font-size:10px;}


body .gform_wrapper .gform_body .gform_fields {width:100%}

body .gform_wrapper .gform_body .gform_fields .gfield  {}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {font-size:10px;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:74.923076923076923076923076923077%;font-size:10px;}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:74.923076923076923076923076923077%;font-size:10px;}


.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {text-align:center; padding:27px 0 0 0!important;}

body .gform_wrapper .gform_footer input[type=submit]  {width:46.153846153846153846153846153846% !important;}

body .gform_wrapper .gform_footer input[type=submit]:hover  {}

}/*/mediaquery*/



@media only screen 
and (min-width : 0px) 
and (max-width : 767px) {




#primary-fancybox #content {font-size:9px; margin-top:40px;}


#primary-fancybox #content table {font-size:7px;}

.header-background {background-color:transparent; display:block; width:100%;height:40px; position:relative;}


#secondary-menu-container,
#third-menu-container {display:none;}

#menu-button {display:block;}

#menu-expanderSign {}

.languagechooser {display:none;}

.detailmenuspace {display:none;}

#warenkorb-widget {display:none;}

.line-container {width:100%; }



.rg-thumbs {display:none;}

.wpsg_produkt_wrapper {width:100%;float:left;}


#menu-expanderContent {display:block;}


#line-cut {margin-top:0px; margin-left: 0px;float:none;}



#mainmenu {display:none;}


.div-2 {width:8%; left:46%; padding-top:2px;}


#logo-mobile {display:block;}

#logo-1024 {display:none;}

#logo-1600 {display:none;}

#sharebutton {display:none;}


.bestell-header {margin-bottom:15px; font-size:9px;}

.bestell-header span {width:15px;}


#shortdescription {display:none;}


.slide-actual-description  {display:none;}

#primary-services {margin: 78px 0 0 0}

.service-pc {display:none;}

.service-padding {}

.service-mobile {clear:both;display:block; padding-top:25px;}

img.slideimage {max-width:100%;margin-left: 0%;}

A.slidesjs-previous.slidesjs-navigation, A.slidesjs-next.slidesjs-navigation {display:none;}

.slide-description-container {font-size:9px;line-height:21px;}

.slide-title {margin-bottom:0px;}


.service-intro {padding: 0 16.666666666666666666666666666667% 12px 16.666666666666666666666666666667% ;text-transform:uppercase; text-align:center; font-size:12px; font-weight:bold; color: white; line-height:17px; }



#primary-about {margin: 80px 0 0 0}

.about-intro {padding: 0 0 40px 0;font-size:14px; line-height:22px; }


.about-feld-1 {padding:0;}

.about-bild-1 {float:none; width:100%;padding-top:5px;}

.about-text-1 {clear:left; float:none; width:81.25%; font-size:9px; line-height:16px; padding: 40px 0 60px;   width:81.25%; margin-left:9.375%;}


.about-feld-2 {padding:0;}

.about-textfeld-2-mobile {float:none; display:block;clear:both; padding: 20px 0 60px;   width:81.25%; margin-left:9.375%;;}

.about-textfeld-2 {display:none;}

.about-text-2 {font-size:9px; line-height:16px;}

.about-titel-2 {text-transform: uppercase; font-family: BrandonGrotesque-Regular, sans-serif; font-size:9px; font-weight:bold; padding:0;}

.about-bild-2 {float:left; width:100%;padding-top:5px;}


.about-feld-3 {padding:0;}

.about-textfeld-3 {float:none; clear:both;width:81.25%; margin-left:9.375%;padding: 20px 0 60px; }
 
.about-text-3 {font-size:9px; line-height:16px;}

.about-titel-3 {text-transform: uppercase; font-family: BrandonGrotesque-Regular, sans-serif; font-size:9px;font-weight:bold;padding:0;}

.about-bild-3 {float:left; width:100%;padding-top:5px;text-align:center;}

.about-bild-3 img {max-width:60%;}


.about-feld-4 {padding:0;}

.about-textfeld-4-mobile  {float:none; clear:both; display:block; width:81.25%; margin-left:9.375%; padding: 20px 0 60px; }

.about-textfeld-4 {display:none;}

.about-text-4 {font-size:9px; line-height:16px;}

.about-titel-4 {text-transform: uppercase; font-family: BrandonGrotesque-Regular, sans-serif; font-size:9px; font-weight:bold;padding:0;}

.about-bild-4 {float:right; width:100%;padding-top:5px; text-align:center;}

.about-bild-4 img {max-width:80%;}

.about-footer-feld {display:none;}


}/*/mediaquery*/



@media only screen 
and (min-width : 361px) 
and (max-width : 767px) {


#primary {margin: 58px 15.625% 0 15.625%;}

.jscroll {width: 104%; height:150%; visibility: hidden; padding:0;}

#description {visibility: visible;padding-bottom:15px;}

.description-1224  {width:100%;position:relative;clear:left;}


.uebersichtsbilder {float: left;   width: 45%; margin:  2% 2.5% 6px 2.5%; }


.line-container {top:-18px; position:relative;}

#line-cut {height:5px;width:100%;margin-left:0px;float:left;font-weight:bold; color:#000;letter-spacing:3px;font-size:15px;line-height:0px;overflow:hidden; }



.header-wrapper {margin-top:6px;}


.div-0 {width:3.125%;}

.div-4 {padding-right:3.125%; text-align:right;width:auto;}


.div-3 {width:35%;}

#menu-expanderContent {top:35px;}


#extended-menu-container ul {width:65%; }
.navigation-extended-2  {padding: 0px;width:65%; }
#extended-main-menu-container ul {width:65%; }

#extended-menu-container li {padding:5px 8px; display:inline-block;} 
.navigation-extended-2 li {padding:11px 8px; display:inline-block;} 
#extended-main-menu-container li {padding:5px 8px; display:inline-block;} 



#main {position:relative;top:-66px; margin-bottom:-70px;}



.flexslidermain {width: 100%; float:right; margin: 0 auto;}

/* Direction Nav */


.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-next, .flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev {top: 50%;}

.flexslidermain #mainslider #slider ul.flex-direction-nav a {background: url(/wordpress/wp-content/uploads/2013/09/slider_nav_fin_mobile.png) no-repeat 0 0;}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-next {background-position: 100% 0;right:-15%;;margin-top:0}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev {left:-15%; position:absolute;margin-left:0px;}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev:after {display: none;}




#carousel {display:none;}


.wpsg_produkt .wpsg_produkt_preis label {font-weight:bold;}
.wpsg_produkt .wpsg_produkt_preis #summe {font-weight:bold;}




.wpsg_vp_field_typ_select select {
	padding-right:15px;}

#primary-warenkorb {margin: 50px 10.416666666666666666666666666667% 0 10.416666666666666666666666666667%;}



#primary-category {margin:  60px 3.837099494097807757166947723441%;}


#primary-kontakt, #primary-rechtstexte {margin: 60px 12.5% 0 12.5%; font-size:10px;}


body .gform_wrapper .gform_body .gform_fields {width:75%}

body .gform_wrapper .gform_body .gform_fields .gfield  {}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { font-size:10px;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:74.074074074074074074074074074074%;  font-size:10px;}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:74.074074074074074074074074074074%}


.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {text-align:center; padding:27px 0 0 0!important;}

body .gform_wrapper .gform_footer input[type=submit]  {width:33.333333333333333333333333333333% !important;}

body .gform_wrapper .gform_footer input[type=submit]:hover  {}


}/*/mediaquery*/





@media only screen 
and (min-width : 0px) 
and (max-width : 1199px) {


#mainslider {margin-bottom:0px;}


.flex-direction-nav {height: 0; margin-top:0px;}

.rg-image-wrapper {width: 100%;position:relative;}

.rg-image{padding:0 0px;}


.rg-image-nav a{ top:0px; left:0px; background: url(/wordpress/wp-content/uploads/2013/05/slider_nav.png) no-repeat -20% 50%;}
.rg-image-nav a.rg-image-nav-next{ right:0px; left:auto; background-position:115% 50%;}


.site-title {width:100%;}

.header {width: 100%; float: left;}


}/*/mediaquery*/




@media only screen 
and (min-width : 768px)
and (max-width : 1199px)


{

#fourth-menu-container ul {width:400px;}

#primary-fancybox #content {font-size:11px;}

.anchor {position:relative; top:-172px; display: block; height: 172px; margin-top: -172px; visibility: hidden;}
.client-title {font-size:18px;}

#primary-kundeninfo {margin: 172px 25% 0 25%}


.detailmenuspace {
		top:73px;
		font-size:9px;
	
		}


#primary {margin: 98px 7.5% 0 7.5%;}






#menu-expanderSign {display:none;}

.jscroll {
	width: 100%; height:172px;
}

.description-1224  {float:left;width:30%;position:relative;clear:none;margin-left:-65%;margin-top:-33px;}



.detailinfo {float:right;width:30%;}

.wpsg_produkt_wrapper {width:30%;margin-left: 35%;float:left;margin-top:20px;}


.es-carousel-wrapper {clear:none;}

#carousel {float:right;width:28.5%;clear:none;position:relative;top:-33px;}



#menu-expanderSign {display:none;}
#menu-button {display:none;}
 
#menu-expanderHead {display:none;}

#menu-expanderContent {display:none;}


.div-2 {font-size: 13px;font-family:BrandonGrotesque-Regular, sans-serif; letter-spacing: 0.08em; height:32px;}



#main-menu-container li {margin: 0 2.5390625%;} 

.div-3 {position:relative;width:35%;float:right;font-size: 7px; line-height:14px;}

#div-3-1 {height:14px;}

#div-3-2 {height:14px;}




.div-1 {}

.header-wrapper {margin-top:29px;}

.header-background {display:block; width:100%;height:80px; position:fixed}

.languagechooser{margin: 0px auto 0 auto;text-align:center; height:25px; line-height:23px; font-size: 7px;}

#warenkorb-widget {background-image: url(/wordpress/wp-content/uploads/2013/06/Warenkorb-Icon-1024.png);width:36px;top:-2px;}

.line-container {top:63px;}

#line-cut {margin-left:-40px; line-height:26px;}

#logo-mobile {display:none;}

#logo-1024 {display:block;}

#logo-1600 {display:none;}

.warenkorb-widget-container-Mobile {display:none;}

#expanderSign-Mobile {display:none;}

.flexslidermain {width: 100%; float:right; margin: 0 auto;}

/* Direction Nav */

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-next, .flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev {top: 50%;}



.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-next {background-position: 100% 0;right:-3.75%;;margin-top:0}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev {left:-3.75%; position:absolute;margin-left:0px;}

.flexslidermain #mainslider #slider ul.flex-direction-nav .flex-prev:after {display: none;}


#carousel .flex-direction-nav .flex-next {background-position: 100% 0;right:-0%;}
#carousel .flex-direction-nav .flex-prev {left:0%}


.versandinfos {margin-bottom:30px; position:relative; top:100px;width:28.5%;float:right;}



#primary-warenkorb {margin: 108px 15.8203125% 0 15.8203125%;}

.bestell-header {margin-bottom:15px; font-size:9px;}

.bestell-header span {width:20px;}

#primary-category {margin:  98px 3.837099494097807757166947723441%;}

#primary-kontakt, #primary-rechtstexte {margin: 172px 20.703125% 0 20.703125%;}

body .gform_wrapper .gform_body .gform_fields {}

body .gform_wrapper .gform_body .gform_fields .gfield  {}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:80%;}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:80%}


.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {padding: 27px 0 0 10.166666666666666666666666666667% !important;}

body .gform_wrapper .gform_footer input[type=submit]  {}

body .gform_wrapper .gform_footer input[type=submit]:hover  {}

.slide-actual-description {display:block;}

#carousel .flex-direction-nav .flex-next {background-position: 100% 0;right:-9%;}
#carousel .flex-direction-nav .flex-prev {left:-9%}


#sharebutton {top:130px;}


}/*/mediaquery*/



@media only screen 
and (min-width : 1200px)



{ 


#primary {margin: 142px 0 0 7.5%;}

#logo-mobile {display:none;}

#logo-1024 {display:none;}

.header-wrapper {margin-top:30px;}

.warenkorb-widget-container-Mobile {display:none;}

#expanderSign-Mobile {display:none;}

.flexslidermain {width: 74.324324324324324324324324324324%; float: right;}

.header {width: 20.625%; float: left;}


body .gform_wrapper .gform_body .gform_fields {width:66.66666666666666666666666666666666667%; margin: 0 auto;}

body .gform_wrapper .gform_body .gform_fields .gfield  {}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {float:left; width:auto; line-height:33px; font-family: BrandonGrotesque-Regular, sans-serif; font-style: normal; font-weight: normal; font-size:12px;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {width:78%; float:right; line-height:33px; border-bottom: 1px solid #828282; border-top: 0;  border-left: 0; border-right: 0; padding:2px !important; font-size:11px; background:transparent;display:inline-block; margin-top:8px;position:relative; z-index:2;}

body .gform_wrapper .gform_body .gform_fields .gfield textarea {width:78%; float:right; padding:2px !important; line-height: 33px; height:133px; resize:vertical; background: url(http://www.chris-ruby.de/wordpress/wp-content/uploads/textarea_background_warenkorb2.gif) repeat; border:none; margin-top:-5px; position:relative; z-index:1;}


.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {padding: 27px 0 0 10.166666666666666666666666666667% !important;text-align:center;}

body .gform_wrapper .gform_footer input[type=submit]  {border: 1px solid #cad2a6; height: 30px; width:23% !important; cursor:pointer; background: #e5e5e5; text-transform:uppercase; color: #828282;}

body .gform_wrapper .gform_footer input[type=submit]:hover  {background: #cad2a6; }


.slide-actual-description {display:block;}




#carousel .flex-direction-nav .flex-next {background-position: 100% 0;right:-6%;}
#carousel .flex-direction-nav .flex-prev {left:-6%}

.header-background { display:block; width:100%;height:108px; position:fixed}



}/*/mediaquery*/





/*------------------------------------------------------------Startseite --------------------------------------------------- */




@media only screen 
and (min-width : 0px) 
and (max-width : 360px) {




#startslides {width:466.66666666666666666666666666667%;}

#startimg {position:relative;left:-31.25%}

#main-start {position:relative;top:-108px;margin-bottom:-108px;}





}/*/mediaquery*/



@media only screen 
and (min-width : 321px) 
and (max-width : 600px) {




#startslides {width:466.66666666666666666666666666667%;}

#startimg {position:relative;left:-31.25%}

#main-start {position:relative;top:-108px;margin-bottom:-108px;}





}/*/mediaquery*/






@media only screen 
and (min-width : 361px) 
and (max-width : 480px) {


#startslides {width:118.51851851851851851851851851852%}

#startimg {position:relative;left:-7.8125%}

#main-start {position:relative;top:-102px;}


}/*/mediaquery*/



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


#startslides {width:100%}

#startimg {position:relative;left:0%}

#main-start {position:relative;top:-102px;margin-bottom:-110px;}


}/*/mediaquery*/




@media only screen
(min-device-width: 901px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

 #startslides {width:133.33333333333333333333333333333%;}

#startimg {position:relative;left:-9.375%;}

#main-start {position:relative;top:-125px;}


}/*/mediaquery*/



@media only screen 
and (min-width :901px) 
and (max-width : 1024px) {


#startslides {width:133.33333333333333333333333333333%;}

#startimg {position:relative;left:-9.375%;}

#main-start {position:relative;top:-125px;}
}/*/mediaquery*/




@media only screen 
and (min-height :769px) 
and (max-height : 800px) {

}/*/mediaquery*/




@media only screen 
and (min-width :1025px) 
and (max-width :1280px) 
and (max-height : 800px)

{

#startslides {width:111.11111111111111111111111111111%;}

#startimg {position:relative;left:-5%;}

#main-start {position:relative;top:-131px;}

}/*/mediaquery*/



@media only screen 
and (min-width :1025px) 
and (max-width :1280px)
and (min-height : 801px) 
and (max-height : 980px)

{

#startslides {width:120.98765432098765432098765432087%;}

#startimg {position:relative;left:-13.25%;}

#main-start {position:relative;top:-131px;}

}/*/mediaquery*/






@media only screen 
and (min-width: 641px) 
and (max-width : 768px) {


#startslides {width:237.03703703703703703703703703704%}

#startimg {position:relative;left:-28.90625%}

#main-start {position:relative;top:-125px;}


}/*/mediaquery*/



@media only screen 
and (min-width: 1281px)
and (max-width: 1600px)
{


#startslides {width:100%}

#startimg {position:relative;left:0%; }

#main-start {position:relative; top: -50px;}


}/*/mediaquery*/



@media only screen 
and (min-width: 1601px)

{


#startslides {width:100%}

#startimg {position:relative;top:-90px}

#main-start {position:relative;top:-131px;}


}/*/mediaquery*/
















/* ipad */


 @media (max-device-width: 1024px) and (orientation: landscape) {

 #startslides {width:133.33333333333333333333333333333%;}

#startimg {position:relative;left:-9.375%;}

#main-start {position:relative;top:-125px;}

}


@media (max-device-width: 768px) and (orientation: portrait) {

#startslides {width:237.03703703703703703703703703704%}

#startimg {position:relative;left:-28.90625%}

#main-start {position:relative;top:-125px;}

} 





 @media (max-device-width: 480px) and (orientation: landscape) {

 #startslides {width:133.33333333333333333333333333333%;}

#startimg {position:relative;left:-9.375%;}

#main-start {position:relative;top:-125px;}

}


@media (max-device-width: 320px) and (orientation: portrait) {

#startslides {width:237.03703703703703703703703703704%}

#startimg {position:relative;left:-28.90625%}

#main-start {position:relative;top:-125px;}

}