/* @override 
	http://dev.wildbrett.info/files/assets/wb.css
	http://wb.fxlb.de/files/assets/wb.css
	http://dev.wildbretter.de/files/assets/wb.css
	http://www.dev.wildbrett.info/files/assets/wb.css */

/*
.ce_form.tableless.block {
	overflow: visible;
	padding-bottom: 80px;
}*/
#top.dev {
	background-color: white;
}

#top {
	background: url("bg/white.png") repeat-x white;
}

body {
    -webkit-text-size-adjust: 100%;
}

hr {
	border-bottom: 1px solid #000000;
	padding-bottom: 18px;
	margin-bottom: 30px;
}

* {
	font: 17px/23px 'titilliumregular';
	font-style: normal;
	font-weight: 400;
	box-sizing: border-box;
	border: 0;
	letter-spacing: 1px;
}

* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}


*, *:before, *:after {
    box-sizing: border-box;
}

strong {
	 font-family: 'titillium_bdbold';
	/*font-size: 18px;*/
}

#start .ce_text p {
	/*background-color: white;*/
	padding: 30px 0px 0px;
	text-align: left!important;
}

.product {
	float: left;
	margin-bottom: 22px;
	width: 890px;
	height: 125px;
	background-color: white;
}

.updateboxs,
.updateboxo {
	float: right;
	/*margin-right: 12px;*/
	padding-bottom: 11px;
}

.step3 .updatebox.summe {
	padding-bottom: 11px;
}

.updatebox {
	float: right;
	padding-right: 220px;
	padding-bottom: 11px;
}

.priceboxs {
	
}

.updatebox.summe {
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 2px;
}

.updatebox.summe strong {
	position: relative;
	top: 2px;
}

.summe {
	padding-top: 22px;
	padding-bottom: 15px;
}

#f3 {
	float: right;
		
/*	border-left: 1px solid #333;
	margin-left: 25px;*/
}

.warenkorb .update,
.warenkorb .delete,
.warenkorb #f3 input {
	width: auto;
	background-color: black;
	color: white;
	font: 14px 'titillium_bdbold';
	text-transform: uppercase;
	padding: 0 7px 1px;
	margin-left: 32px;
	cursor: pointer;
	height: 26px;
	text-decoration: none;
}

.warenkorb .update:hover {
	background-color: #000;
}

.warenkorb .delete:hover {
	background-color: #ff9c00;
}

#f4 input,
#f2 input {
	/*border-radius: 2px;*/
	border: 1px solid #000;
	padding: 4px 6px 4px 7px;
	/*-moz-box-shadow: inset 3px 3px 12px rgba(0, 0, 0, 0.02);
	box-shadow: inset 3px 3px 12px rgba(0, 0, 0, 0.02);*/
}


#f4 .frow .widget input
{
    /*background-color: rgba(235, 236, 235, 0.26);*/
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	 outline : none;
	 color : black;
	 border: 1px solid silver;
	 /*text-shadow : 0 0 0 #000;*/
	background-color: #ebeceb;
}

#f4 label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

#f4 label .mandatory {
	display: none;
}

p.error {
	display: none;
}

.checkbox_container.error,
label.error {
	color: #ff6600;
}

#opt_12_0 {
	float: left;
	width: auto;
	margin-left: 0!important;
	padding-left: 0!important;
}

#lbl_12_0 {
	width: 90%;
	margin-left: 8px;
	margin-top: -4px;
}

.frow {
	float: left;
	width: 100%;
	margin-bottom: 12px;
	margin-left: 0!important;
}

.hidden {
	display: none;
}

.frow .widget {
	float: left;
	width: 55%;
	position: relative;
}


.frow .widget:nth-child(1) {
	float: left;
	width: 45%;
}

.frow.wide .widget {
	width: 100%;
}

.frow .widget:nth-child(2) {
	
	padding-left: 21px;
}

.frow .widget:nth-child(2) label {
	padding-left: 12px;
}

.frow .widget input {
	float: right;
}

.frow .widget #ctrl_27 {
	width: 70px;
	position: relative;
	left: 0;
}

.frow .widget #ctrl_19 {
	width: 70px;
	position: relative;
	left: 0;
}

@media (max-width: 10000px) {
	
	.frow .widget #ctrl_27 {
		position: absolute;
		left: 212px;
	}
	
	.frow .widget #ctrl_19 {
		position: absolute;
		left: 163px;
	}

}

@media (max-width: 1420px) {

	.frow .widget #ctrl_27 {
		position: absolute;
		left: 171px;
	}
	
	.frow .widget #ctrl_19 {
		position: absolute;
		left: 128px;
	}

}


@media (max-width: 980px) {

	.frow .widget #ctrl_27 {
		position: absolute;
		left: 144px;
	}
	
	.frow .widget #ctrl_19 {
		position: absolute;
		left: 105px;
	}
}




.frow .widget label {
	width: 30%;
	display: inline-block;
	margin: 0;
	box-sizing: border-box;
}

.frow .widget input {
	width: 68%;
	margin: 0;
	box-sizing: border-box;
}

a#backtobasket,
.warenkorb #f3 input,
#f2 input.submit,
#f4 input.submit  {
	letter-spacing: 1px;
	text-align: center;
	width: 205px;
	margin-left: 13px;
	background-color: #ff9c00;
	border: 0;
	color: white;
	border-radius: 2px;
	height: 26px;
	font: 14px/12px 'titillium_bdbold';
	text-transform: uppercase;
	padding: 0 7px 1px;
	cursor: pointer;
}


#f4 input.submit {
	width: 255px;	
}

a#backtobasket {
	text-decoration: none;
	display: block;
	float: left;
	padding-top: 6px;
	padding-right: 12px;
	line-height: 12px;
	font-size: 14px;
	width: auto;
	padding-left: 12px;
	height: 26px;
	position: relative;
	top: 1px;
	background-color: #afb0b0;
	margin-left: 0;
}

a#backtobasket:hover,
#f2 input.submit:hover,
.warenkorb #f3 input:hover {
	background-color: #000;
}

#f2 .submit_container {
	float: right;
	width: 100%;
}

#f2 .submit_container #ctrl_4,
#f4 .submit_container #ctrl_11 {
	float: right;
}

.warenkorb .update,
.warenkorb .delete {
	margin-left: -3px;
	background-color: #afb0b0;
}

.warenkorb .update {
	margin-left: 10px;
}

.view,
.colors,
.steg,
.infofirst,
.infosecond {
	float: left;
}

.view {
	width: 195px;
	margin-right: 20px;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	background: url("bg/hole2.png") 1px 1px no-repeat
}

.warenkorb .view {
	margin-right: 40px;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
}

#bestellen .warenkorb .view {
	margin-right: 40px;
	cursor: default;
}

.wbbox_inner_modal_box img {
    filter: drop-shadow(1px 1px 12px rgba(0, 0, 0, 0.19));
    -webkit-filter: drop-shadow(1px 1px 12px rgba(0, 0, 0, 0.19));
}

#ctrl_12.checkbox_container {
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid black;
	padding: 12px;
}

.view img {
	border-radius: 4px;
	width: 190px;
	height: auto;
	/*-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);*/
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.colors {
	width: 240px;
	border-top: 1px solid #000000;
	padding-top: 8px;
	margin-top: 1px;
}

.steg {
	width: 35px;
	height: 117px;
	background: url("bg/steg.png") center repeat-y;
}

.infosecond {
	width: 400px;
	border-top: 6px solid #000000;
	padding-top: 8px;
	display: none;
}

.infofirst {
	width: 400px;
	border-top: 6px solid #000000;
	padding-top: 8px;
	display: block;
}

.info_basket h2,
.infosecond h2,
.infofirst h2 {
	font-family: 'titilliumbold';
	letter-spacing: 0;
	color: black;
	font-size: 19px;
	margin: 0 0 7px;
	padding: 0 0 11px;
	background: url("bg/line_dotted.png") -1px bottom repeat-x;
}

.infofirst h2.hinweiss {
	font-family: 'titilliumregular';
	letter-spacing: 0;
	color: black;
	font-size: 19px;
	margin: 0 0 7px;
	padding: 0 0 11px;
	background: none;
}


.info_basket h2 {
	margin-left: 235px;
}

.infosecond p {
	margin-bottom: 20px;
}

input.eggsel {
	display: none;
}

.colorlabel {
	cursor: pointer;
}

.colorsel {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	cursor: pointer;
	background-color: #cfd0cf;
	float: left;
	margin-right: 9px;
}

.product .colors label {
	float: left;
	display: block;
	/*width: 100px;*/
	margin-right: 6px;
	margin-bottom: 6px;
	border: 2px solid transparent;
}

.product .colors label.noeggs30 *,
.product .colors label.eggs30 * {
	
	border: 1px solid rgba(0, 0, 0, 0.5);
}

.product .colors label.first {
	width: 96px;
}

.noklick {
	pointer-events: none;
}

.productstart {
	background-color: rgba(0, 0, 0, 0.1) !important;
	float: left;
	width: 190px;
	margin-right: 43px;
	height: 117px;
	/*overflow: hidden;*/
	padding: 20px;
	position: relative;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0);
	border-radius: 4px;
	margin-bottom: 43px;
	background-size: 100%;
	/*transition: width 200ms, height 200ms;*/
	
/*	-webkit-transition:opacity 300ms ease-out;
	transition:opacity 300ms ease-out;*/
	
	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	    -ms-backface-visibility:hidden;
	     -o-backface-visibility:hidden;
	        backface-visibility:hidden;
	
}

.loading.productstart {
	background-size: auto !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.button {
	background: url("bg/button.png") repeat;
	width: 190px;
	height: 117px;
	position: absolute;
	top: 0;
	left: 0;
}

.infotest {
	width: 235px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 190px;
	z-index: 1000;
	display: none;
	cursor: default;
	padding-left: 46px;
	background: url("bg/line.png") 0 63px no-repeat;
	color: black;
}

.lastinrow .infotest {
	left: -235px;
	padding-left: 0;
}

.isotope-visible {
	opacity: .7;
}
.goto_shop {
	font-family: 'titilliumbold';
	cursor: pointer;
	background-color: black;
	padding: 2px 7px 5px;
	color: white;
	position: absolute;
	bottom: 4px;
	width: auto;
	left: 45px;
	font-size: 15px;
}

.lastinrow .goto_shop {
	left: 0;
}

.goto_shop:hover {
	color: white;
	background-color: #363636;
}

.productstart.next {
	opacity: 0;	
}

/*#info {
	width: 240px;
	height: 140px;
	position: absolute;
	/*display: none;*!/

	/*-webkit-animation: pulse 100s infinite alternate;
	animation: pulse 100s infinite alternate;*!/
	top: -1000px;
	left: 0;
	background-color: rgba(128, 128, 128, 0.34);
}*/

.productstart p {
	color: white;
}

.egghole {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 17px;
	border-radius: 12px;
	-moz-box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.15);
	right: 15px;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	height: 240px;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	
	
	/*display: none;*/
}


#header.smaller,
#header.smaller .inside  {
    height: 140px;
}

#header .inside {
	margin: 0 auto;
	padding: 0;
	width: 890px;
	height: 240px;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	
}

#main {
	padding-top: 280px;
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
	-ms-transition: padding 0.3s;
	-o-transition: padding 0.3s;
	transition: padding 0.3s;
}

#main.smaller {
	padding-top: 320px;

}

.wako #main {
	padding-top: 320px;
}

.wako {
    display: none;
}

.wako #main.smaller {
	padding-top: 360px;
}

#main.filteron {
	padding-top: 300px;
}

.mod_navigation,
.mod_navigation_basket {
	height: 36px;
	background-color: black;
	position: absolute;
	bottom: 0;
	width: 100%;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	z-index: 100;
}

.mod_navigation_basket {
	bottom: -36px;
	position: absolute;
	background-color: #ececec;
	left: 0;
}

#header.smaller .mod_navigation {
	height: 36px;
}

.mod_navigation ul {
	margin: 4px 0 0;
	padding: 0;
}

.mod_navigation ul li a,
.mod_navigation_basket ul li a,
.mod_navigation_basket ul li span  {
	float: left;
	color: white;
	font: 17px 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-style: normal;

	text-decoration: none;
	margin-left: 17px;
	margin-right: 2px;
	letter-spacing: 1px;

	opacity: 1;
}

.mod_navigation_basket ul li span {
	color: silver;
	cursor: default;
}

.mod_navigation_basket ul li {
	height: 36px;
	display: block;
	float: left;
	padding-right: 15px;
	border-right: 1px solid white;
	padding-top: 5px;
}

.mod_navigation_basket ul li.active {
	background-color: #b0b0b1;
	border-right: 1px solid #b0b0b1;
}

.mod_navigation_basket ul li.idle {
	
}


.mod_navigation_basket ul li a {
	color: black;
}

.mod_navigation_basket ul li.active a {
	font: 19px/21px 'titillium_bdbold';
	color: white;
}

.start .mod_navigation ul li a {
	opacity: 0;
	display: none;
}


.start .mod_navigation.show ul li a {
	opacity: 1;
	display: block;
}

#gototop {
	width: 15px;
	height: 20px;
	cursor: pointer;
	display: none;
	text-align: center;
	margin-left: 5px;
	font-size: 24px;
	float: left;
	position: relative;
	z-index: 1000;
	margin-bottom: 170px;
}

.mod_navigation ul li a.active,
.mod_navigation ul li a.trail {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
}

.mod_navigation #over {
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	overflow: hidden;
	height: 36px;	
	display: none;
}


.start .mod_navigation #over {
	display: block;
}

.mod_navigation #over.on {
	background-color: rgba(255, 255, 255, 0.3);
}

.mod_navigation ul.filter {
	width: 180px;
	position: relative;
	left: -105px;
	top: 1px;
}

.mod_navigation ul.filter a {
	color: #fff !important;
	margin: 0;
}

.mod_navigation ul.filter a:hover {
	color: #a7a7a7!important;	
}


.mod_navigation #over.on ul.filter a {
	color: #a4a4a4 !important;
}

.mod_navigation #over.on ul.filter a.bold {
	color: white!important;
}

#over ul.filter li a.openfilter:hover {
	color: white!important;
}

li.is-checked {
	color: black!important;
	font-weight: 400;
}

.mod_navigation ul.filter a::after {
	content: " / ";
	margin-right: 5px;
	color: white;
}

.choosefilter {
	display: none;
}

.start .choosefilter {
	font-weight: 700;
	display: block;
}

a.choosefilter.bold {
	font-weight: 700;
	cursor: default;
}

.mod_navigation #over.on ul.filter a.openfilter.act {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;*/
	color: white!important;
}

ul.farben_ul,
ul.filter_ul {
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#header.smaller ul.farben_ul,
#header.smaller ul.filter_ul {
	top: 103px !important;
}

ul.farben_ul,
ul.filter_ul  {
	height: 36px;
	margin: 0 0 6px;
	padding: 6px 0 0 15px;
	background-color: white;
	position: relative;
	left: 0;
	top: 138px;
	z-index: 10;
}

ul.farben_ul li,
ul.filter_ul li {
	float: left;
	margin-right: 4px;
	letter-spacing: 1px;
	color: #6a6a6a;
	cursor: pointer;
}

ul.farben_ul li:after,
ul.filter_ul li::after {
	content: " / ";
	color: #6a6a6a;
}

ul.farben_ul li:last-child:after,
ul.filter_ul li:last-child:after {
	content: " ";
	
}

.mod_navigation ul.filter li:last-child a::after {
	content: "";
	margin-right: 0;
}

#header.show .mod_navigation ul li a,
#header.smaller .mod_navigation ul li a {
	opacity: 1;
}

#header.smaller .mod_navigation ul  {
	
}

.mod_navigation ul li a:hover {
	/*color: #bebebe;*/
}

.mod_navigation ul li a.active:hover {
	color: white;
	cursor: default;
}

#mobile_logo,
#logo {
	width: 303px;
	height: 66px;
	background: url("bg/wb72.png") 0 0 no-repeat;
	background: url("bg/wb.png") 0 0 / 284px 62px no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 72px;
	text-decoration: underline;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.mod_customnav_head {
	display: none;	
}

#mobile_logo {
	width: 284px;
	height: 66px;
	background: url("bg/wb72.png") 0 0 no-repeat;
	background: url("bg/wb.png") 0 0 / 284px 62px no-repeat;
	display: block;
	margin: 30px auto 50px;
	position: relative;
	top: 72px;
	text-decoration: underline;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	
	top: 0;
	display: none;
}

#header.smaller #logo {
	background: url("bg/wb.png") 0 0 / 170px 37px no-repeat;
	width: 170px;
	height: 37px;
	top: 30px;
}

.start #logo {
	cursor: default;	
}

.start #shownav {
	opacity: .3;
}

#shownav {
	width: 27px;
	height: 20px;
	background: url("bg/shownav.png");
	position: absolute;
	right: 0;
	top: 102px;
	opacity: 0;
	cursor: pointer;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#shownav:hover {
	opacity: .6;
}

.smaller #shownav {
	opacity: 0;
	top: 50px;
}

input.hide {
	display: none;
}

.color {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	cursor: pointer;
}

.selected .color:after,
.selected .colorsel:after {
	content: " ";
	background: url("bg/point_grey.png") center center no-repeat;
	color: white;
	border-radius: 5px;
	width: 24px;
	height: 24px;
	display: block;
}

.selected .color:after {
	background: url("bg/point.png") center center no-repeat;
}

.selected.noeggs30 .color:after,
.selected.eggs30 .color:after {
	background: url("bg/point_grey.png") 4px 4px no-repeat;
}




.warenkorb input {
	border: 1px solid #000;
	width: 32px;
	height: 28px;
	text-align: center;
	/*border-radius: 2px;*/
	line-height: 14px;
	font-size: 15px;
	margin-right: 2px;
	/*background-color: rgba(217, 217, 217, 0.5);*/
}



a#slim_basket {
	display: none;	
}

a#slim_basket.filled {
	display: block;
	position: absolute;
	top: 138px;
	width: auto;
	height: 20px;
	background: url("bg/wb_sprite-01-01.png") -95px 1px no-repeat silver;
	background: none, url("./bg/wb_sprite-01-01.svg") -95px 1px no-repeat silver;
	z-index: 4000;
	text-align: center;
	font: 17px "titilliumbold";
	line-height: 17px;
	padding-top: 1px;
	padding-left: 30px;
	padding-right: 2px;
	cursor: pointer;
	right: 0;
	color: black;
	text-decoration: none;
	border-radius: 2px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.smaller a#slim_basket.filled {
	top: 67px;
}

.wako a#slim_basket.filled {
	background: url("bg/wb_sprite-01-01.png") 2px 1px no-repeat black;
	background: none, url("./bg/wb_sprite-01-01.svg") 2px 1px no-repeat black;
	color: white;
}

a#slim_basket.filled {
	-webkit-animation: flash 1s;  /* Chrome, Safari, Opera */
  	-webkit-animation-iteration-count: 1;  /* Chrome, Safari, Opera */
   	animation: flash 1s;
   	animation-iteration-count: 1;
}

@-webkit-keyframes flash  
{
	0% {background-color: #bfc0bf;} 
/*	25% {background-color: #FFF5A5;}*/
 	50% {background-color: #ff9c00;}
 	/*75% {background-color: #99D2E4;}*/
	100% {background-color: #bfc0bf;}
}

@keyframes flash  
{
	0% {background-color: #bfc0bf;} 
/*	25% {background-color: #FFF5A5;}*/
 	50% {background-color: #ff9c00;}
 	/*75% {background-color: #99D2E4;}*/
	100% {background-color: #bfc0bf;}
}

.focus {
	-webkit-animation: focus 300ms;  /* Chrome, Safari, Opera */
  	-webkit-animation-iteration-count: 1;  /* Chrome, Safari, Opera */
   	animation: focus 1s;
   	animation-iteration-count: 1;
}


@-webkit-keyframes focus  
{
	0% {background-color:  rgba(0, 0, 0, 0.7);} 
/*	25% {background-color: #FFF5A5;}*/
 	50% {background-color: #ff9c00;}
 	/*75% {background-color: #99D2E4;}*/
	100% {background-color:  rgba(0, 0, 0, 0.7);}
}

@keyframes focus  
{
	0% {background-color:  rgba(0, 0, 0, 0.7);} 
/*	25% {background-color: #FFF5A5;}*/
 	50% {background-color: #ff9c00;}
 	/*75% {background-color: #99D2E4;}*/
	100% {background-color:  rgba(0, 0, 0, 0.7);}
}



.wechselbilder {
	display: none;	
}

.select-style {
	border-width: 1px;
	border-color: #ccc;
	width: 35px;
    border-radius: 2px;
    overflow: hidden;
    background: url("bg/select.png") 89% 50% no-repeat #d9d9d9;
	font-size: 17px;
	height: 20px;
	line-height: 16px;
	float: left;
}



/*.select-style:hover {
	background-color: #c1c1c1;
}*/

.select-style:hover select {
	/*color: white;*/
}

.select-style select {
    padding: 0 8px 2px 4px;
	border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none; 
    appearance: none;
	width: 100%;
	margin: -4px 0 0;
	cursor: pointer;
	font-size: 17px;
	line-height: 27px;
}

@-moz-document url-prefix() {
	.select-style select {
		padding-left: 0;
	}
}

:focus {
    outline: none;
    border: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.infoline {
	float: left;
	position: relative;
	top: -2px;
	left: 6px;
	width: 360px;
}

.addToCart,
.co_next,
.co_prev {
    display: none;
	color: white;
	font: 14px/14px 'titillium_bdbold';
	text-decoration: none;
	background-color: white;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 5px 6px 1px;
	position: relative;
	top: -1px;
	float: right;
	height: 25px;
	opacity: .1;
}

.addToCart {
	padding-left: 8px;
}


.addToCart:hover {
	background-color: white;
}

.active .addToCart {
	opacity: 1;
}

.stk,
.price {
	float: left;
	padding: 0 6px 1px 2px;
	cursor: default;
}

.price {
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 22px;
	margin-top: 1px;
	line-height: 21px;
}

.price:after {
	content: ",00 €";	
}

.magnifier {
	width: 240px;
	height: 118px;
	background-color: white;
	position: absolute;
	left: 215px;
	overflow: hidden;
	border-radius: 0px;
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.magnifier img {
	width: 600px;
	height: auto;
	max-width: none;
	position: absolute;
	top: 0;
	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	    -ms-backface-visibility:hidden;
	     -o-backface-visibility:hidden;
	        backface-visibility:hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	   -moz-transform: translateZ(0) scale(1.0, 1.0);
	    -ms-transform: translateZ(0) scale(1.0, 1.0);
	     -o-transform: translateZ(0) scale(1.0, 1.0);
	        transform: translateZ(0) scale(1.0, 1.0);      
	        
	left: 0;
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
	filter:         drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
}


/*** content pages ***/

.wako .mod_article, 
.content .mod_article {
	margin-left: 5px;
	margin-right: 5px;
}


#main .inside {
	padding-bottom: 80px;	
	min-height: 230px!important;
}


.zentriert {
	text-align: center;
	padding-bottom: 5px;
}

.zentriert .image_container {
	margin-top: 33px;
}

.retinaicon .image_container img {
	height: 36px;
	width: auto;
}

.retinaicon.knife .image_container img {
	height: 41px;
	width: auto;
}

.retinaicon .caption {
	font: 18px 'titilliumbold';
	margin-top: 11px;
	margin-bottom: 26px;
}

.ce_text * {
	font-size: 17px;
	line-height: 21px;
}


/*   content pages   */


/*** slick ***/



.slick-slider {
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}

.slick-slide {
	margin-right: 10px;
	margin-left: 10px;
}

.slick-slider button {
	color: black;
	width: 56px;
	text-indent: -5000px;
	top: 43%;
	height: 39px;
	cursor: pointer;
	position: absolute;
}

.slick-next {
	
	background: url("bg/next.png")  0 -39px no-repeat;
	position: absolute;
	right: 110px;
}

.slick-next:hover {
	background: url("bg/next.png") 0 0px no-repeat;
}

.slick-prev {
	left: 110px;
	background: url("bg/prev.png") 0 -39px no-repeat;
}

.slick-prev:hover {
	/*left: 197px;*/
	background: url("bg/prev.png") 0 0px no-repeat;
}

.content .mod_article{
	overflow: visible;
}

.slick-slide img {
	width: auto;
	height: 285px;
	-webkit-backface-visibility:hidden;
	   -moz-backface-visibility:hidden;
	    -ms-backface-visibility:hidden;
	     -o-backface-visibility:hidden;
	        backface-visibility:hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	   -moz-transform: translateZ(0) scale(1.0, 1.0);
	    -ms-transform: translateZ(0) scale(1.0, 1.0);
	     -o-transform: translateZ(0) scale(1.0, 1.0);
	        transform: translateZ(0) scale(1.0, 1.0);    
}


/*   slick   */



/* footer */

#footer .mod_customnav {
	height: 36px;
	background-color: black;
	position: absolute;
	bottom: 0;
	width: 100%;
	
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	z-index: 100;
}

#footer .mod_customnav ul {
	margin: 11px 0 0;
	padding: 0;
}

#footer .mod_customnav ul li a {
	float: left;
	color: white;
	font: 12px/12px 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-style: normal;

	text-decoration: none;
	margin-left: 19px;
	margin-right: 2px;
	letter-spacing: 0;
}

#footer .mod_customnav ul li a.active {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
}

#footer {
	height: 60px;
}

#footer .inside {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}

/*   footer   */

#main ul {
	/*list-style: square url("bg/bullet.png");*/
	list-style-position: inside;
}

#main ul li {
	background: url("bg/dotline.png") repeat-x;
	padding-top: 10px;
	margin: 5px 0;
	padding-bottom: 9px;
}

.ce_text {
	margin-right: 5px;
	margin-left: 5px;
}

.ce_text a {
	text-decoration: none;
	font: 14px/14px 'titilliumbold';
	color: black;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: url("bg/chevron2_2norm.png") left 4px no-repeat;
	padding-left: 17px;
}

.ce_text a:hover {
	color: #2c65a2;
	background: url("bg/chevron2_1norm.png") left 4px no-repeat;
}

.ce_text a.download {
	text-decoration: none;
	font: 14px/14px 'titilliumbold';
	color: black;
	background: url("bg/chevron2_4.png") right 7px no-repeat;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: 1px solid black;
	padding: 6px 31px 8px 13px;
	border-radius: 2px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 5px;
}

.ce_text a.download:hover {
	color: white;
	background: url("bg/chevron2_3.png") right 7px no-repeat black;
}

#shipping {
	position: fixed;
	right: 10px;
	bottom: 10px;
	font: 10px "titilliumbold";
	letter-spacing: 0;
	background-color: rgba(176, 176, 176, 0.5);
	padding: 5px 9px 6px 6px;
	line-height: 11px;
	color: #a3a3a3;
	z-index: 1000000;
	border-radius: 2px;
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.17);
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.17);
}

#shipping  * {
	font: 10px/11px "titilliumbold";
	letter-spacing: 0;
	text-decoration: none;
}

#shipping a {
	color: white;
	padding-left: 5px;
}

#shipping a:hover {
	color: #a3a3a3;
}

#main hr {
	background: black;
	border: 0;
	height: 1px;
	margin: 0 0 12px;
	padding: 0;
}

#main .info_basket hr {
	height: 5px;
}


#main hr.sum {
	height: 5px;
	margin-left: 215px;
}


#main hr.addr {
	background: url("bg/line_dotted.png") -1px bottom repeat-x;
	margin-top: 33px !important;
	margin-bottom: 12px !important;
}

#main hr.addr.nosp {
	margin-top: 12px !important;
}

#main hr.addraddr {
	margin-top: 12px;
	display: none;
}

#main hr.sumdot {
	background: url("bg/line_dotted.png") -1px bottom repeat-x;
	margin-left: 235px;
}

form {
	margin-bottom: 0!important;
}

#main hr.sumsum {
	margin-bottom: 20px;
	margin-top: 12px;
	height: 5px;
	margin-left: 235px;
}

.step3 #main hr.sumsum {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 12px;
	height: 5px;
}


#main .ce_text h1 {
	font-family: 'titilliumbold';
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 18px;
}



/*** checkout ****/


span.warning {
	color: #ff6c00;
}








/*`checkout */







@media (max-width: 10000px) {
	#wrapper {
		width: 1140px;
		margin-right: auto;
		margin-left: auto;
		/*transition: width 200ms;*/
		
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		-ms-transition: width 0.3s;
		-o-transition: width 0.3s;
		transition: width 0.3s;
	}
	
	
	.productstart {
		width: 190px;
		margin-right: 45px;
		height: 117px;
		padding: 20px;
		border-radius: 4px;
		margin-bottom: 45px;
		background-size: 100%;
	}
	
	.mod_wildbrettshop {
		width: 1250px;
		padding-left: 5px;
	}
	
	#header .inside {
		width: 1130px;
	}
	
	#footer .inside {
		width: 1130px;
	}
	
	
	.slick-slide img {
		width: auto;
		height: 320px;
	}
	
	.slick-next {
		right: 230px;
	}
	.slick-prev {
		left: 230px;
	}
	
	.product {
		width: 1130px;
	}
	
	/*.mark {
		/*border-top: 6px solid #fdf849;*!/
	}*/
	
	.infofirst {
		width: 640px;
	}
	
	.infosecond {
		width: 640px;
	}
	
	.infoline {
		width: 600px;
	}
	
	#f4 {
		width: 100%;
		float: right;
	}
}

@media (max-width: 1420px) {

	/*#f4 {
		width: 675px;
	}*/
	
	#wrapper {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.productstart {
		width: 190px;
		margin-right: 43px;
		height: 117px;
		padding: 20px;
		border-radius: 4px;
		margin-bottom: 43px;
		background-size: 100%;
	}
	
	.mod_wildbrettshop {
		width: 940px;
		padding-left: 5px;
	}
	
	#header .inside {
		width: 890px;
	}
	
	#footer .inside {
		width: 890px;
	}
	
	
	.slick-slide img {
		width: auto;
		height: 285px;
	}
	
	.slick-next {
		right: 140px;
	}
	.slick-prev {
		left: 140px;
	}
	
	.product {
		width: 890px;
	}
	
	.infofirst {
		width: 400px;
	}
	
	.infosecond {
		width: 400px;
	}
	
	.infoline {
		width: 360px;
	}
	
}

@media (max-width: 980px) {
	
	
	#f4 {
		width: 100%;
	}

	#wrapper {
		width: 746px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.mod_wildbrettshop {
		width: 800px;
		padding-left: 5px;
	}
	
	.productstart {
		margin-right: 52px;
		margin-bottom: 52px;
		width: 210px;
		height: 129px;
		border-radius: 3px;
		background-size: 100%;
		padding: 20px;
	}
	
	#header .inside {
		width: 736px;
	}
	
	#footer .inside {
		width: 736px;
	}
	
	.slick-slide img {
		width: auto;
		height: 220px;
	}
	
	.slick-slider button {
		top: 40%;
	}
	
	.slick-next {
		right: 110px;
	}
	.slick-prev {
		left: 110px;
	}
	
	.infotest {
		width: 260px;
		height: 134px;
		left: 210px;
		background-position: 0 70px;
		padding-left: 55px;
	}
	
	.goto_shop {
		left: 55px;
	}
	
	.lastinrow .infotest {
		left: -260px;
	}
	
	.button {
		width: 210px;
		height: 130px;
	}
	
	
	/* umbruch shop items */
	.product {
		width: 736px;
		height: 280px;
		margin-bottom: 35px;
		padding: 0;
		border-radius: 0px;
		border-bottom: 5px solid black;
	}
	
	#warenkorb .product,
	#bestellen .product {
		border-bottom: 0;
		height: auto;
	}
	/*td*/
	.updateboxs,
	.updateboxo {
		float: right;
		padding-bottom: 11px;
		padding-top: 11px;
		width: 500px;
	}
	
	.steg {
		display: none;
	}
	
	.infosecond,
	.infofirst {
		clear: left;
		width: 100%;
		border-top: 0px solid #000000;
		border-bottom: 0px solid #000000;
		padding-top: 0;
		padding-bottom: 32px;
		height: 144px;
		margin-top: 14px;
	}
	
	.infoline {
		width: 695px;
	}
	
	.infofirst h2 {
		font-size: 17px;
		padding-right: 6px;
	}
	.infosecond p {
		margin-bottom: 10px;
	}
	
	
	.colors {
		width: 240px;
		border-top: 0px solid #000000;
		padding-top: 0px;
		margin-top: 1px;
		position: absolute;
		right: 26px;
	}
	
	.infosecond h2,
	.infofirst h2 {
		margin: 0;
		padding-top: 12px;
		background: url("bg/line_dotted.png") -1px top repeat-x;
		text-align: right;
		padding-bottom: 8px;
	}
	
	.infosecond h2 {
		text-align: left;
	}
	
}


@media (max-width: 767px) {
	
	.start #shownav {
		opacity: 0;
		display: none;
	}
	
	.wako #main {
        display: none;
		padding-top: 266px !important;
	}
	
	
	#header .inside {
		width:100%;
		height: auto!important;
	}
	
	/*
	#mobile_logo {
		position: absolute;
		z-index: 100;
	}*/
	
	.frow {
		float: left;
		width: 100%;
		margin-bottom: 0px;
	}
	
	.frow .widget {
		clear: left;
		padding: 0!important;
		margin: 0 0 7px;
		width: 100%!important;
	}
	
	.frow .widget label {
		padding-left: 0px!important;
		width: 20%;
		font-size: 16px;
		letter-spacing: 0;
	}
	
	.frow .widget #ctrl_27 {
		position: relative;
		left: auto;
		width: 68%;
	}
	
	.frow .widget #ctrl_19 {
		position: relative;
		left: auto;
		width: 68%;
	}
	
	

	
	#gototop,
	#mobile_logo,
	.mod_customnav_head {
		display: block;	
	}
	
	#main .mod_customnav_head ul {
		list-style: none;
		margin-left: 7px;
		margin-right: 7px;
		margin-bottom: 5px;
	}
	
	#main .mod_customnav_head a {
		text-decoration: none;
		color: white;
		display: block;
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 18px;
		line-height: 21px;
		letter-spacing: 2px;
		text-align: center;
	}
	
	#mob_foot {
		margin-top: 30px;
	}
	
	#mob_top {
		margin-bottom: 50px;
		background-color: black;
	}
	
	.wako #mob_top {
		display: none;
	}
	/*.wako #mob_top li {
		display: none;
	}
	
	.wako #mob_top li:nth-child(1) {
		display: block;
	}*/
	
	#main .mod_customnav_head .active {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
	}
	
	#main .mod_customnav_head ul li {
		background: url("bg/solidline_white.png") repeat-x;
		margin: 0;
		padding: 0;
	}
	
	#main .mod_customnav_head ul li:nth-child(1) {
		background: none;
	}
	
	.slick-slide img {
		width: auto;
		height: 220px;
	}
	
	#top {
		background: none;
	}
	
	#wrapper {
		width: 550px;
		margin-right: auto;
		margin-left: auto;
	}
	
	/*#header {
		display: none;
	}*/
	
	#header {
		background-color: rgba(255, 255, 255, 0.93);
		height: 120px;
	}
	
	.wako #header {
        display: none;
		height: 160px;
	}
	
	#logo {
		width: 283px;
		height: 66px;
		background: url("bg/wb72.png") 0 0 no-repeat;
		background: url("bg/wb.png") 0 0 / 284px 62px no-repeat;
		display: block;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		top: 26px;
	}
	
	#header .mod_navigation,
	#shownav {
		display: none;	
	}
	
	
	a#slim_basket.filled {
		top: 10px;
		right: auto;
		left: 17px;
	}
	
	.smaller a#slim_basket.filled {
		top: 6px;
	}
	
	
	#footer .inside {
		width: 100%;
	}
	
	#footer  {
		height: auto;
	}
	
	#footer .mod_customnav ul li a {
		font-size: 12px;
		line-height: 20px;
		margin-right: 19px;
		float: left;
		width: 100%;
	}
	
	#footer .mod_customnav {
		height: auto;
		padding-bottom: 10px;
	}
	
	#main {
		padding-top: 120px !important;
	}
	
	.mod_wildbrettshop,
	#warenkorb.mod_article,
	#adresse.mod_article,
	#bestellen.mod_article,
	#fertig.mod_article  {
		width: 550px;
		padding-left: 9px;
		margin-right: auto;
		margin-left: auto;
	}
	
	#main hr.sumsum,
	#main hr.sumdot {
		margin-left: 0;
	}
	
	.updateboxs,
	.updateboxo {
		float: right;
		padding-bottom: 11px;
		padding-top: 11px;
		width: 521px;
	}
	

	.productstart {
		margin-right: 25px;
		margin-bottom: 52px;
		width: 210px;
		height: 129px;
		border-radius: 3px;
		background-size: 100%;
		padding: 20px;
		margin-left: 25px;
	}
	
	.egghole {
		width: 21px;
		height: 21px;
		top: 13px;
		border-radius: 10px;
		right: 13px;
	}
	
	.slick-slider button {
		display: none!important;
	}
	
	.product {
		width: 535px;
	}
	
	.infofirst {
		width: 508px;
	}
	
	.infosecond {
		width: 100%;
	}
	
	.infoline {
		width: 492px;
	}
	
	.magnifier {
		left: 273px;
	}
	
	
	.mod_navigation_basket {
		position: relative;
		background-color: #ececec;
		left: 0;
		bottom: auto;
		margin-top: 45px;
		height: auto;
	}
	
	.mod_navigation_basket ul li {
		height: 28px;
		display: block;
		padding-right: 15px;
		padding-top: 5px;
		border-right: 1px solid white;
		width: 100%;
		float: none;
		border-bottom: 1px solid black;
	}
	
	.mod_navigation_basket ul li a,
	.mod_navigation_basket ul li span {
		font-size: 17px !important;
		line-height: 17px !important;
	}
	
	#bestellen .updateboxs,
	#bestellen .updateboxo {
		float: right;
		padding-bottom: 11px;
		padding-top: 11px;
		width: 300px;
	}
	
}


@media (max-width: 567px) {
	
	#wrapper {
		width: 310px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.mod_wildbrettshop,
	#warenkorb.mod_article,
	#adresse.mod_article,
	#bestellen.mod_article,
	#fertig.mod_article {
		width: 270px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
	}
	
	.updateboxs,
	.updateboxo {
		float: left;
		padding-bottom: 11px;
		padding-top: 11px;
		width: 265px;
	}
	
	#bestellen .updateboxs,
	#bestellen .updateboxo {
		float: right;
		padding-bottom: 11px;
		padding-top: 11px;
		width: 100%;
	}
	
	.warenkorb .update,
	.warenkorb .delete {
		margin-left: 0;
		background-color: #afb0b0;
		position: relative;
		top: 10px;
	}
	
	.info_basket h2 {
		margin-left: 0;
	}
	
	.updatebox {
		float: left;
		padding-right: 0;
		padding-bottom: 11px;
	}
	
	.productstart {
		margin-right: 20px;
		margin-bottom: 40px;
		width: 250px;
		height: 154px;
		border-radius: 3px;
		background-size: 100%;
		padding: 20px;
		margin-left: 10px;
	}
	
	.slick-list {
		width: 300px;
		padding: 0!important;
		height: 220px!important;
		margin: 0 auto !important;
	}
	
	.slick-slide {
	    margin-left: 1px;
	    margin-right: 1px;
	}
	
	.egghole {
		width: 21px;
		height: 21px;
		top: 12px;
		border-radius: 11px;
		right: 12px;
	}
	
	.product {
		width: 266px;
		height: 305px;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	
	#warenkorb .product,
	#bestellen .product {
		border-bottom: 0;
		height: auto;
		margin-bottom: 43px;
		padding-bottom: 0;
	}
	
	.product.prodopen {
		height: 445px;
	}
	
	
	.infofirst {
		width: 270px;
	}
	
	.infofirst h2 {
		margin: 0;
		padding-top: 12px;
		background: url("bg/line_dotted.png") -1px top repeat-x;
		text-align: left;
		padding-bottom: 8px;
		position: absolute;
		top: auto;
		bottom: 50px;
		width: 100%;
		font-size: 19px;
	}
	
	.infofirst h2.hinweiss  {
		bottom: 10px;
		font-size: 16px;
	}
	
	.magnifier {
		left: 16px;
		top: 140px;
		display: none;
	}
	
	.view,
	.warenkorb .view {
		width: 270px;
		cursor: default;
		background: url("bg/hole3.png") -1px 1px no-repeat
	}
	
	.view img {
		border-radius: 6px;
		width: 265px;
		height: auto;
		/*-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);*/
		border: 1px solid rgba(0, 0, 0, 0.3);
	}
	
	.infosecond {
		width: 265px;
		position: relative;
		top: 95px;
		height: 200px;
		padding: 0;
	}
	
	.infosecond h2,
	.infofirst h2 {
		margin: 0;
		padding-top: 0px;
		background: none;
		text-align: left;
		padding-bottom: 0px;
	}
	
	.infoline {
		width: 260px;
		left: 0;
		margin-top: 10px;
	}
	
	.colors {
		width: 240px;
		border-top: 0px solid #000000;
		padding-top: 0px;
		margin-top: 1px;
		position: absolute;
		top: 170px;
		right: auto;
		left: 0;
	}
	
	.addToCart {
		color: white;
		font: 14px/14px 'titillium_bdbold';
		text-decoration: none;
		background-color: black;
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: 5px 6px 1px;
		float: right;
		height: 25px;
		opacity: .1;
		position: absolute;
		top: 37px;
		right: 0;
	}
	
	
	
	#f3 {
		float: left;
		width: 100%;
	}
	
	a#backtobasket,
	.warenkorb #f3 input,
	#f2 input.submit,
	#f4 input.submit  {
		letter-spacing: 1px;
		text-align: center;
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
		background-color: #ff9c00;
		border: 0;
		color: white;
		border-radius: 2px;
		height: 26px;
		font: 14px/12px 'titillium_bdbold';
		text-transform: uppercase;
		padding: 0 7px 1px;
		cursor: pointer;
		margin-bottom: 20px;
	}
	.submit_container input {
	  -webkit-appearance: none;
	  -webkit-border-radius: 0;
	}
	
	a#backtobasket {
		text-decoration: none;
		display: block;
		float: left;
		padding-top: 6px;
		padding-right: 12px;
		line-height: 12px;
		font-size: 14px;
		width: 100%;
		padding-left: 12px;
		height: 26px;
		position: relative;
		top: 1px;
		background-color: #afb0b0;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: -10px;
	}
	
	#opt_12_0 {
		width: auto;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#lbl_12_0 {
		width: 100%;
		margin-left: 0px;
		margin-top: 0px;
	}
	
	#ctrl_12.checkbox_container {
		margin-top: 20px;
		margin-bottom: 10px;
		border: 1px solid black;
		padding: 12px 3px 12px 12px;
	}
}


#top {
	
}



@-webkit-keyframes pulse {
   0% {
     background-color: rgb(255, 255, 255);
   }
   
   10% {
     background-color: rgb(197, 197, 197);
   }
 
   20% {
     background-color: rgb(92, 147, 178);
   }
 
   33% {
     background-color: rgb(135, 178, 180);
   }
 
   46% {
     background-color: rgb(242, 231, 42);
   }
 
   
   58% {
     background-color: rgb(203, 192, 0);
   }
   
   70% {
     background-color: rgb(176, 172, 155);
   }
   80% {
     background-color: rgb(133, 114, 82);
   }
   90% {
     background-color: rgb(197, 197, 197);
   }
   100% {
     background-color: rgb(255, 255, 255);
   }
   
}

body.start {
  	-webkit-animation: pulse 90s infinite;
  	animation: pulse 90s infinite;
	/*background-color: silver;*/
} 

.egghole {
	/*-webkit-animation: pulse 100s infinite;
	animation: pulse 100s infinite;*/
}

@keyframes pulse {
  0% {
    background-color: rgb(255, 255, 255);
  }
  
  10% {
    background-color: rgb(197, 197, 197);
  }

  20% {
    background-color: rgb(92, 147, 178);
  }

  30% {
    background-color: rgb(135, 178, 180);
  }

  40% {
    background-color: rgb(242, 231, 42);
  }

  50% {
    background-color: rgb(203, 192, 0);
  }
  
  60% {
    background-color: rgb(203, 192, 0);
  }
  
  70% {
    background-color: rgb(176, 172, 155);
  }
  
  80% {
    background-color: rgb(133, 114, 82);
  }
  
  90% {
    background-color: rgb(197, 197, 197);
  }
  
  100% {
    background-color: rgb(255, 255, 255);
  }
  
}




.dev .mod_article {
	padding-left: 5px;
	padding-right: 5px;
}


.cookies {
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 13px 24px 17px;
	z-index: 1000000;
	position: fixed;
	bottom: 0;
	min-height: 50px;
	-moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.27);
	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.27);
	display: none;
}

.cookies * {
	font: 13px/16px "titilliumbold";
	letter-spacing: 0;
	color: black;
	text-align: center;
}

.cookies a {
	/*font: 12px/16px "titilliumbold";*/
	text-decoration: none;
	color: gray;
}

.cookies a:hover {
	color: #ff6c00;
}

.cookies #cookiecloser {
	
	width: 12px;
	display: inline-block;
	position: relative;
	left: 8px;
	cursor: pointer;
	font-size: 18px;
	top: 1px;
	line-height: 18px;
	text-align: center;
}