@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * reset.css
 * goenningersamen.de
 * resetting the basic browser styles
 *
 * Adapted from:
 * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/
 * HTML5 boilerplate: http://html5boilerplate.com/
 * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{color:blue;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;text-decoration:none;}
a:focus{outline:none;}
li{list-style:none;}
abbr[title]{border-bottom:none;}
b,strong{font-weight:700;}
i,em,dfn{font-style:italic;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,
q:after{content:"";content:none;}
small{font-size:85%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
label{cursor:pointer;}
input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}

.invisible{
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;	
}

a.invisible{
	position: absolute !important;
  	z-index: -1 !important;
}

video{display:block;}
.display_none{display:none;}

ul,
li{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;   
}

*{margin: 0;padding: 0;}
/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * style.css
 *
 * goenningersamen.de
 * basic styling (add reset.css before and navigation.css and sites.css afterwards)
 *
 * written by wagnerwagner.de
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * TYPO
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  	font-smoothing: antialiased;
   	text-rendering: optimizeLegibility;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 200dpi),
only screen and (min-resolution: 1.25dppx){
	html{
		-webkit-font-smoothing: subpixel-antialiased;
     	font-smoothing: subpixel-antialiased;
   	}
}

body{
	/* reset settings */
    color: #000000;
    background: #FEFEFE;
    font: 400 1em sans-serif;
    text-align: left;
}

/* BASICS FONTS AND COLORS */

body{font-family: "Fira Sans", Helvetica, Arial, sans-serif;}

h5,
h6,
.main_content pre,
.main_content .pre,
footer pre,
footer .pre,
p,
.p,
li,
.li,
quote,
.quote,
blockquote,
.blockquote,
.sans_serif_font,
input{
    /* serif Font */
   	font-family: "Fira Sans", Helvetica, Arial, sans-serif;
	/* extended font-settings */
	-moz-font-feature-settings: "onum=1, tnum=1, zero=1, kern=1, liga=1";
	-moz-font-feature-settings: "onum" 1, "tnum" 1, "zero" 1, "kern" 1, "liga" 1;
	-webkit-font-feature-settings: "onum" 1, "tnum" 1, "zero" 1, "kern" 1, "liga" 1;
	font-feature-settings: "onum" 1, "tnum" 1, "zero" 1, "kern" 1, "liga" 1;
}

h1,
h2,
h3,
h4,
.serif_font,
.deco_font,
.main_content .ce_text:first-child > p:first-child::first-letter,
.main_content .dropcap p:first-child::first-letter{font-family: serif;}

h1,
h2,
h3,
h4,
.serif_font,
.deco_font,
.main_content .ce_text:first-child > p:first-child::first-letter,
.main_content .dropcap p:first-child::first-letter{
    /* sabs-serif Font */
	font-family: "Vollkorn", Georgia, serif;
	/* extended font-settings */
	-moz-font-feature-settings: "onum=1, tnum=1, zero=1, kern=1, liga=1";
	-moz-font-feature-settings: "onum" 1, "tnum" 1, "zero" 1, "kern" 1, "liga" 1;
	-webkit-font-feature-settings: "onum" 1, "tnum" 1, "zero" 1, "kern" 1, "liga" 1;
	font-feature-settings: "onum" 1, "tnum" 1, "zero" 1, "kern" 1, "liga" 1;
}

#wrapper{
    color: #282828;
    background: #FEFEFE;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
} /* body-copy */

a{
	color: #282828;
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px solid #99CC66;
	-webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    -ms-transition-property: color;
    transition-property: color;
	-webkit-transition: color 102ms cubic-bezier(0.215,0.61,0.355,1);
	-ms-transition: color 102ms cubic-bezier(0.215,0.61,0.355,1);
	-o-transition: color 102ms cubic-bezier(0.215,0.61,0.355,1);
	-moz-transition: color 102ms cubic-bezier(0.215,0.61,0.355,1);
	transition: color 102ms cubic-bezier(0.215,0.61,0.355,1);
}

a:active,
a:focus,
a:visited{
    color: #282828;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.no-touchevents a:hover{color:rgb(103,154,52);}

/* BASICS SIZES, WEIGHTS, STYLES AND LINE-HEIGHTS */

h1{
	font-size: 62px;
	line-height: 72px;
	font-weight: 700;
    color: #202221;
}

h2{
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
    color: #202221;
}

h3{
	font-size: 32px;
	line-height: 44px;
	font-weight: 500;
    color: #303231;
}

h4{
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
    color: #303231;
}

h5{
	font-size: 22px;
	line-height: 36px;
	font-weight: 600;
    color: #303231;
}

h6{
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
    color: #303231;
	text-transform: uppercase;
}

.main_content pre,
.main_content .pre,
footer pre,
footer .pre,
quote,
.quote,
blockquote,
.blockquote{
	font-size: 28px;
   	line-height: 38px;
	font-style: italic;
   	font-weight: 300;
    color: #404241;
}

b,
.b,
strong,
.strong{font-weight: 700;}

i,
.i{font-style: italic;}

.small_type,
.small_type p,
.mod_search .relevance{
	font-size: 16px;
	line-height: 24px;
    color: #505251;
}

.small_type b,
.small_type p .b,
.small_type strong,
.small_type p .strong{
    font-weight: 600;
    color: #303231;
}

.tiny_type,
.tiny_type p{
	font-size: 15px;
	line-height: 22px;
    color: #606261;
}

.tiny_type b,
.tiny_type p .b,
.tiny_type strong,
.tiny_type p .strong{
    font-weight: 600;
    color: #404241;
}

/* BLOCKS */

.main_content .ce_text,
.main_content .ce_headline,
.main_content .ce_table{
    max-width: 1150px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 250px;
	display: block;
	position: relative;
}

h1,
h2,
h3,
.main_content pre,
.main_content .pre,
footer pre,
footer .pre,
quote,
.quote,
blockquote,
.blockquote{
    max-width: 900px;
    display: block;
}

h4,
h5,
h6,
p{max-width: 650px;}

.small_type,
.small_type p,
.tiny_type,
.tiny_type p{max-width: 500px;}

/* Tables */
.main_content .ce_table h4{}

.ce_table table{
	width: 100%;
	max-width: 650px;
    display: block;
    padding-bottom: 12px;
}

.ce_table table tbody{
	width: 100%;
    display: block;
}

.ce_table tr{
	width: 100%;
	max-width: 700px;
	display: block;
	padding: 8px 0;
}

.ce_table td{
	padding: 4px 0;
}

.ce_table td:first-child{
    padding: 4px 12px;
	margin: 0 16px 0 0;
	background: #F2F2F2;
	float: left;
}

/* Lists */
.ce_text > ul{
	width: 100%;
	max-width: 650px;
	padding: 12px 0;
}

.ce_text > ul li{
	list-style-type: disc;
	list-style-position: inside;
}

/* ADDITIONAL ELEMENTS */

input,
select{
	font-size: 16px;
	height: 48px;
	line-height: 48px;
}

button,
.button,
.button_style,
input[type="button"],
.dropdowns input[value="Suchen"],
header .shop_navigation .mod_customnav .mod_form .formbody input.submit{
    font-size: 15px;
    text-align: center;
	text-transform: uppercase;
	text-decoration: none;
    letter-spacing: 1px;
	border: none;
	position: relative;
	overflow: visible;
}

button:hover,
.button:hover,
.button_style:hover,
input[type="button"]:hover,
.dropdowns input[value="Suchen"]:hover{
	color: rgba(0,0,0,.42) !important;
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.168) inset;
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.168) inset;
	box-shadow: 0 0 0 1px rgba(0,0,0,.168) inset;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
   	box-sizing:border-box;
   -moz-box-shadow:
      0px 1px 2px rgba(2,4,6,0.075),
      0px 2px 6px rgba(2,4,6,0.05),
      0px 5px 20px rgba(2,4,6,0.025);
   -webkit-box-shadow:
      0px 1px 2px rgba(2,4,6,0.075),
      0px 2px 6px rgba(2,4,6,0.05),
      0px 5px 20px rgba(2,4,6,0.025);
   box-shadow:
      0px 1px 2px rgba(2,4,6,0.075),
      0px 2px 6px rgba(2,4,6,0.05),
      0px 5px 20px rgba(2,4,6,0.025);
}


header .shop_navigation .mod_customnav .mod_form .formbody input.submit:hover{
	color: rgba(0,0,0,.48) !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
   	box-sizing:border-box;
}

/* Dots */
.ce_text > p:last-child:after,
.p_dot > *:last-child:after{
  	content: "";
  	width: 8px;
   	height: 8px;
   	display: block;
    margin: 32px auto 24px;
  	background: url(../../files/goenninger_samen/ui/sprite_navigation.svg) top left no-repeat;
}

.no_dot > p:last-child:after,
.article_header *:last-child:after,
.article_meta *:last-child:after,
.article_footer *:last-child:after{display:none;}

/* Dropcaps */
.main_content .ce_text:first-child > p:first-child::first-letter,
.main_content .dropcap p:first-child::first-letter{
	float: left;
    font-size: 56px;
    line-height: 56px;
    display: block;
    font-weight: 700;
	padding: 0 10px 0 0;
}

.main_content .no_dropcap p:first-child::first-letter{
	float: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
}

/* HIGHLIGHTING */

::selection {
	background: #99CC66 !important;
   	color: #ffffff !important;
} /* text-selection in WebKit/Blink Browsers */

::-moz-selection {
 	background: #99CC66 !important;
   	color: #ffffff !important;
 } /* text-selection in Gecko Browsers */

p .highlight{
	padding: 2px 4px;
	background: rgba(255,94,84,0.48);
}
.error{color: #FF5E54;}

/* Specific Typo Elements */

header ul.level_2,
header .checkout_steps{font-size: 16px;}

header ul.level_1 > .active > a,
header ul.level_1 > .active > span,
header ul.level_1 > .trail > a,
header ul.level_1 > .trail > span,
header ul.level_1 > .trail ul .active > a,
header ul.level_1 > .trail ul .active > span,
header ul.level_1 > .active ul .active > a,
header ul.level_1 > .active ul .active > span,
.visible_search header .mod_customnav .level_1 > li.first > a,
.visible_login header .mod_customnav .level_1 > li:nth-child(2) > a,
.visible_bag header .mod_customnav .level_1 > li.last > a{color:rgb(103,154,52);}

header .toggle_nav_container{font-weight: 500;}
header .shop_navigation pre{display:inline-block;}

/* RESPONSIVE */

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

	.main_content pre,
	.main_content .pre,
	quote,
	.quote,
	blockquote,
	.blockquote{margin: 0 0 0 -125px;}

}

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

	.main_content h1,
	.main_content h2,
	.main_content h3,
	.main_content h4,
	.main_content h5,
	.main_content h6{text-align: center;}

	.main_content .ce_text > h1,
	.main_content .ce_text > h2,
	.main_content .ce_text > h3,
	.main_content .ce_text > h4,
	.main_content .ce_text > h5,
	.main_content .ce_text > h6,
	.main_content .ce_text > p,
	.main_content .ce_text > ul,
	.main_content .ce_text > table,
	.main_content .ce_table > * {
		max-width: 650px;
		margin: 0 auto;
		text-align: left;
	}

	.main_content .text_right h3{text-align: left;}

	.main_content pre,
	.main_content .pre,
	footer pre,
	footer .pre,
	quote,
	.quote,
	blockquote,
	.blockquote{
		max-width: 763px;
		margin: 0 auto;
	}

	.main_content .ce_text,
	.main_content .ce_headline,
	.main_content .ce_table{padding: 0 64px;}

}

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

    h1{
        font-size: 56px;
        line-height: 64px;
    }
    h6{
        font-size: 19px;
        line-height: 28px;
    }
    .small_type,
    .small_type p,
	.mod_search .relevance{
        font-size: 17px;
        line-height: 25px;
    }
    .tiny_type,
    .tiny_type p{
        font-size: 16px;
        line-height: 24px;
    }
    .tiny_type b,
    .tiny_type p .b,
    .tiny_type strong,
    .tiny_type p .strong{font-weight: 500;}
}

/* Switch to mobile here */

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

	header ul.level_2{font-size: 18px;}

}

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

    h1{
        font-size: 44px;
        line-height: 56px;
    }
    h2{
        font-size: 36px;
        line-height: 48px;
    }

    h3{
        font-size: 28px;
        line-height: 38px;
    }
    h4{
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
    }
    h5{
        font-size: 20px;
        line-height: 32px;
    }
    h6{
        font-size: 18px;
        line-height: 30px;
    }
    .main_content pre,
    .main_content .pre,
    footer pre,
    footer .pre,
    quote,
    .quote,
    blockquote,
    .blockquote{
        font-size: 24px;
        line-height: 32px;
    }

}

@media only screen and (max-width: 750px){
    .main_content .ce_text,
	.main_content .ce_headline,
	.main_content .ce_table{padding: 0 48px;}
}

@media only screen and (max-width: 650px){
   	.main_content .ce_text,
	.main_content .ce_headline,
	.main_content .ce_table{padding: 0 32px;}
}

@media only screen and (max-width: 550px){
    .main_content .ce_text,
	.main_content .ce_headline,
	.main_content .ce_table{padding: 0 24px;}
}

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

    #wrapper{
        font-size: 17px;
        line-height: 26px;
    }
    h1{
        font-size: 30px;
        line-height: 40px;
    }
    h2{
        font-size: 26px;
        line-height: 36px;
    }
    h3{
        font-size: 24px;
        line-height: 34px;
    }
    h4{
        font-size: 20px;
        line-height: 28px;
    }
    h5{
        font-size: 19px;
        line-height: 28px;
    }
    h6{
        font-size: 17px;
        line-height: 26px;
    }
    .main_content pre,
    .main_content .pre,
    footer pre,
    footer .pre,
    quote,
    .quote,
    blockquote,
    .blockquote{
        font-size: 18px;
        line-height: 26px;
    }
    .small_type,
    .small_type p,
	.mod_search .relevance{
        font-size: 16px;
        line-height: 24px;
    }
    .tiny_type,
    .tiny_type p{
        font-size: 15px;
        line-height: 22px;
    }
    .tiny_type b,
    .tiny_type p .b,
    .tiny_type strong,
    .tiny_type p .strong{font-weight: 600;}

    .main_content .ce_text:first-child > p:first-child::first-letter,
    .main_content .dropcap p:first-child::first-letter{
        font-size: 52px;
        line-height: 52px;
    }

    .main_content .ce_text,
	.main_content .ce_headline,
	.main_content .ce_table{padding: 0 16px;}

}

/* PADDING */

.main_content h4{padding: 0.25em 0;}

h5{padding: 0.455em 0 0;}

h6{padding: 0.625em 0 0;}

.main_content pre,
.main_content .pre,
footer pre,
footer .pre,
quote,
.quote,
blockquote,
.blockquote{padding: 1.1em 0;}

p{padding: 0.55em 0;}

/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * BASIC UI-ELEMENTS
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

/* LOADING-BAR */

.pace{
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive{display: none;}

.pace .pace-progress{
	background: rgb(103,154,52);
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
	border-top: 1px solid rgba(0,0,0,0.023);
	border-bottom: 1px solid rgba(0,0,0,0.023);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
   	box-sizing:border-box;
    -webkit-box-shadow: 0 0 6px -1px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 0 6px -1px rgba(0,0,0,0.23);
    box-shadow: 0 0 6px -1px rgba(0,0,0,0.23);
}

@media only screen and (max-width: 860px){
    .pace .pace-progress{height: 6px;}
}

@media only screen and (max-width: 500px){
    .pace .pace-progress{height: 8px;}
}

/* FORMS, INPUTS AND BUTTONS */

form{
	max-width: 650px;
	margin: 0 auto;
}

label{
    display: table;
    cursor: text;
}

/*reset inputs */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input::-moz-focus-inner,
input:-moz-focusring,
input::-moz-focus-outer{
	background: none;
	background-color: transparent;
    background: #ff0000;
	border-width: 0;
	border: none;
	outline-width: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #FF0000 inset;}

input,
select{
	width: 100%;
	display: block;
    border-radius: 0;
	padding: 0px 16px;
	background: #ff0000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background: none;
	background: transparent;
	border-width: 0;
	border: none;
	outline-width: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

header input{background: rgba(254,254,254,0.25);}
header input:hover{background: rgba(254,254,254,0.48);}
header input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #FEFEFE inset;}

.main_content input,
.main_content select{background: rgba(182,170,150,0.25);}
.main_content input:hover,
.main_content select:hover{background: rgba(182,170,150,0.48);}
.main_content input:-webkit-autofill,
.main_content select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #B6AA96 inset;}

input.submit,
button,
.button,
input[type="button"],
.button_style,
.dropdowns input[value="Suchen"]{
	font-style: normal;
	width: auto;
	display: table;
    padding: 0px 16px;
    margin: 8px 0 0;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
	outline: none;
	cursor: pointer;
}

input:focus{outline:none;}

input.green_button,
button.green_button,
a.green_button{
	color: #FFFFFF;
	background: #99CC66;
}

input.green_button:hover,
button.green_button:hover,
a.green_button:hover{
	color: #FFFFFF;
	background: #99CC66;
}

input.red_button,
button.red_button,
a.red_button{
	color: #FFFFFF;
	background: #FF5E54;
}

input.red_button:hover,
button.red_button:hover,
a.red_button:hover{
	color: #FFFFFF;
	background: #FF5E54;
}

input.brown_button,
button.brown_button,
a.brown_button,
.dropdowns input[value="Suchen"]{
	color: #FFFFFF;
	background: #B6AA96;
}

input.brown_button:hover,
button.brown_button:hover,
a.brown_button:hover,
.dropdowns input[value="Suchen"]:hover{
	color: #FFFFFF;
	background: #B6AA96;
}

input.neutral_button,
button.neutral_button,
a.neutral_button{
	background: #F0F0F0;
}

input.neutral_button:hover,
button.neutral_button:hover,
a.neutral_button:hover{
	background: #F0F0F0;
}

input[type="checkbox"],
input[type="radio"]{
	width: 20px;
	height: 20px;
  	position: relative;
	padding: 3px;
    border-radius: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	background: rgba(219,213,204,0.5);
	border: 1px solid rgba(0,0,0,0.4);
    cursor: pointer;
	-moz-box-shadow:
		0 0 1px #ccc,
		inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow:
		0 0 1px #ccc,
		inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow:
		0 0 1px #ccc,
		inset 0 1px 2px rgba(0,0,0,.2);
}

input[type="checkbox"]:after,
input[type="radio"]:after{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
    border-radius: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1);
  	position: absolute;
  	top: 4px;
	left: 4px;
  	background: rgba(0,0,0,0.04);
  	transition: all .1s;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover{
	background: rgba(219,213,204,0.5);
}

input[type="checkbox"]:hover:after,
input[type="radio"]:hover:after{
	background: rgba(0,0,0,0.4);
}

.error input[type="checkbox"],
.error input[type="radio"]{
	background: #FF5E54;
	border: 1px solid rgba(0,0,0,0.4);
}

input[type="checkbox"]:checked,
input[type="radio"]:checked{
	background: #99CC66;
	border: 1px solid rgba(0,0,0,0.4);
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after{
  	background: rgba(0,0,0,0.4);
}

a.button_style{display: inline-block;}

/* IMAGES */

figure{position: relative;}

img{
	width: 100%;
	height: auto;
	display: block;
}

.ce_image{
	width: 100%;
	height: auto;
	display: block;
}

.image_container > a:before,
.ce_image:after{
	content: "";
 	width:24px;
   	height:24px;
   	display:block;
 	position:absolute;
	z-index: 3;
 	top:12px;
 	right:12px;
 	background:rgba(254, 255, 253, 0.2);
 	-webkit-border-radius:50%;
 	-moz-border-radius:50%;
 	-ms-border-radius:50%;
 	-o-border-radius:50%;
 	border-radius:50%;
}

.image_container{
	width: 100%;
	height: auto;
	display: block;
}

.image_container:before{
	content: "";
 	width: 100%;
	height: 100%;
	display: block;
 	position: absolute;
 	-webkit-transform: translate(8px, 8px);
 	-moz-transform: translate(8px, 8px);
 	-ms-transform: translate(8px, 8px);
 	-o-transform: translate(8px, 8px);
 	transform: translate(8px, 8px);
 	background: url(../../files/goenninger_samen/ui/diagonal_lines_brown.png) repeat;
}

.image_container img{
   	width: 100%;
   	height: auto;
   	position: relative;
}

.image_container:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(../../files/goenninger_samen/ui/noisy_texture.png) center center repeat;
	border: 1px solid rgba(0,0,0,0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
}

/* LINK-IMAGES */


.image_container > a,
.formbody > a{
	text-decoration: none;
    border-bottom: none !important;
}

footer .image_container > a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 5;
	cursor: pointer;
	background: url("../../files/goenninger_samen/ui/noisy_texture.png") center center repeat;
}

a > .ce_image{position: relative;}
a > .ce_image:after,
.image_container > a:after{
    content: "";
    position: absolute;
    width: 25%;
	height: auto;
    padding-bottom: 25%;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #99CC66;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.15), 0px 5px 15px rgba(0,0,0,0.1), 0px 10px 40px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.15), 0px 5px 15px rgba(0,0,0,0.1), 0px 10px 40px rgba(0,0,0,0.05);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.15), 0px 5px 15px rgba(0,0,0,0.1), 0px 10px 40px rgba(0,0,0,0.05);
    opacity: 0;
    -webkit-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
    -ms-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
    -o-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
    -moz-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
}
a:hover > .ce_image:after,
.image_container > a:hover:after{opacity: 1;}

/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * CORE-ELEMENTS
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

html,
body{
	width: 100%;
    overflow-x: hidden;
}

section,
article{
   	width: 100%;
   	position: relative;
   	overflow: hidden;
}

/* STANDARD IMAGE-GRID */

.ce_accordion,
.image_grid{
	width: 102%;
 	margin: -1%;
	font-size: 0;
	line-height: 0;
 	padding: 32px;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
 	text-align: center;
}

@media only screen and (min-width: 1500px){
	.ce_accordion,
	.image_grid{padding: 48px;}
}

@media only screen and (max-width: 1000px){
	.ce_accordion,
	.image_grid{padding: 24px;}
}

@media only screen and (max-width: 500px){
	.ce_accordion,
	.image_grid{padding: 16px;}
}

.ce_accordion .ce_image,
.image_grid .ce_image{
	display:inline-block;
 	position: relative;
}

.ce_accordion .ce_image,
.image_grid .ce_image{margin: 1%;}

.ce_accordion .col_small,
.image_grid .col_small{width: 23%;}

.ce_accordion .col_basic,
.image_grid .col_basic{width: 31.25%;}

.ce_accordion .col_medium,
.image_grid .col_medium{width: 40%;}

.ce_accordion .col_large,
.image_grid .col_large{width: 56%;}

@media only screen and (max-width: 1120px){
	.ce_accordion .col_medium,
	.image_grid .col_medium{width: 56%;}
}

@media only screen and (max-width: 1000px){
	.ce_accordion .col_small,
	.image_grid .col_small{width: 31.25%;}
}

@media only screen and (max-width: 650px){
	.ce_accordion .ce_image,
	.image_grid .ce_image{
		margin: 24px 0;
		display: block;
		width: 100%;
	}
}

@media only screen and (max-width: 500px){
	.ce_accordion .ce_image,
	.image_grid .ce_image{margin: 16px 0;}
}

.ce_accordion .spacer,
.image_grid .spacer{
 	height: 0;
   	opacity: 0;
   	overflow: hidden;
}

@media only screen and (max-width: 1120px){
   	.ce_accordion .spacer,
 	.image_grid .spacer{display: none;}
   	.ce_accordion .invisible,
 	.image_grid .invisible{display: none !important;}
}

.col_full_width{width: 100%;}

.align_top{vertical-align: top;}
.align_middle{vertical-align: middle;}
.align_bottom{vertical-align: bottom;}

.ce_accordion .image_container,
.image_grid .image_container{position: relative;}

.ce_accordion .image_container img,
.image_grid .image_container img{
	width: 100%;
 	height: auto;
 	display: block;
 	position: relative;
}

.ce_accordion:after,
.image_grid:after{
    content: "";
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    float: none;
    clear: both;
} /* clearfloat */

/* new bigger image style */
.ce_text.bigger_img > p{
	display: flex;
	align-content: center;
	justify-content: center;
}

.ce_text.bigger_img > p > a > img{
	width: auto;
	max-width: 84vw;
}

@media only screen and (max-width: 550px){
	.ce_text.bigger_img > p > a > img{
		max-width: calc(100vw - ( 2 * 24px ) );
	}
}

@media only screen and (max-width: 650px){
	.ce_text.bigger_img > p > a > img{
		max-width: calc(100vw - ( 2 * 32px ) );
	}
}

@media screen and (max-width: 1150px){
	.ce_text.bigger_img > p > a > img{
		max-width: calc(100vw - ( 2 * 64px ) );
	}
}

/* HERO-HEADER */

.hero_header{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.pace-running .hero_header .scroll_down_button{display: none !important;}

.hero_header .scroll_down_button{
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    overflow: hidden;
}

.hero_header .scroll_down_button div{
    width: 100%;
    bottom: -48px;
    position: fixed;
    will-change: auto;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    transition-property: transform, opacity;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 402ms cubic-bezier(.36,1.01,.32,1.28), opacity 402ms cubic-bezier(0.215,0.61,0.355,1);
    -ms-transition: -ms-transform 402ms cubic-bezier(.36,1.01,.32,1.28), opacity 402ms cubic-bezier(0.215,0.61,0.355,1);
    -o-transition: -o-transform 402ms cubic-bezier(.36,1.01,.32,1.28), opacity 402ms cubic-bezier(0.215,0.61,0.355,1);
    -moz-transition: -moz-transform 402ms cubic-bezier(.36,1.01,.32,1.28), opacity 402ms cubic-bezier(0.215,0.61,0.355,1);
    transition: transform 402ms cubic-bezier(.36,1.01,.32,1.28), opacity 402ms cubic-bezier(0.215,0.61,0.355,1);
    opacity: 0.93;
    -webkit-transform: translate3d(0,-72px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(0,-72px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(0,-72px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(0,-72px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(0,-72px,0) rotate(0deg) scale3d(1,1,1);
}

.hero_header .scroll_down_button a{
	width: 48px;
	height: 48px;
	display: block;
    margin: 0 auto;
	line-height: 48px;
    text-align: center;
	position: relative;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
 	box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
}

.hero_header .scroll_down_button div:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,0,0,0.4),
        0px 5px 15px rgba(0,0,0,0.3),
        0px 10px 40px rgba(0,0,0,0.2);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,0,0,0.4),
        0px 5px 15px rgba(0,0,0,0.3),
        0px 10px 40px rgba(0,0,0,0.2);
 	box-shadow:
        0px 2px 4px rgba(0,0,0,0.4),
        0px 5px 15px rgba(0,0,0,0.3),
        0px 10px 40px rgba(0,0,0,0.2);
}

/* IMAGE */

.hero_header .ce_image{
    width:100%;
    display: block;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
   	overflow: hidden;
}

/* VIDEO */

.hero_header .ce_video{
    width:100%;
    height:100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.touch .hero_header .ce_video{display: none;}

.ce_video > div:before{
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .2;
    position: absolute;
    z-index: 2;
    background: url("../../files/goenninger_samen/ui/diagonal_lines_brown.png") repeat;
}

.ce_video > div:after{
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    z-index: 1;
    background: url("../../files/goenninger_samen/ui/noisy_texture.png") center center repeat;
}

.hero_header .ce_video video{
	position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    background: #000;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate3d(50%,50%,0);
    -moz-transform: translate3d(50%,50%,0);
    -ms-transform: translate3d(50%,50%,0);
    -o-transform: translate3d(50%,50%,0);
    transform: translate3d(50%,50%,0);
}

/* Fullscreen Hero-Header */
@media only screen and (min-width: 765px) and (max-width: 1499px) and (max-aspect-ratio: 1768/1172) and (orientation: landscape),
only screen and (min-width: 1500px) and (max-aspect-ratio: 1832/932) and (orientation: landscape),
only screen and (min-height: 840px) and (orientation: landscape){
	.hero_header{
	   height: 100vh;
	   -moz-box-sizing: border-box;
	   -webkit-box-sizing: border-box;
	   box-sizing: border-box;
	   overflow: hidden;
	}
	.hero_header .ce_image,
	.hero_header .ce_video{
		height: 100%;
		padding-bottom: 56px;
	}
	.hero_header .ce_image > figure,
	.hero_header .ce_video > div{
		height: 100%;
    	position: relative;
		overflow: hidden;
	}
	.hero_header .ce_image img,
	.hero_header .ce_video video{
		position: absolute;
	  	right: 0;
	  	bottom: 0;
	  	width: auto;
	  	min-width: 100%;
	  	height: auto;
	  	min-height: 100%;
		right: 50%;
	  	bottom: 50%;
	  	-webkit-transform:translate3d(50%,50%,0);
	  	-moz-transform:translate3d(50%,50%,0);
	  	-ms-transform:translate3d(50%,50%,0);
	  	-o-transform:translate3d(50%,50%,0);
	  	transform:translate3d(50%,50%,0);
	}
	.hero_header .scroll_down_button div{
		bottom: 24px;
		position: absolute;
	}
	.hero_header:after{
		content:"";
		width: 100%;
		height: 56px;
		display: block;
		bottom: 0;
		position: absolute;
		background: #FFFFFF;
	}
}

@media only screen and (max-height: 700px) and (min-width: 765px) and (max-width: 1499px) and (max-aspect-ratio: 1768/1172) and (orientation: landscape),
only screen and (max-height: 700px) and (min-width: 1500px) and (max-aspect-ratio: 1832/932) and (orientation: landscape){
	.hero_header .ce_image,
	.hero_header .ce_video{padding-bottom: 40px;}
	.hero_header .scroll_down_button div{bottom: -8px;}
	.hero_header:after{height: 40px;}
}

@media only screen and (orientation: portrait),
only screen and (max-height: 600px){
    .touch .hero_header .scroll_down_button,
    .no-touchevents .hero_header .scroll_down_button{display: none;}
}

/* When no hero image */

.no-touchevents .main_content > .inside > article.first,
.no-touchevents .main_content > .inside > article:first-of-type,
.no-touchevents .main_content > .inside > .mod_article.first,
.no-touchevents .main_content > .inside > .mod_article:first-child{padding-top: 152px;}

@media only screen and (max-width: 860px){
	.no-touchevents .main_content > .inside > article.first,
	.no-touchevents .main_content > .inside > article:first-of-type,
	.no-touchevents .main_content > .inside > .mod_article.first,
	.no-touchevents .main_content > .inside > .mod_article:first-child{padding-top: 0;}
}

@media only screen and (min-width: 1620px){
	.no-touchevents .main_content > .inside > article.first,
	.no-touchevents .main_content > .inside > article:first-of-type,
	.no-touchevents .main_content > .inside > .mod_article.first,
	.no-touchevents .main_content > .inside > .mod_article:first-child{padding-top: 88px;}
}

.no-touchevents .main_content .mod_article:first-child:not(.hero_header) > *:first-child:not(.mod_iso_productreader),
.no-touchevents .main_content article:first-child:not(.hero_header) > *:first-child:not(.mod_iso_productreader),
.no-touchevents .main_content .hero_header + article > *:first-child:not(.mod_iso_productreader),
.no-touchevents .main_content .hero_header + .mod_article > *:first-child:not(.mod_iso_productreader){padding-top: 3.125vw;}

/* STICKEM */

.stickem{
    max-width: 226px;
	top: 0;
	left: 0;
	position: absolute;
    z-index: 5;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* SHARE SEEDS */

.stickem .share_list{
    position: relative;
    margin: 40px 0;
}

.stickem .share_list li{
    width: 100px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
    text-align: center;
    margin-right: 16px;
}

.share_directlink,
.share_facebook,
.share_twitter,
.share_mail{
    position: absolute;
    opacity: 0;
}

.stickem li.share_directlink{
	width: 62px;
	height: 62px;
	line-height: 62px;
	display: block;}

.share_directlink{
	top: -31px;
	left: 244px;
}
.share_facebook{
	top: -64px;
	left: 112px;
}
.share_twitter{
	top: 80px;
	left: 236px;
}
.share_mail{
	top: -38px;
	left: 360px;
}

.visible .share_directlink,
.visible .share_facebook,
.visible .share_twitter,
.visible .share_mail{
    z-index: auto;
    opacity: 1;
}

.stickem .share_list li a{
    width: 100%;
	height: 100%;
	display: block;
    position:relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #FEFEFE url(../../files/goenninger_samen/ui/diagonal_lines_green.png) repeat;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-style: normal;
	border: none;
}

.stickem .show_share_buttons a:after{
    content: "Teilen";
    width: 100%;
	height: 100%;
	display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 0;
	left: 0;
	position: absolute;
    color: #FFFFFF;
    background: #99CC66;
    -webkit-transition: opacity 316ms ease-in-out;
    -moz-transition: opacity 316ms ease-in-out;
    -ms-transition: opacity 316ms ease-in-out;
    -o-transition: opacity 316ms ease-in-out;
    transition: opacity 316ms ease-in-out;
    opacity: 1;
}

.stickem .share_list li a:hover{opacity: 1;}

.stickem.visible .show_share_buttons a:after{opacity:0;}

.stickem .share_list .show_share_buttons:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
}

.stickem.visible .share_list .show_share_buttons:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,2,2,0.03),
        0px 5px 15px rgba(0,2,2,0.02),
        0px 10px 40px rgba(0,2,2,0.01);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,2,2,0.03),
        0px 5px 15px rgba(0,2,2,0.02),
        0px 10px 40px rgba(0,2,2,0.01);
 	box-shadow:
        0px 2px 4px rgba(0,2,2,0.03),
        0px 5px 15px rgba(0,2,2,0.02),
        0px 10px 40px rgba(0,2,2,0.01);
}

.stickem .share_list .share_directlink a{
    background: #99CC66;
    color: #FFFFFF;
}

.stickem .share_list .share_directlink:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
}

.stickem .share_list .share_facebook a{
    background: #3B5998;
    color: #FFFFFF;
}

.stickem .share_list .share_facebook:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,0,3,0.06),
        0px 5px 15px rgba(0,0,3,0.05),
        0px 10px 40px rgba(0,0,3,0.04);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,0,3,0.06),
        0px 5px 15px rgba(0,0,3,0.05),
        0px 10px 40px rgba(0,0,3,0.04);
 	box-shadow:
        0px 2px 4px rgba(0,0,3,0.06),
        0px 5px 15px rgba(0,0,3,0.05),
        0px 10px 40px rgba(0,0,3,0.04);
}

.stickem .share_list .share_twitter a{
    background: #00ACED;
    color: #FFFFFF;
}

.stickem .share_list .share_twitter:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(1,1,2,0.06),
        0px 5px 15px rgba(1,1,2,0.05),
        0px 10px 40px rgba(1,1,2,0.04);
 	-moz-box-shadow:
        0px 2px 4px rgba(1,1,2,0.06),
        0px 5px 15px rgba(1,1,2,0.05),
        0px 10px 40px rgba(1,1,2,0.04);
 	box-shadow:
        0px 2px 4px rgba(1,1,2,0.06),
        0px 5px 15px rgba(1,1,2,0.05),
        0px 10px 40px rgba(1,1,2,0.04);
}

.stickem .share_list .share_mail a{
    background: #DD4B39;
    color: #FFFFFF;
}

.stickem .share_list .share_mail:hover a{
 	-webkit-box-shadow:
        0px 2px 4px rgba(3,0,0,0.06),
        0px 5px 15px rgba(3,0,0,0.05),
        0px 10px 40px rgba(3,0,0,0.04);
 	-moz-box-shadow:
        0px 2px 4px rgba(3,0,0,0.06),
        0px 5px 15px rgba(3,0,0,0.05),
        0px 10px 40px rgba(3,0,0,0.04);
 	box-shadow:
        0px 2px 4px rgba(3,0,0,0.06),
        0px 5px 15px rgba(3,0,0,0.05),
        0px 10px 40px rgba(3,0,0,0.04);
}

.stickem .share_list{
   	/* PREPARE ANIMATION OF CHILD */
   	display: inline-block;
   	-moz-backface-visibility: hidden;
 	-webkit-backface-visibility: hidden;
   	backface-visibility: hidden;
}

.share_directlink,
.share_facebook,
.share_twitter,
.share_mail{
/* PREPARE ANIMATION */
	will-change: auto;
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
	-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    transition-property: transform, opacity;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
}

.share_list:hover .share_directlink,
.share_list:hover .share_facebook,
.share_list:hover .share_twitter,
.share_list:hover .share_mail{will-change: transform, opacity;}

.share_directlink{
    -webkit-transform: translate3d(-225px,50px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-225px,50px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-225px,50px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-225px,50px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-225px,50px,0) rotate(0deg) scale3d(1,1,1);
    -webkit-transition: -webkit-transform 346ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 358ms cubic-bezier(.645,.045,.355,1) 4ms;
    -moz-transition: -moz-transform 346ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 358ms cubic-bezier(.645,.045,.355,1) 4ms;
    -ms-transition: -ms-transform 346ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 358ms cubic-bezier(.645,.045,.355,1) 4ms;
    -o-transition: -o-transform 346ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 358ms cubic-bezier(.645,.045,.355,1) 4ms;
    transition: transform 346ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 358ms cubic-bezier(.645,.045,.355,1) 4ms;
}

.share_facebook{
    -webkit-transform: translate3d(-112px,63px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-112px,63px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-112px,63px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-112px,63px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-112px,63px,0) rotate(0deg) scale3d(1,1,1);
    -webkit-transition: -webkit-transform 316ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 328ms cubic-bezier(.645,.045,.355,1) 4ms;
    -moz-transition: -moz-transform 316ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 328ms cubic-bezier(.645,.045,.355,1) 4ms;
    -ms-transition: -ms-transform 316ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 328ms cubic-bezier(.645,.045,.355,1) 4ms;
    -o-transition: -o-transform 316ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 328ms cubic-bezier(.645,.045,.355,1) 4ms;
    transition: transform 316ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 328ms cubic-bezier(.645,.045,.355,1) 4ms;
}

.share_twitter{
    -webkit-transform: translate3d(-236px,-80px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-236px,-80px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-236px,-80px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-236px,-80px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-236px,-80px,0) rotate(0deg) scale3d(1,1,1);
    -webkit-transition: -webkit-transform 366ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 378ms cubic-bezier(.645,.045,.355,1) 4ms;
    -moz-transition: -moz-transform 366ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 378ms cubic-bezier(.645,.045,.355,1) 4ms;
    -ms-transition: -ms-transform 366ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 378ms cubic-bezier(.645,.045,.355,1) 4ms;
    -o-transition: -o-transform 366ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 378ms cubic-bezier(.645,.045,.355,1) 4ms;
    transition: transform 366ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 378ms cubic-bezier(.645,.045,.355,1) 4ms;
}

.share_mail{
    -webkit-transform: translate3d(-360px,38px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-360px,38px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-360px,38px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-360px,38px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-360px,38px,0) rotate(0deg) scale3d(1,1,1);
    -webkit-transition: -webkit-transform 386ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 398ms cubic-bezier(.645,.045,.355,1) 4ms;
    -moz-transition: -moz-transform 386ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 398ms cubic-bezier(.645,.045,.355,1) 4ms;
    -ms-transition: -ms-transform 386ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 398ms cubic-bezier(.645,.045,.355,1) 4ms;
    -o-transition: -o-transform 386ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 398ms cubic-bezier(.645,.045,.355,1) 4ms;
    transition: transform 386ms cubic-bezier(.645,.045,.355,1) 16ms, opacity 398ms cubic-bezier(.645,.045,.355,1) 4ms;
}

.visible .share_directlink,
.visible .share_facebook,
.visible .share_twitter,
.visible .share_mail{
    -webkit-transform: translate3d(0px,0px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(0px,0px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(0px,0px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(0px,0px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(0px,0px,0) rotate(0deg) scale3d(1,1,1);
}

.stickem .share_list li a{
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
	-webkit-transition: -webkit-transform 104ms ease-in-out;
	-ms-transition: -ms-transform 104ms ease-in-out;
	-o-transition: -o-transform 104ms ease-in-out;
	-moz-transition: -moz-transform 104ms ease-in-out;
	transition: transform 104ms ease-in-out;
   	-webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(0.9,0.9,0.9);
   	-moz-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
   	-ms-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
   	-o-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
   	transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
}

.stickem .share_list li:hover a{
   	-webkit-transform: translate3d(0,1px,0) rotate(0deg) scale3d(1,1,1);
   	-moz-transform: translate3d(0,1px,0) rotate(0deg) scale3d(1,1,1);
   	-ms-transform: translate3d(0,1px,0) rotate(0deg) scale3d(1,1,1);
   	-o-transform: translate3d(0,1px,0) rotate(0deg) scale3d(1,1,1);
   	transform: translate3d(0,1px,0) rotate(0deg) scale3d(1,1,1);
}

@media screen and (max-width:1300px){
	.stickem{
		max-width: 650px;
		margin: 0 auto;
		position: relative;
	}
}

/* PAGINATION (IF NEEDED) */

.pagination{
	padding: 80px 0;
	margin: 0 0 -64px;
	background:#FDFEFC url(../../files/goenninger_samen/ui/white_noise.png) center center repeat;
}

.pagination:after{
	content:"";
	width:100%; height:2px; display:block;
	background:#FFFFFF;
	top:0; left:0; position:absolute;
}

.pagination ul{
	text-align: center;
}

.pagination li{
	width: 48px;
	height: 48px;
	line-height: 48px;
	display:inline-block;
	text-align: center;
	position: relative;
}

.pagination ul > *:first-child {margin:0 12px 0 0;}

.pagination ul > *:last-child {margin:0 0 0 4px;}

.pagination li span{
	width: 48px;
	height: 48px;
	display: block;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	background: #99CC66;
	position: relative;
}

.pagination li span,
.pagination li a{z-index: 2;}

.pagination li .highlight{
	content: "";
	width: 48px;
	height: 48px;
	display: block;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	background: #99CC66;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

.pagination li a{
	width: 48px;
	height: 48px;
	display: block;
	position: relative;
	z-index: 2;
	font-style: normal;
	border: 0;
}

.pagination li a:hover{
	color: inherit;
}

.pagination li.next a{
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	background: url("../../files/goenninger_samen/ui/diagonal_lines_green.png") repeat;
}

.pagination li.next a:hover{}

.pagination li .highlight{
    -webkit-transition: -webkit-transform 326ms cubic-bezier(.645,.045,.355,1);
    -moz-transition: -moz-transform 326ms cubic-bezier(.645,.045,.355,1);
    -ms-transition: -ms-transform 326ms cubic-bezier(.645,.045,.355,1);
    -o-transition: -o-transform 326ms cubic-bezier(.645,.045,.355,1);
    transition: transform 326ms cubic-bezier(.645,.045,.355,1);
}

/* FOOTER */

footer{margin: 64px 0 0;}

footer article h3,
footer .mod_article h3{
	padding-top: 32px;
}

footer article > .ce_tex,
footer .mod_article > .ce_tex{
	padding: 32px 0;
}

footer article .ce_text pre,
footer .mod_article .ce_text pre{
	margin: 0 auto;
	text-align: center;
	padding: 0 0 32px 0;
}

footer article .product p,
footer .mod_article .product p,
footer article .teaser > p,
footer .mod_article .teaser > p{
	padding-left: 32px;
	padding-right: 32px;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	margin: 0 auto;
}

.empty_cart.mod_iso_productlist,
footer .mod_iso_productlist,
footer .mod_iso_relatedproducts{
	width:102%;
 	font-size:0;
 	line-height:0;
 	margin: 1% -1% 0;
 	padding: 24px 48px 0;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
 	text-align: center;
}

.empty_cart.mod_iso_productlist .product,
footer .product,
footer .related_posts > div{
	margin: 1% 2%;
 	width: 96%;
 	display:inline-block;
    vertical-align: middle;
 	position: relative;
}

footer .product .formbody{
	width: 100%;
	display: block;
}

footer .product .formbody > a{
	width: 100%;
	height: 100%;
	display: block;
    position: relative;
	z-index: 1;
}

footer article .product .formbody:hover > a:after,
footer .mod_article .product .formbody:hover > a:after{
	opacity: 1;
}

footer .submit_container{
	display: none;
}

footer .submit_container .add_to_wishlist{
	display: inline-block;
}

.empty_cart.mod_iso_productlist .product,
footer .product,
footer .related_posts > div{
	margin: 0 1%;
	width: 31.25%;
}

#footer{
	background: #EFF0EE;
   	border-top: 1px solid #B5B6B4;
    position: relative;
}

#footer .right{
    top: 0;
    right: 48px;
    position: absolute;
}

/* */

footer .accordion .halves,
footer .accordion .thirds{
    width: 102%;
    font-size: 0;
    line-height: 0;
    margin: 1% -1% 0;
    padding: 0 48px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

footer .accordion > div > div{
	float: left;
    vertical-align: middle;
}

footer .halves > div{
    display: inline-block;
	margin: 0 1%;
	width: 48%;
}

footer .thirds > div{
	margin: 0 1%;
	width: 31.25%;
}

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

	footer .product_last,
	footer .thirds > div:last-child{display: none;}

	footer .product,
	footer .thirds > div{width: 48%;}

}

#footer .accordion .image_container{
	width: 100%;
    margin: 0;
    padding: 0;
}

#footer .accordion .image_container a{
	width: 100%;
	height: 100%;
	display: block;
    position: relative;
    z-index: 1;
}

#footer .accordion .image_container a:after{
    content: "";
    position: absolute;
    width: 25%;
    padding-bottom: 25%;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #99CC66;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.05), 0px 10px 40px rgba(0,0,0,0.025);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.05), 0px 10px 40px rgba(0,0,0,0.025);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.05), 0px 10px 40px rgba(0,0,0,0.025);
	opacity: 0;
	-webkit-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	-ms-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	-o-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	-moz-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
}

#footer .accordion .image_container:hover a:after{
	opacity: 1;
}

#footer .accordion .image_container img{
	width: 100%;
	height: auto;
	display: block;
}

#footer .accordion p{
    padding-left: 32px;
    padding-right: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .text_box p{
	margin: 0 auto;
}

/* */

#footer article > .mod_news4wardList,
#footer .mod_article > .mod_news4wardList{
    width: 102%;
    font-size: 0;
    line-height: 0;
    margin: 1% -1% 0;
    padding: 0 48px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#footer .mod_news4wardList > div{
    margin: 1% 2%;
    width: 96%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

@media only screen and (min-width: 550px){
	#footer .mod_news4wardList > div{
		margin: 0 1%;
		width: 31.25%;
	}
}

#footer article > .mod_news4wardList .image_container a:after,
#footer .mod_article > .mod_news4wardList .image_container a:after{
    content: "";
    position: absolute;
    width: 25%;
    padding-bottom: 25%;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #99CC66;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.05), 0px 10px 40px rgba(0,0,0,0.025);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.05), 0px 10px 40px rgba(0,0,0,0.025);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1), 0px 5px 15px rgba(0,0,0,0.05), 0px 10px 40px rgba(0,0,0,0.025);
	opacity: 0;
	-webkit-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	-ms-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	-o-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	-moz-transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
	transition: opacity 123ms cubic-bezier(0.215,0.61,0.355,1);
}

#footer article > .mod_news4wardList .image_container:hover a:after,
#footer .mod_article > .mod_news4wardList .image_container:hover a:after{
	opacity: 1;
}

#footer article > .mod_news4wardList .teaser p:last-child,
#footer .mod_article > .mod_news4wardList .teaser p:last-child{
	padding-bottom: 0;
}

/* */

#footer li{display: inline-block;}

#footer .right{
    top: 0;
    right: 32px;
    position: absolute;
}

/* Footer Header */

#footer article,
#footer .mod_article{
	padding: 32px 0;
}

/* Main Footer */

.main_footer{
	height: 80px;
   	line-height: 80px;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	background: #E3E3E3;
}

.main_footer .level_1{padding: 0 0 0 16px;}

.main_footer .level_1 a{
	display: block;
    padding: 0 16px;
    position: relative;
    font-style: normal;
    text-decoration: none;
    border: none;
}

.main_footer .share_link{
	width: auto;
	height: 80px;
	line-height: 80px;
}

.main_footer .share_link a{
	width:32px;
   	height:58px;
   	display:block;
	padding:0;
	margin:11px 0;
	background:url(../../files/goenninger_samen/ui/sprite_social_circles.svg) no-repeat;
	background-size: 96px;
	-ms-transition:background-position 0ms ease-in-out 32ms;
  	-o-transition:background-position 0ms ease-in-out 32ms;
	-moz-transition:background-position 0ms ease-in-out 32ms;
  	-webkit-transition:background-position 0ms ease-in-out 32ms;
	transition:background-position 0ms ease-in-out 32ms;
	font-style: normal;
	border: 0;
}

.main_footer .right li:not(:last-child) a{margin-right:8px}

.main_footer .share_fb a{background-position:top left;}
.main_footer .share_tw a{background-position:top center;}
.main_footer .share_ig a{background-position:top right;}

.main_footer .share_fb a:hover{background-position:bottom left;}
.main_footer .share_tw a:hover{background-position:bottom center;}
.main_footer .share_ig a:hover{background-position:bottom right;}

/* Footer Footer */

.footer_copyright{
	width:100%;
   	height:48px;
   	display:block;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	position:relative;
   	padding: 0 32px;
	background:#D4D4D4;
}

.footer_copyright > div{
   	height:48px;
   	line-height:48px;
   	display:inline-block;
	font-size: 14px;
}

.footer_copyright a{white-space: nowrap;}

@media only screen and (max-width: 1424px){
    #footer .main_footer{
        height: auto;
        line-height: 64px;
    }
    #footer .main_footer .sub_navigation li.last + li{
        display: block;
        margin-top: -16px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1000px){
	.main_footer .level_1{padding: 0 0 0 12px;}
	.main_footer .level_1 a{padding: 0 12px;}
	.footer_copyright{padding: 0 24px;}
	#footer .right{right: 24px;}
}

@media only screen and (max-width: 860px){
	.main_footer{
		height: auto;
		line-height: inherit;
	}
	.main_footer .level_1 {
    	padding: 0 12px;
		text-align: center;
		line-height: 48px;
		padding-top: 24px;
    	padding-bottom: 24px;
	}
    #footer .main_footer .sub_navigation li.last + li{
        margin-top: 0;
        margin-bottom: -24px;
    }
	#footer .main_footer nav .right{
		right: 0;
		position: relative;
		height: 80px;
		text-align: center;
	}
	.footer_copyright{
		height: auto;
		padding-top: 16px;
    	padding-bottom: 16px;
	}
	.footer_copyright > div{
		display: block;
		height: auto;
		line-height: 32px;
		text-align: center;
        margin: 0 auto;
	}
	#footer .footer_copyright .right{
		right: 0;
		position: relative;
		text-align: center;
	}
}

@media only screen and (max-width: 650px){
    #footer article.first,
    #footer .mod_article.first{display: none;}
}

@media only screen and (max-width: 380px){
    #footer .main_footer .sub_navigation li.last + li{
        margin-top: 8px;
        margin-bottom: -24px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 1500px){
	.main_footer .level_1{padding: 0 0 0 32px;}
	.footer_copyright{padding: 0 48px;}
	#footer .right{right: 48px;}
}

.cart_item/**
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * navigation.css
 *
 * goenningersamen.de
 * navigation styling (add reset.css and navigation.css before and sites.css afterwards)
 *
 * written by wagnerwagner.de
 * --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */


/* Hide Stuff */

header #nav .level_2,
header .toggle_nav_container,
header .dropdowns > div,
header .dropdowns .mobile_only,
header .filter_search{display: none;}

/* Basics */

header{
	width: 100%;
	position: relative;
	z-index: 11;
}

.no-touchevents header{position: absolute;}

.no-touchevents header{

	position: fixed;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    will-change: transform;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -ms-transition: -ms-transform 338ms cubic-bezier(.645,.045,.355,1);
    -o-transition: -o-transform 338ms cubic-bezier(.645,.045,.355,1);
    -moz-transition: -moz-transform 338ms cubic-bezier(.645,.045,.355,1);
    -webkit-transition: -webkit-transform 338ms cubic-bezier(.645,.045,.355,1);
    transition: transform 338ms cubic-bezier(.645,.045,.355,1);

    -ms-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);

}

.no-touchevents header.hidden{
    -ms-transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

header nav,
header #nav ul.level_2,
header .logo_container,
.art_no,
.alphabet{
	padding: 0 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header ul:after{
    content: "";
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    float: none;
    clear: both;
} /* clearfloat */

header li{
    list-style: none;
    float: left;
}

header li > span,
header li > a,
header .toggle_nav_container a,
header .logo_container a{
	display: block;
	padding: 0 16px;
    position: relative;
    /* Font-Stuff */
    font-style: normal;
    text-decoration: none;
    border: none;
}

/* Logo */

header .logo_container{
    top: 0;
    left: 0;
    position: absolute;
	z-index: 19;
}

header .logo_container a{
	width: 214px;
    height: 64px;
    line-height: 64px;
    display: inline-block;
}

header .logo_container img{
    margin: -4px 0 0 0;
    height: 34px;
    width: auto;
    display: inline;
    vertical-align: middle;
}

/* NAVIGATION RIGHT (SEACRH / MEMBER / SHOP) */

header .shop_navigation{
	height: 64px;
    display: block;
	background: #99CC66;
	position: relative;
}

header .shop_navigation .mod_customnav{
    top: 0;
    right: 0;
    position: absolute;
	z-index: 18;
}

header .shop_navigation .mod_customnav ul li a{
    height: 88px;
	line-height: 88px;
}

header .shop_navigation .mod_customnav ul li:first-child,
header .shop_navigation .mod_customnav ul li.first{
	float: none;
	overflow: hidden;
	opacity: 0;
}

header .shop_navigation .mod_customnav ul li:first-child a,
header .shop_navigation .mod_customnav ul li.first a{
    height: 64px;
	line-height: 64px;
}

header .shop_navigation .mod_customnav ul li:last-child span:last-child{margin: 0 0 0 4px;}

header .shop_navigation .mod_customnav .mod_form{
    min-width: 460px;
    height: 64px;
	top:0;
	right: 0;
	position: absolute;
	padding: 0 16px;
}

header .shop_navigation .mod_customnav .mod_form form{float: right;}

header .shop_navigation .mod_customnav .mod_form .formbody > div{float: left;}

header .shop_navigation .mod_customnav .mod_form .formbody > div:first-child,
header .shop_navigation .mod_customnav .mod_form .formbody > div.first{padding: 0 16px 0 0;}

header .shop_navigation .mod_customnav .mod_form .formbody input{height: 64px;}

header .shop_navigation .mod_customnav .mod_form .formbody .search_input input{padding: 0 24px;}

header .shop_navigation .mod_customnav .mod_form .formbody input.submit{
    margin: 0;
    border: none;
    background: none;
}

/* DROPDOWNS */

header .dropdowns > div{
	width: 100%;
	top: 152px;
	position: absolute;
	background: #D4D4D4;
	padding: 40px 32px 48px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	overflow: hidden;
	border-bottom: 8px solid #FEFEFE;
}

header .mod_form form{
	max-width: 650px;
	margin: 0 auto;
}

header .dropdowns > .mod_login > .inner{
	max-width: 1120px;
	margin: 0 auto;
}

header .dropdowns .login_modal{
    float: left;
    width: 50%;
    padding: 16px 0;
    padding-right: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #999;
}

header .dropdowns .personal_modal{
    float: left;
    width: 50%;
    padding: 16px 0;
    padding-right: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header .dropdowns .mod_login form{max-width: 100%;}

header .dropdowns .login_modal .formbody > label{padding: 12px 0 4px;}

header .dropdowns .login_modal .checkbox_container{padding: 12px 0;}

header .dropdowns .login_modal .checkbox_container:after{
    content: "";
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    float: none;
    clear: both;
} /* clearfloat */

header .dropdowns .login_modal .checkbox_container label{
	display: inline-block;
    vertical-align: middle;
}
header .dropdowns .login_modal .checkbox_container input{
	display: inline-block;
    vertical-align: middle;
	margin: 0 0 0 8px;
}

header .dropdowns .register_modal{
	float: left;
    width: 50%;
    padding: 16px 0;
    padding-left: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header .dropdowns .account_navigation_modal{
	float: left;
    width: 50%;
    padding: 16px 0;
    padding-left: 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #999;
}

header .dropdowns .personal_modal > div{float: right;}

header .dropdowns .account_navigation_modal li{float: none;}

header .dropdowns .account_navigation_modal li a{
	display: inline-block;
    padding: 0;
	margin: 0 0 0 16px;
	font-style: italic;
    border-bottom: 1px solid #99CC66;
}

header .dropdowns .account_navigation_modal ul{padding: 0 0 12px;}

header p.empty,
header .empty_cart{
    max-width: 1120px;
    margin: 0 auto;
}

header .mod_iso_cart form{
	max-width: 650px;
	margin: 0 auto;
}

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

	header .mod_iso_cart form{
		max-height: 55vh;
		overflow: hidden;
		overflow-y: auto;
		padding-left: 56px;
		padding-right: 56px;
	}

}

header .mod_iso_cart .cart_item{
	float: none;
	min-height: 55px;
	border-bottom: 1px solid #999;
}

header .mod_iso_cart > p{display: none;}

header .mod_iso_cart .cart_item table{width:100%;}

header .mod_iso_cart .cart_item tr{width:100%;}

header .mod_iso_cart .cart_item .quantity{
    width: 56px;
    padding: 0 16px 0 0;
}

header .mod_iso_cart .cart_item .quantity input{
	text-align: center;
    width: 56px;
    height: 55px;
}

header .mod_iso_cart .cart_item .info{
	line-height: 56px;
    position: relative;
}

header .mod_iso_cart .cart_item .info > div:first-child,
header .mod_iso_cart .cart_item .info > div.first{
	max-width: calc(100% - 93px);
	display: inline-block;
	float: left;
}

header .mod_iso_cart .cart_item .info > div:last-child{
	display: inline-block;
	float: right;
}

header .mod_iso_cart .cart_item .info .remove_item{
	width: 56px;
	height: 56px;
    line-height: 56px;
    display: block;
    padding: 0 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	right: -56px;
	top: 0;
	position: absolute;
	overflow: hidden;
	font-style: normal;
	border: none;
}

header.updating_cart .mod_iso_cart .cart_item .info .remove_item{display: none;}

header .mod_iso_cart .cart_item .info .remove_item div{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 0 0 4px;
    vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #FCFCFC;
	background: #F8F7F5;
	/* PREPARE ANIMATION */
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	/* Animation */
    -webkit-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
	-ms-transition: -ms-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	-o-transition: -o-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	-moz-transition: -moz-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
  	-webkit-transition: -webkit-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	transition: transform 120ms cubic-bezier(.36,1.01,.32,1.24);
}

header .mod_iso_cart .cart_item .info .remove_item:hover div{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

header .mod_iso_cart .cart_item .info .remove_item img{
	width: 8px;
	height: 8px;
	display: block;
	padding: 5px;
}

header .mod_iso_cart .cart_item:first-child,
header .mod_iso_cart .cart_item.first{
	border-top: 1px solid transparent;
	margin-top: -1px;
}

header .mod_iso_cart .delete_hover:first-child,
header .mod_iso_cart .delete_hover.first,
header .mod_iso_cart .delete_hover{
	border-bottom: 1px solid #FF5E54;
	margin-top: -1px;
    border-top: 1px solid #FF5E54;
	background: url(../../files/goenninger_samen/ui/diagonal_lines_red.png) repeat;
}
header .mod_iso_cart .delete_hover a{border: none;}

header .mod_iso_cart .sum_up_cart > span{
	display: block;
	text-align: right;
}

header .mod_iso_cart .sum_up_cart > span:first-child,
header .mod_iso_cart .sum_up_cart > span.first{padding: 24px 0 0 0;}

header .mod_iso_cart .sum_up_cart > span:last-child{
	font-style: italic;
	max-width: 100%;
	padding: 0 0 16px 0;
}

header .mod_iso_cart .submit_container{
	position: relative;
	text-align: right;
}

header .mod_iso_cart .button_update{
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	top: -71px;
	left: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	overflow: hidden;
	color: transparent;
	background-color: #FEFEFE;
	background-image: url(../../files/goenninger_samen/ui/update_cart_icon.svg);
	background-position: center center;
    background-repeat: no-repeat;
	border: none;
	/* PREPARE ANIMATION */
	-webkit-transition-property: -webkit-transform, background-color;
    -moz-transition-property: -moz-transform, background-color;
    -o-transition-property: -o-transform, background-color;
    -ms-transition-property: -ms-transform, background-color;
    transition-property: transform, background-color;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	/* Animation */
	-webkit-animation: spin 864ms linear infinite;
    -moz-animation: spin 864ms linear infinite;
    animation: spin 864ms linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { transform: rotate(360deg); } }

header.updating_cart .dropdowns .mod_iso_cart .button_update{
	background-color: transparent;
	-ms-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	-o-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	-moz-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
  	-webkit-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
    -webkit-animation-play-state: running;
    animation-play-state: running;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
}

header .mod_iso_cart .button_update:hover{
	color: transparent !important;
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
}

header .mod_iso_cart .button_checkout{
	float: right;
}

header .mod_iso_cart .button_cart{display: none;}

header .dropdowns .product_list{
    width: 102%;
    margin: 0 -1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header .dropdowns .product_list:after{
    content: "";
    width: 1px;
    height: 1px;
    display: block;
	margin: 0 -1px -1px 0;
    float: none;
    clear: both;
}

header .dropdowns .product_list > div:first-child,
header .dropdowns .product_list > div.first{margin: 0 0 0 1%;}

header .dropdowns .product_list .product{
	float: left;
    width: 31.25%;
    margin: 0 1%;
    display: block;
}

/* MAIN NAV */

#nav{
	position: relative;
	background: #FEFEFE;
	background: #FDFEFC url("../../files/goenninger_samen/ui/white_noise.png") top center repeat;
    border-bottom: 1px solid #D4D4D4;
}

#nav:before{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background: #FFFFFF;
}

#nav:after{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    top: 86px;
    left: 0;
    position: absolute;
    z-index: 6;
    background: #FFFFFF;
}

#nav ul.level_1 > li > a,
#nav ul.level_1 > li > span{
	height: 88px;
	line-height: 88px;
}

#nav ul.level_2{
	width: 100%;
	top: 89px;
	left: 0;
	position: absolute;
	z-index: -1;
	background: #E3E3E3;
	border-bottom: 1px solid #D4D4D4;
}

header #nav ul.level_2:before{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(254,254,254,0.125);
}

#nav .trail > ul.level_2,
#nav .active > ul.level_2,
#nav .trail > .filter_search,
#nav .active > .filter_search{display: block;}

#nav ul.level_2 > li > a,
#nav ul.level_2 > li > span{
	height: 58px;
	line-height: 58px;
	display: block;
}

#nav ul.level_2 > li a[href^="katalog.html"]:before{
	content:"";
	width: 28px;
    height: 48px;
    display: block;
	margin: 2px 16px 0 0;
    float: left;
   	background: url(../../files/goenninger_samen/ui/sprite_shop_icons.svg) no-repeat;
   	background-position: 0 -2px;
}

#nav ul.level_2 > li a[href^="register.html"]:before{
	content:"";
	width: 28px;
    height: 48px;
    display: block;
	margin: 2px 16px 0 0;
    float: left;
   	background: url(../../files/goenninger_samen/ui/sprite_shop_icons.svg) no-repeat;
   	background-position: -28px -2px;
}

#nav ul.level_2 > li a[href^="produktliste.html"]:before{
	content:"";
	width: 28px;
    height: 48px;
    display: block;
	margin: 2px 16px 0 0;
    float: left;
   	background: url(../../files/goenninger_samen/ui/sprite_shop_icons.svg) no-repeat;
   	background-position: -56px -2px;
}

/**
 * ------------------------------------------
 * Animation
 * ------------------------------------------
 */

/* HOVER-DOTS */

header .level_1 > li > a .small_hover_dot{
	background: url(../../files/goenninger_samen/ui/sprite_navigation.svg) no-repeat;
   	background-position: top left;
	width: 8px;
   	height: 8px;
   	display: inline-block;
	top: 15px;
   	left: 50%;
	position: absolute;
	margin: 0 0 0 -4px;
	/* PREPARE ANIMATION */
	will-change: auto;
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
	-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    transition-property: transform, opacity;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
   	/* SPEED & TIMING */
	-webkit-transition: -webkit-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	-ms-transition: -ms-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	-o-transition: -o-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	-moz-transition: -moz-transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
	transition: transform 396ms cubic-bezier(.36,1.01,.32,1.1), opacity 396ms cubic-bezier(0.215,0.61,0.355,1);
   	/* VALUES TO ANIMATE */
   	opacity: 0;
   -webkit-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   -ms-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
   transform: translate3d(0,25px,0) rotate(0deg) scale3d(1,1,1);
}

/* no-touch only (Hover-Animation)! */
.no-touchevents header:hover .level_1 > li > a .small_hover_dot{will-change: transform, opacity;}

header .mod_customnav .level_1 > li > a .small_hover_dot{background-position: center top;}

.visible_search header .mod_customnav .level_1 > li.first > a .small_hover_dot,
.visible_login header .mod_customnav .level_1 > li:nth-child(2) > a .small_hover_dot,
.visible_bag header .mod_customnav .level_1 > li.last > a .small_hover_dot{background-position: center bottom;}

@media only screen and (min-width: 901px){
    header li.jump_link > a > .small_hover_dot{background-position: left bottom !important;}
}

header .level_1 > li.active > a .small_hover_dot,
header .level_1 > li.active > span .small_hover_dot,
header .level_1 > li.trail > a .small_hover_dot,
header .level_1 > li.trail > span .small_hover_dot,
.visible_search header .mod_customnav .level_1 > li.first > a .small_hover_dot,
.visible_login header .mod_customnav .level_1 > li:nth-child(2) > a .small_hover_dot,
.visible_bag header .mod_customnav .level_1 > li.last > a .small_hover_dot{
	-webkit-transition: -webkit-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	-ms-transition: -ms-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	-o-transition: -o-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	-moz-transition: -moz-transform 462ms cubic-bezier(.36,1.01,.32,1.12);
	transition: transform 462ms cubic-bezier(.36,1.01,.32,1.12);
   	opacity: 1;
	-webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

/* no-touch only (Hover-Animation)! */
.no-touchevents header .level_1 > li > a:hover .small_hover_dot{
   	opacity: 1 !important;
	-webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
}

/* DROPDOWNS */

header .dropdowns > div{
	display: block;
	overflow: hidden;
	/* PREPARE ANIMATION */
	will-change: auto;
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
   	/* SPEED & TIMING */
   -webkit-transition: -webkit-transform 324ms cubic-bezier(.645,.045,.355,1);
   -moz-transition: -moz-transform 324ms cubic-bezier(.645,.045,.355,1);
   -o-transition: -o-transform 324ms cubic-bezier(.645,.045,.355,1);
   transition: transform 324ms cubic-bezier(.645,.045,.355,1);
	/* VALUES TO ANIMATE */
   -webkit-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
   -ms-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
	transform: translate3d(0,-100%,0) rotate(0deg) scale3d(1,1,1);
}

header .dropdowns > div:after{
	content: "";
	width: 200%;
	height: 8px;
	display: block;
	left: 0;
	bottom: -8px;
	position: absolute;
	background: #FEFEFE;
	border-top: 1px solid rgba(0,0,0,0.2);
}

header .dropdowns > div.will_change{will-change: transform;}

.visible_search header .dropdowns > .mod_form,
.visible_login header .dropdowns > .mod_login,
.visible_bag header .dropdowns > .mod_iso_cart{
	-webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
 	box-shadow:
        0px 2px 4px rgba(0,0,0,0.15),
        0px 5px 15px rgba(0,0,0,0.1),
        0px 10px 40px rgba(0,0,0,0.05);
}

#header .dropdowns > div > form,
#header .dropdowns > div > div{
	/* PREPARE ANIMATION */
	will-change: auto;
	-webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    transition-property: transform, opacity;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	-ms-transform: translateZ(0);
   	-o-transform: translateZ(0);
   	-moz-transform: translateZ(0);
   	-webkit-transform: translateZ(0);
   	transform: translateZ(0);
	/* SPEED & TIMING */
   	-ms-transition: -ms-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
   	-o-transition: -o-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
   	-moz-transition: -moz-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
   	-webkit-transition: -webkit-transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
	transition: transform 546ms cubic-bezier(.645,.045,.355,1), opacity 482ms cubic-bezier(.645,.045,.355,1);
	/* VALUES TO ANIMATE */
   	opacity: 0;
   	-webkit-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
   	-moz-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
   	-ms-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
   	-o-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
	transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
}

#header .dropdowns > div.will_change > form,
#header .dropdowns > div.will_change > .inner{will-change: transform, opacity;}

.visible_search #header .mod_form > form,
.visible_login #header .mod_login > div,
.visible_bag #header .mod_iso_cart > div,
.visible_bag #header .mod_iso_cart > form{
	opacity: 1;
	-webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.cart_notification{
	color: #FFFFFF;
	top: 0;
	right: 0;
  	left: 0;
	position: fixed;
	z-index: 2001;
	padding: 40px 0 16px;
	margin: -24px 0 0;
	display: block;
	text-align: center;
  	overflow: hidden;
	-webkit-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-moz-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-ms-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-o-transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	transition: all .4s cubic-bezier(.36,1.01,.32,1.12);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	background: rgb(103,154,52);
}

.cart_notification.active_notification{
	-webkit-transform: translateY(0);
  	-moz-transform: translateY(0);
  	-ms-transform: translateY(0);
  	-o-transform: translateY(0);
  	transform: translateY(0);
}

/**
 * ------------------------------------------
 * Responsive
 * ------------------------------------------
 */

/* ADAPT NAVIGATION */

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

	header nav,
	header #nav ul.level_2,
    header .logo_container figure{padding: 0 12px;}

    .art_no,
    .alphabet{padding: 0 8px;}

    header li > a,
    header li > span,
    header .logo_container a,
	header .shop_navigation .mod_customnav .mod_form{padding: 0 12px;}

	header .dropdowns > div{padding: 32px 24px 40px;}

    header .mod_iso_cart > form{
       padding: 0 60px 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

	header .dropdowns .product_list .product{width: 48%;}

	header .dropdowns .product_list .product_0{display: none;}

    header .shop_navigation .mod_customnav .mod_form .formbody > div:first-child,
    header .shop_navigation .mod_customnav .mod_form .formbody > div.first{padding: 0 12px 0 0;}

}

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

	header #nav ul.level_2{
		display: none !important;
	}

	header.blognavigation #nav .magazin_links ul.level_2{
		display: block !important;
	}

}

@media only screen and (max-width: 900px){
	/*
	.level_2 a[href="katalog.html"]{display: none !important;}
	*/
}

/* SWITCH TO MOBILE NAVIGATION */

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

	.no-touchevents header{position: relative;}

    header nav,
	header #nav ul.level_2,
    .art_no,
    .alphabet{padding: 0;}

	header li > a,
	header li > span,
	header .logo_container a,
	header .toggle_nav_container a{padding: 0 16px;}

	header .logo_container{
        padding: 0;
        position: relative;
        border-bottom: 1px solid #D4D4D4;
    }

    header .logo_container a{
        height: 79px;
        text-align: center;
    	display: block;
	}

	header .logo_container img{margin: 8px 0 0 0;}

    header .shop_navigation{
        height: 60px;
        background: #E3E3E3;
        position: inherit;
    }

    header .shop_navigation:before{
		content: "";
		width: 100%;
		height: 60px;
		background: #E3E3E3;
		top: 80px;
		left: 0;
		position: absolute;
		z-index: 98;
	}

	header .shop_navigation .toggle_nav_container{
		padding: 0 8px;
        display: block;
        float: left;
		background: #E3E3E3;
		position: relative;
		z-index: 101;
    }

    header .shop_navigation .toggle_nav_container a{
		height: 60px;
		line-height: 60px;
	}

	header .shop_navigation .toggle_nav_container a:before{
		content: "";
		width: 8px;
		height: 8px;
		display: block;
		margin: 25px 16px 25px 0;
		float: left;
        background: url(../../files/goenninger_samen/ui/sprite_navigation.svg) no-repeat;
   	    background-position: top right;
	}

	header .shop_navigation .toggle_nav_container.actv a:before{background-position: bottom right;}

	header .shop_navigation .mod_customnav{
		top: 80px;
		z-index: 99;
	}

    header .shop_navigation .mod_customnav .mod_form{display: none;}

    header .shop_navigation .mod_customnav ul li:first-child,
    header .shop_navigation .mod_customnav ul li.first{
		float: left;
		opacity: 1;
	}

    header .shop_navigation .mod_customnav ul li:first-child a,
    header .shop_navigation .mod_customnav ul li.first a,
    header .shop_navigation .mod_customnav ul li a{
        height: 60px;
        line-height: 60px;
    }

    header .shop_navigation .mod_customnav ul li:last-child span:last-child{margin: 0 8px 0 4px;}

    header .shop_navigation nav a .small_hover_dot{display: none;}

    header .dropdowns > div{
		padding: 92px 24px 40px;;
		display: none;
		border-bottom: none;
		top: 0;
		position: relative;
	   -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	   -moz-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	   -ms-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	   -o-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
		transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1);
	}

	.visible_search header .dropdowns > .mod_form,
	.visible_login header .dropdowns > .mod_login,
	.visible_bag header .dropdowns > .mod_iso_cart{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
    	box-shadow: none;
	}

	header .dropdowns > div:after{display: none;}
    #header .dropdowns > div > form,
    #header .dropdowns > div > div{
        /* PREPARE ANIMATION */
        will-change: auto;
        /* SPEED & TIMING */
        -ms-transition: -ms-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        -o-transition: -o-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        -moz-transition: -moz-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        -webkit-transition: -webkit-transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        transition: transform 420ms cubic-bezier(.645,.045,.355,1), opacity 420ms cubic-bezier(.645,.045,.355,1);
        /* VALUES TO ANIMATE */
        opacity: 0;
        -webkit-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        -moz-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        -ms-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        -o-transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
        transform: translate3d(0,-64px,0) rotate(0deg) scale3d(1,1,1);
    }

    header .dropdowns input[value="Suchen"]{
        float: right;
        margin: 12px 0 0;
    }

    #header .dropdowns > div.will_change > form,
    #header .dropdowns > div.will_change > .inner{will-change: transform, opacity;}

    .visible_search #header .mod_form > form,
    .visible_login #header .mod_login > div,
    .visible_bag #header .mod_iso_cart > div{
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    header .dropdowns .login_modal{
		float: none;
		width: 100%;
		padding: 0;
		border-right: none;
	}

	header .dropdowns .register_modal{
		float: none;
		width: 100%;
		padding: 0;
	}

    header .dropdowns .register_modal{padding: 32px 0 0;}

    header .mod_iso_cart form{padding: 0;}

	header .mod_iso_cart .cart_item{
		height: auto;
        min-height: 135px;
        border: none;
	}

	header .mod_iso_cart .cart_item .quantity{padding: 0 16px 60px 0;}

	header .mod_iso_cart .cart_item .info{
        line-height: 30px;
        padding: 15px 0 32px 0;
    }

    header .mod_iso_cart .cart_item .info > div:first-child,
    header .mod_iso_cart .cart_item .info > div.first{font-weight: bold;}

	header .mod_iso_cart .cart_item .info > div:first-child,
	header .mod_iso_cart .cart_item .info > div.first,
	header .mod_iso_cart .cart_item .info > div:last-child{
		display: block;
		float: none;
	}

	header .mod_iso_cart .cart_item .info .remove_item{
		right: auto;
    	left: -76px;
    	top: 60px;
	}

    header .mod_iso_cart .sum_up_cart{border-top: 1px solid #999999;}

    header .dropdowns .product_list{
		width: 100%;
		margin: 0;
	}

	header .dropdowns .product_list .product{
		float: none;
		width: 100%;
		margin: 0;
	}

    header #nav{
        display: none;
        height: auto;
		position: relative;
		border-bottom: 8px solid #E3E3E3;
    }

	#nav:before,
    #nav:after{display: none;}

    header #nav li{float: none;}

    header #nav ul.level_1 li > a,
    header #nav ul.level_2 li > span{
        border-top: 1px solid #D4D4D4;
        height: 59px;
        line-height: 59px;
    }

    header #nav a .small_hover_dot,
    header #nav ul.level_2 span .small_hover_dot{
        background: url(../../files/goenninger_samen/ui/sprite_navigation.svg) no-repeat;
   	    background-position: top left;
        width: 8px;
   	    height: 8px;
   	    display: block;
		position: relative;
        float: left;
        margin: 25px 16px 25px 8px;
		/* reset hover-stuff */
		left: 0;
		top: 0;
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
    }

	header #nav ul.level_2{
		top: 0;
		position: relative;
    	z-index: inherit;
		display: none;
	}

	header #nav a[href="katalog.html"] + ul.level_2 .small_hover_dot{
		display: none !important;
	}

    header #nav ul.level_2 span .small_hover_dot,
    header #nav ul.level_2 a .small_hover_dot{
   	    background-position: top left;
        margin: 25px 16px 25px 32px;
    }

	header #nav li.submenu > a .small_hover_dot{background-position: top center;}

    header #nav li.submenu > a span:nth-child(2):after{
        content: "";
        background: url(../../files/goenninger_samen/ui/sprite_navigation.svg) no-repeat;
   	    background-position: top right;
        width: 8px;
        height: 8px;
        display: block;
        margin: 25px;
        text-align: center;
        top: 0;
        right: 0;
        position: absolute;
        z-index: 8;
    }

	header #nav li.submenu > a.trail span:nth-child(2):after,
	header #nav li.submenu > a.active span:nth-child(2):after,
	header #nav li.submenu > a.actv span:nth-child(2):after{background-position: bottom right;}

    header #nav li.submenu > a:after{
        content: "";
        background: #F0F0F0;
        width: 60px;
        height: 60px;
        display: block;
        top: 0;
        right: 0;
        position: absolute;
    }

	header #nav li.submenu:nth-child(2) > a .small_hover_dot{background-position:top left;}

	header #nav li.submenu:nth-child(2) > a:after{display:none;}

	header #nav li.submenu:nth-child(2) > a span:nth-child(2):after{display:none;}

	header #nav li.submenu:nth-child(2) ul.level_2{display: none !important;}

	header #nav ul.level_2 li{background: #F0F0F0;}

}

/* ADAPT NAVIGATION */

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

    header .dropdowns .login_modal .mobile_only{
		padding: 24px 0 0;
		display: inline-block;
	}

    header .dropdowns .register_modal{display: none;}

    header .dropdowns .personal_modal{
		float: none;
        text-align: center;
		width: 100%;
		padding: 0;
	}

    header .dropdowns .personal_modal > div{float: none;}

	header .dropdowns .account_navigation_modal{
		float: none;
        text-align: center;
		width: 100%;
		padding: 0;
		border-left: none;
	}

    header .dropdowns .account_navigation_modal li{display: inline-block;}

    header .dropdowns .account_navigation_modal input{margin:0 auto;}

    header .dropdowns .mod_iso_cart .empty_cart .product_list{display: none;}
    header .dropdowns .mod_iso_cart .empty_cart .mobile_only{display: block;}

    header .logo_container a{margin: 0 auto;}
}

/* ADAPT NAVIGATION */

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

    header .shop_navigation .toggle_nav_container {padding: 0;}

    header .toggle_nav_container a{padding-right: 40px;}

    header .shop_navigation .mod_customnav ul{
        height: 60px;
        overflow: hidden;
    }

    header .shop_navigation .mod_customnav ul li{
        width: 60px;
        overflow: hidden;
		position: relative;
    }

    header .shop_navigation .mod_customnav ul li:last-child{width: auto;}

    header .shop_navigation .mod_customnav ul li:last-child a{display: inline-block;}

    header .shop_navigation .mod_customnav ul li:last-child span{
        float: left;
		height: 60px;
        top: 0;
		position: relative;
    }

    header .shop_navigation .mod_customnav ul li:last-child span:first-child,
    header .shop_navigation .mod_customnav ul li:last-child span.first{height: 0;}

    header .shop_navigation .mod_customnav ul li:last-child span:nth-child(2){
        width: 60px;
        overflow: hidden;
    }

    header .shop_navigation .mod_customnav ul li.last{background: #99CC66;}

    header .shop_navigation .mod_customnav ul li:first-child a:after,
    header .shop_navigation .mod_customnav ul li.first a:after,
	header .shop_navigation .mod_customnav ul li:nth-child(2) a:after,
	header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after{
		content: "";
		text-align: center;
		width: 60px;
		height: 60px;
		display: block;
        background: #99CC66 url(../../files/goenninger_samen/ui/sprite_mobile_icons.svg) no-repeat;
		top: 0;
		left: 0;
		position: absolute;
	}

    header .shop_navigation pre{display:none;}

    .visible_search header .shop_navigation .mod_customnav ul li:first-child a:after,
    .visible_search header .shop_navigation .mod_customnav ul li.first a:after,
	.visible_login header .shop_navigation .mod_customnav ul li:nth-child(2) a:after,
	.visible_bag header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after{background: #D4D4D4 url(../../files/goenninger_samen/ui/sprite_mobile_icons.svg) no-repeat}

    .visible_bag header .shop_navigation .mod_customnav ul li.last{background: #D4D4D4;}

    header .shop_navigation .mod_customnav ul li a{padding: 0;}

    .visible_search header .shop_navigation .mod_customnav ul li:first-child a:after,
    .visible_search header .shop_navigation .mod_customnav ul li.first a:after,
    header .shop_navigation .mod_customnav ul li:first-child a:after,
    header .shop_navigation .mod_customnav ul li.first a:after{background-position: top left;}

	.visible_login header .shop_navigation .mod_customnav ul li:nth-child(2) a:after,
	header .shop_navigation .mod_customnav ul li:nth-child(2) a:after{background-position: top center;}

    .visible_bag header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after,
	header .shop_navigation .mod_customnav ul li.last span:nth-child(2):after{background-position: top right;}

    header .shop_navigation .mod_customnav ul li:last-child span:last-child{
        font-size: 20px;
        color: #FFFFFF;
        -moz-font-feature-settings: "onum=0, tnum=0, zero=0, kern=0, liga=0";
        -moz-font-feature-settings: "onum" 0, "tnum" 0, "zero" 0, "kern" 0, "liga" 0;
        -webkit-font-feature-settings: "onum" 0, "tnum" 0, "zero" 0, "kern" 0, "liga" 0;
        font-feature-settings: "onum" 0, "tnum" 0, "zero" 0, "kern" 0, "liga" 0;
        line-height: 61px;
        margin: 0 16px 0 -8px;
    }

    header .dropdowns > div{padding: 84px 16px 32px;}

	header #nav a .small_hover_dot{margin: 25px 16px 25px 0;}

    header #nav ul.level_2 a .small_hover_dot{margin: 25px 16px 25px 24px;}

}

/* ADAPT NAVIGATION */

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

	header .logo_container{
		padding-bottom: 60px;
	}

    header .shop_navigation{
		height: 60px;
		background: #99CC66;
        text-align: center;
	}

    header .shop_navigation:before{background: #99CC66;}

    header .shop_navigation .toggle_nav_container{
        width: 100%;
        height: 60px;
		text-align: center;
    }

	header .shop_navigation .toggle_nav_container a{padding-right: 0;}

    header .shop_navigation .toggle_nav_container a:before{
		top: 50%;
		left: 50%;
		position: absolute;
		margin: -4px 0 0 -58px;
	}

    header .shop_navigation .mod_customnav{width: 100%;}

    header .shop_navigation .mod_customnav ul.level_1{display: inline-block;}

    header .dropdowns > div{padding: 24px 16px 32px;}

}

/* BIG-SCREEN-NAVIGATION */

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

    header nav,
	header #nav ul.level_2,
    .art_no,
    .alphabet{
		padding: 0 32px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

    #nav{
		width: 100%;
		display: inline-block;
    	top: 0;
    	position: absolute;
		background: transparent;
	}

	header .shop_navigation{
    	height: 88px;
		background: #FEFEFE;
	}

	header .logo_container{
		left: 50%;
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	header .logo_container img{
		margin: 0;
		padding: 24px 0 26px;
	}

    header .shop_navigation .mod_customnav ul li:first-child,
    header .shop_navigation .mod_customnav ul li.first{
		float: left;
		text-align: left;
		opacity: 1;
	}

	header .shop_navigation .mod_customnav ul li:first-child a,
	header .shop_navigation .mod_customnav ul li.first a{
		height: 88px;
		line-height: 88px;
		display: block;
	}

	header .dropdowns > div{
		top: 89px;
		padding: 56px 48px 64px;
	}

	header .mod_form{
		height: auto !important;
		min-width: 0 !important;
		right: auto !important;
		padding: 0 !important;
		transform: translateX(-100%) !important;
	}

	header .mod_form .formbody{
		display: flex;
	}

	header .mod_form .search_input input{
		height: 88px !important;
    	line-height: 88px !important;
		background: rgba(182,170,150,0.25);
	}

	header .mod_form .submit_container{
		display: inline-block;
		top: 0;
		left: 0 !important;
		right: auto !important;
		position: relative !important;
	}

	header .mod_form .submit_container input{
		font-size: inherit !important;
		text-transform: none !important;
		letter-spacing:  inherit !important;
		margin: 0;
		height: 88px !important;
    	line-height: 88px !important;
		border-radius: 0;
	}

}

/**
 * ------------------------------------------
 * STARTSEITE
 * ------------------------------------------
 */

.loading_overlay{
	display: none;
   	top: 0;
	right: 0;
   	bottom: 0;
   	left: 0;
   	position: absolute;
   	background: #FEFEFE;
   	z-index: 1;
   	-webkit-transition: opacity 450ms cubic-bezier(.645,.045,.355,1);
   	-moz-transition: opacity 450ms cubic-bezier(.645,.045,.355,1);
   	-o-transition: opacity 450ms cubic-bezier(.645,.045,.355,1);
   	transition: opacity 450ms cubic-bezier(.645,.045,.355,1);
}

.startseite .loading_overlay{display: block;}

.pace-done .loading_overlay{opacity: 0;}

.csstransforms .loading_overlay .animation{
  	font-size: 100px;
  	width: 10px;
  	height: 50px;
  	display: block;
  	position: absolute;
  	margin: -25px 0 0 -5px;
  	top: 50%;
  	left: 50%;
  	border-radius: 50%;
  	list-style: none;
}

.csstransforms .loading_overlay.activated .animation{
   	opacity: 1;
   	-webkit-transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
   	-moz-transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
   	-o-transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
   	transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
}

.csstransforms .loading_overlay .animation li{
  	position: absolute;
  	width: 10px;
  	height: 10px;
  	display: block;
  	border-radius: 5px;
  	/* PREPARE ANIMATION */
  	-moz-backface-visibility: hidden;
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  	-webkit-perspective: 1000;
  	-moz-perspective: 1000;
  	perspective: 1000;
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
}

.csstransforms .loading_overlay .animation li:nth-child(1){
  	left: 50%;
  	top: 0;
  	margin: 0 0 0 -.1em;
  	background: #99CC66;
  	-webkit-transform-origin: 50% 250%;
  	-moz-transform-origin: 50% 250%;
  	-ms-transform-origin: 50% 250%;
  	-o-transform-origin: 50% 250%;
  	transform-origin: 50% 250%;
  	-webkit-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	-moz-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	-ms-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	-o-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}

.csstransforms .loading_overlay .animation li:nth-child(2){
  	top: 50%;
  	right: 0;
  	margin: -.1em 0 0 0;
  	background: #CDCECC;
  	-webkit-transform-origin: -150% 50%;
  	-moz-transform-origin: -150% 50%;
  	-ms-transform-origin: -150% 50%;
  	-o-transform-origin: -150% 50%;
  	transform-origin: -150% 50%;
  	-webkit-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	-moz-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	-ms-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	-o-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}

.csstransforms .loading_overlay .animation li:nth-child(3){
  	left: 50%;
  	bottom: 0;
  	margin: 0 0 0 -.1em;
  	background: #C4B8A7;
  	-webkit-transform-origin: 50% -150%;
  	-moz-transform-origin: 50% -150%;
  	-ms-transform-origin: 50% -150%;
  	-o-transform-origin: 50% -150%;
  	transform-origin: 50% -150%;
  	-webkit-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	-moz-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	-ms-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	-o-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}

.csstransforms .loading_overlay .animation li:nth-child(4){
  	top: 50%;
  	left: 0;
  	margin: -.1em 0 0 0;
  	background: #679A34;
  	-webkit-transform-origin: 250% 50%;
  	-moz-transform-origin: 250% 50%;
  	-ms-transform-origin: 250% 50%;
  	-o-transform-origin: 250% 50%;
  	transform-origin: 250% 50%;
  	-webkit-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	-moz-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	-ms-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	-o-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}

.csstransforms .loading_overlay .animation li:nth-child(5){
  	bottom: 30%;
  	left: 30%;
  	margin: -.1em 0 0 0;
  	background: #E6E5E3;
  	-webkit-transform-origin: 100% -20%;
  	-moz-transform-origin: 100% -20%;
  	-ms-transform-origin: 100% -20%;
	-o-transform-origin: 100% -20%;
  	transform-origin: 100% -20%;
  	-webkit-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	-moz-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	-ms-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	-o-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
}

.csstransforms .loading_overlay .animation li:nth-child(6){
  	top: 30%;
  	right: 30%;
  	margin: 0 -.1em 0 0;
  	background: #B6AA96;
  	-webkit-transform-origin: 50% -120%;
  	-moz-transform-origin: 50% -120%;
  	-ms-transform-origin: 50% -120%;
  	-o-transform-origin: 50% -120%;
  	transform-origin: 50% -120%;
  	-webkit-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
  	-moz-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
  	-ms-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
	-o-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
	animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
}

@-webkit-keyframes rota{to{-webkit-transform: rotate(360deg);}}
@-moz-keyframes rota{to{-moz-transform: rotate(360deg);}}
@-ms-keyframes rota{to{-ms-transform: rotate(360deg);}}
@-o-keyframes rota{to{-o-transform: rotate(360deg);}}
@keyframes rota{to{transform: rotate(360deg);}}

@-webkit-keyframes opa{
	0%{opacity: 0.84;}
   	12%{opacity: 0.80;}
   	19.5%{opacity: 0.88;}
	37.2%{opacity: 0.64;}
   	40.5%{opacity: 0.52;}
   	52.7%{opacity: 0.69;}
   	60.2%{opacity: 0.60;}
   	66.6%{opacity: 0.52;}
   	70.0%{opacity: 0.63;}
   	79.9%{opacity: 0.60;}
   	84.2%{opacity: 0.75;}
   	91.0%{opacity: 0.87;}
	100%{opacity: 0.84;}
}

@-moz-keyframes opa{
	0%{opacity: 0.84;}
   	12%{opacity: 0.80;}
   	19.5%{opacity: 0.88;}
   	37.2%{opacity: 0.64;}
   	40.5%{opacity: 0.52;}
   	52.7%{opacity: 0.69;}
   	60.2%{opacity: 0.60;}
   	66.6%{opacity: 0.52;}
   	70.0%{opacity: 0.63;}
   	79.9%{opacity: 0.60;}
   	84.2%{opacity: 0.75;}
   	91.0%{opacity: 0.87;}
	100%{opacity: 0.84;}
}

@-ms-keyframes opa{
	0%{opacity: 0.84;}
   	12%{opacity: 0.80;}
   	19.5%{opacity: 0.88;}
   	37.2%{opacity: 0.64;}
   	40.5%{opacity: 0.52;}
   	52.7%{opacity: 0.69;}
   	60.2%{opacity: 0.60;}
   	66.6%{opacity: 0.52;}
   	70.0%{opacity: 0.63;}
   	79.9%{opacity: 0.60;}
   	84.2%{opacity: 0.75;}
   	91.0%{opacity: 0.87;}
	100%{opacity: 0.84;}
}

@-o-keyframes opa{
	0%{opacity: 0.84;}
   	12%{opacity: 0.80;}
   	19.5%{opacity: 0.88;}
   	37.2%{opacity: 0.64;}
   	40.5%{opacity: 0.52;}
   	52.7%{opacity: 0.69;}
   	60.2%{opacity: 0.60;}
   	66.6%{opacity: 0.52;}
   	70.0%{opacity: 0.63;}
   	79.9%{opacity: 0.60;}
   	84.2%{opacity: 0.75;}
   	91.0%{opacity: 0.87;}
	100%{opacity: 0.84;}
}

@keyframes opa{
	0%{opacity: 0.84;}
   	12%{opacity: 0.80;}
   	19.5%{opacity: 0.88;}
   	37.2%{opacity: 0.64;}
   	40.5%{opacity: 0.52;}
   	52.7%{opacity: 0.69;}
   	60.2%{opacity: 0.60;}
   	66.6%{opacity: 0.52;}
   	70.0%{opacity: 0.63;}
   	79.9%{opacity: 0.60;}
   	84.2%{opacity: 0.75;}
   	91.0%{opacity: 0.87;}
	100%{opacity: 0.84;}
}

.startseite article > .last,
.startseite .mod_article > .last{padding-top: 24px;}

#container{ min-height: calc( 100vh - 80px - 48px - 65px ); }

#main .widget{ padding-top: 16px !important; }

.checkbox_container > span{
	display: flex;
}

.checkbox_container > span input {
	margin-top: 4px;
	margin-right: 8px;
}

.mod_iso_checkout > h1,
.mod_iso_checkout > h2,
.mod_iso_checkout > p{
	max-width: 650px;
	margin: 0 auto;
}

.mod_iso_checkout #member_dropdown + *:not(form){ padding-top: 48px; }

.billingaddress .adresse_versand{ display: none !important; }
.shippingaddress .adresse_rechnung{ display: none !important; }

.billingaddress + .shippingaddress{ padding-top: 48px; }

.pakete .product_list .product + .product{ padding-top: calc( 48px + 3.125vw ); }
.pakete .product_list .product .ce_table td:first-child{ float: none; }

#main .mod_iso_productlist .product_list .product .product_hover_overlay .submit_container{ display: block !important; }
#main .mod_iso_productlist .product_list .product .product_hover_overlay .submit_container input{ margin: 0 auto !important; }

#main .login_modal > *{
	max-width: 650px;
	margin: 0 auto;
}

#main .register_modal{
	padding-top: calc( 48px );
}

#main .register_modal > *{
	max-width: 650px;
	margin: 0 auto;
}

/**
 * ------------------------------------------
 * BLOG
 * ------------------------------------------
 */

@media only screen and (min-width: 765px){
	#main .mod_news4wardList,
	#main .single_article {padding:60px 0 0 0;}
}

.blog_article{
	padding: 64px 0 128px;
    border-top: 1px solid #FAFAFA;
	border-bottom: 1px solid #D4D4D4;
}

.blog_article:first-child{
	padding: 0 0 128px;
    border-top: none;
}

.blog_article:last-child{border-bottom: none;}

/* Article Meta */

.article_meta .share_list {margin: 0 0 40px;}

/* Tags */

.tag_list{margin:36px 0 0;}

.tag_list li{
    display:inline-block;
    margin:0 6px 6px 0;
}

.tag_box{
    position:relative;
    padding:6px 10px;
    color:#666666;
    background:#F2F2F2;
    border:1px solid rgba(0,0,0,.03);
}

.tag_box:before{
    content:"";
    display:block;
    top:1px; right:1px; bottom:1px; left:1px; position:absolute;
    background:#f0f0f0;
}

.tag_box span{position:relative;}

/* Blog Divider */

.blog_article .divider{
	width: 200%;
    height: 2px;
    display: block;
    margin: 0 0 24px;
    position: relative;
    background: #99CC66;
}

/* Blog Footer */

.article_footer ul,
.article_footer ul li{list-style: none;}

.article_footer .tiny_type{
	max-width: 650px;
	text-align: center;
}

.article_footer .ce_text{padding: 0;}

.article_footer .ce_text:first-child li:last-child{padding: 0 0 16px 0;}

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

	.blog_article .stickem{max-width: 100%;}
	.blog_article .share_list{z-index: 1;}
	.blog_article .meta_list{
		display: inline-block;
		vertical-align: middle;
	}
	.blog_article .tag_list{
		max-width: 650px;
		margin: 0;
	}

}

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

	.blog_article .stickem{max-width: 650px;}
	.blog_article .divider_container{
		max-width: 650px;
		margin: 0 auto;
		padding: 0;
	}

}

/**
 * ------------------------------------------
 * SHOP
 * ------------------------------------------
 */

#main .submit_container{
	display: flex !important;
	justify-content: space-between !important;
	padding-top: 16px !important;
}

.submit_container input{ margin: 0 !important; }

/* Pakete */

.pakete .scroll_down_button{
	display: none !important;
}

article.pakete .product:not(:last-of-type){
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 64px;
}

article.pakete .product + .product{
	border-top: 1px solid #FAFAFA;
	padding-top: 64px;
}

article.pakete form{
	max-width: 100%;
}

article.pakete form .ce_table td:first-child{
	float: none;
}

.pakete .product > form{ max-width: 100%; }

/* */

@media only screen and (min-width: 765px){
	#main .mod_iso_productlist .product_list,
	#main #produkte_liste{padding:60px 0 0 0;}
}

.product .submit_container .add_to_wishlist{display: none;}

.filter_search{
	display: none;
	right: 0;
    position: absolute;
	z-index: -1;
}

.subnavigation .none_found input{
   color: red;
}

.filter_search input{
   width: auto !important;
   display: inline-block !important;
   height: 59px;
   line-height: 58px !important;
   padding: 0 32px 0 16px;
	-moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   border: none;
   outline: none !important;
   background-color: rgba(254,254,254,0.32);
   text-align: right;
}

@media only screen and (min-width: 1500px){
	.filter_search input{padding: 0 48px 0 32px;}
}

/* Shop Katalog */

#produkte_katalog .catalogue_view .product_list{
  width:102%;
  margin:1% -1%;
  padding: 0 48px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-transition: opacity 312ms 11ms ease-in-out;
  -moz-transition: opacity 312ms 11ms ease-in-out;
  -o-transition: opacity 312ms 11ms ease-in-out;
  transition: opacity 312ms 11ms ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
  -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
  -o-transition-timing-function: cubic-bezier(.645,.045,.355,1);
  transition-timing-function: cubic-bezier(.645,.045,.355,1);
  opacity: 1;
}

@media only screen and (max-width: 899px){
    #produkte_katalog .catalogue_view .product_list{padding: 2% 3% 0;}
}

#produkte_katalog .catalogue_view .product_list .product{
   	display: inline-block;
   	margin: 1%;
	min-height: 35vh;
	-moz-box-sizing:border-box;
   	-webkit-box-sizing:border-box;
   	box-sizing:border-box;
}

.pace-done #produkte_katalog .catalogue_view .product_list .product{
	min-height: 1px;
}

@media only screen and (min-width: 900px){
  	#produkte_katalog .catalogue_view .ce_accordion .ce_image,
	#produkte_katalog .catalogue_view .image_grid .ce_image,
	#produkte_katalog .catalogue_view .ce_accordion .ce_text,
	#produkte_katalog .catalogue_view .image_grid .ce_text{width: 40%;}
}
@media only screen and (min-width: 1800px){
  	#produkte_katalog .catalogue_view .ce_accordion .ce_image,
	#produkte_katalog .catalogue_view .image_grid .ce_image,
	#produkte_katalog .catalogue_view .ce_accordion .ce_text,
	#produkte_katalog .catalogue_view .image_grid .ce_text{width: 31.25%;}
}

/* Small */

@media only screen and (min-width: 900px){
  	#produkte_katalog .catalogue_view .col_small{width: 31.25%;}
}
@media only screen and (min-width: 1800px){
 	#produkte_katalog .catalogue_view .col_small{width: 23%;}
}

/* Medium */

@media only screen and (min-width: 900px){
  	#produkte_katalog .catalogue_view .col_medium{width: 40%;}
}
@media only screen and (min-width: 1800px){
  	#produkte_katalog .catalogue_view .col_medium{width: 31.25%;}
}

/* Large */

@media only screen and (min-width: 900px){
  	#produkte_katalog .catalogue_view .col_large{width: 56%;}
}
@media only screen and (min-width: 1800px){
  	#produkte_katalog .catalogue_view .col_large{width: 48%;}
}

.catalogue_view .product_list > .product{
   position: relative;
}

#produkte_katalog .catalogue_view .product_list .product .sku{
	display: none;
}

#produkte_katalog .catalogue_view .product_list .product .submit_container{
	margin-top: 4px;
	margin-bottom: 4px;
}

#produkte_katalog .catalogue_view .product_list .product .add_to_wishlist{
	margin-top: 4px;
	margin-bottom: 4px;
}

#produkte_katalog .catalogue_view .product_list .product .open_quickview{
	top: 12px;
	right: 12px;
	position: absolute;
}

@media only screen and (max-width: 899px){
    #produkte_katalog .catalogue_view .product_list .product .open_quickview{display: none;}
}

#produkte_katalog .catalogue_view .product_list .product .open_quickview a{
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: block;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	border: none;
}

.catalogue_view .product_hover_overlay{
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 16px;
	-moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   position: absolute;
	z-index: 7;
   text-align: left;
   opacity: 0;
   background: rgba(254,254,254,0.62);
   -moz-backface-visibility: hidden;
 	-webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   perspective: 1000;
   -webkit-transition: opacity 284ms ease-in-out;
   -moz-transition: opacity 284ms ease-in-out;
   -o-transition: opacity 284ms ease-in-out;
   transition: opacity 284ms ease-in-out;
   -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -o-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   transition-timing-function: cubic-bezier(.645,.045,.355,1);
}

.catalogue_view .product:hover .product_hover_overlay{
   opacity: 1;
}

.catalogue_view .product_hover_overlay > form{
   width: 100%;
   height: 100%;
   display: block;
   position: relative;
}

.catalogue_view .product_hover_overlay .formbody{
    width: 100%;
    display: block;
    top: 50%;
    left: 50%;
    position: absolute;
   -moz-backface-visibility: hidden;
 	-webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   perspective: 1000;
   -webkit-transition: all 200ms 64ms ease-in-out;
   -moz-transition: all 200ms 64ms ease-in-out;
   -o-transition: all 200ms 64ms ease-in-out;
   transition: all 200ms 64ms ease-in-out;
   -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -o-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -ms-transform: translate3d(-50%,-46%,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(-50%,-46%,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(-50%,-46%,0) rotate(0deg) scale3d(1,1,1);
   -webkit-transform: translate3d(-50%,-46%,0) rotate(0deg) scale3d(1,1,1);
   transform: translate3d(-50%,-46%,0) rotate(0deg) scale3d(1,1,1);
}

.catalogue_view .product:hover .product_hover_overlay .formbody{
   -ms-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
   -webkit-transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
   transform: translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);
}


.catalogue_view .product_hover_overlay .formbody > *{
   text-align: center;
}

.catalogue_view .product_hover_overlay .formbody input{margin: 0 auto;}

@media only screen and (max-width: 899px){
    .catalogue_view .product_hover_overlay{
        position: relative;
        opacity: 1;
    }
    .catalogue_view .product_hover_overlay .formbody{
        top: 0;
        left: 0;
        position: relative;
        padding-bottom: 50px;
        -ms-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1) !important;
        -o-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1) !important;
        -moz-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1) !important;
        -webkit-transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1) !important;
        transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1) !important;
    }
}

.quick_view ul.product_list > li{
   display: block;
   width: 61.875rem;
   margin-left: -30.9375rem;
   position: fixed;
   top: 50%;
   left: 50%;
   z-index: 55;
   background: #F8F7F5;
   -moz-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   perspective: 1000;
   -webkit-transition: 284ms 6ms ease-in-out;
   -moz-transition: 284ms 6ms ease-in-out;
   -o-transition: 284ms 6ms ease-in-out;
   transition: 284ms 6ms ease-in-out;
   -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -o-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -ms-transform: translate3d(0,-32%,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(0,-32%,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(0,-32%,0) rotate(0deg) scale3d(1,1,1);
	-webkit-transform: translate3d(0,-32%,0) rotate(0deg) scale3d(1,1,1);
	transform: translate3d(0,-32%,0) rotate(0deg) scale3d(1,1,1);
   opacity: 0;
   visibility: hidden;
}

.quick_view ul.product_list > li form{
   width: 100%;
	max-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
   padding: 32px;
   -moz-box-shadow:
      0px 2px 4px rgba(2,4,6,0.3),
      0px 5px 15px rgba(2,4,6,0.2),
      0px 10px 40px rgba(2,4,6,0.1);
   -webkit-box-shadow:
      0px 2px 4px rgba(2,4,6,0.3),
      0px 5px 15px rgba(2,4,6,0.2),
      0px 10px 40px rgba(2,4,6,0.1);
   box-shadow:
      0px 2px 4px rgba(2,4,6,0.3),
      0px 5px 15px rgba(2,4,6,0.2),
      0px 10px 40px rgba(2,4,6,0.1);
}

.quick_view ul.product_list > li .formbody{
   -webkit-transition: 284ms 6ms ease-in-out;
   -moz-transition: 284ms 6ms ease-in-out;
   -o-transition: 284ms 6ms ease-in-out;
   transition: 284ms 6ms ease-in-out;
   -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -o-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   transition-timing-function: cubic-bezier(.645,.045,.355,1);
   opacity: 0;
}

.visible_quickview .quick_view ul.product_list > li{
   -webkit-transition: 0ms 0ms;
   -moz-transition: 0ms 0ms;
   -o-transition: 0ms 0ms;
   transition: 0ms 0ms;
}

.quick_view ul.product_list > li.visible_product{
   -ms-transform: translate3d(0,-50%,0) rotate(0deg) scale3d(1,1,1);
   -o-transform: translate3d(0,-50%,0) rotate(0deg) scale3d(1,1,1);
   -moz-transform: translate3d(0,-50%,0) rotate(0deg) scale3d(1,1,1);
	-webkit-transform: translate3d(0,-50%,0) rotate(0deg) scale3d(1,1,1);
	transform: translate3d(0,-50%,0) rotate(0deg) scale3d(1,1,1);
   opacity: 1;
   visibility: visible;
}

.quick_view ul.product_list > li.visible_product .formbody{
   -webkit-transition: 0ms 0ms ease-in-out;
   -moz-transition: 0ms 0ms ease-in-out;
   -o-transition: 0ms 0ms ease-in-out;
   transition: 0ms 0ms ease-in-out;
   opacity: 1;
}

.visible_quickview .quick_view ul.product_list > li .formbody{
   -webkit-transition: 395ms 3ms ease-in-out;
   -moz-transition: 395ms 3ms ease-in-out;
   -o-transition: 395ms 3ms ease-in-out;
   transition: 395ms 3ms ease-in-out;
   -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   -o-transition-timing-function: cubic-bezier(.645,.045,.355,1);
   transition-timing-function: cubic-bezier(.645,.045,.355,1);
}

.quick_view ul.product_list > li form{
   position: relative;
}

.quick_view ul.product_list > li .formbody{
    display: inline-block;
}

.quick_view ul.product_list > li .formbody > div{
   width: 50%;
   display: inline-block;
   vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    position: relative;
}

.quick_view ul.product_list > li .formbody > div.right{
   padding: 0 0 0 32px;
}

.quick_view ul.product_list > li  h4{
   padding: 0;
}

.quick_view ul.product_list > li .add_to_wishlist{
   margin-top: 16px;
}

.quick_view ul.product_list > li .add_to_cart{
   margin: 8px 0;
}

.close_quickview{
   width: 48px;
   height: 48px;
   -moz-border-radius: 100%;
   -webkit-border-radius: 100%;
   border-radius: 100%;
   line-height: 48px;
   display: block;
   text-align: center;
   top: -19px;
   right: -19px;
   position: absolute;
   background: #FEFEFE;
   -moz-box-shadow:
      0px 1px 2px rgba(2,4,6,0.075),
      0px 2px 6px rgba(2,4,6,0.05),
      0px 5px 20px rgba(2,4,6,0.025);
   -webkit-box-shadow:
      0px 1px 2px rgba(2,4,6,0.075),
      0px 2px 6px rgba(2,4,6,0.05),
      0px 5px 20px rgba(2,4,6,0.025);
   box-shadow:
      0px 1px 2px rgba(2,4,6,0.075),
      0px 2px 6px rgba(2,4,6,0.05),
      0px 5px 20px rgba(2,4,6,0.025);
}

.close_quickview a{
   width: 10px;
   height: 10px;
   padding: 19px;
   display: block;
	border: none;
}

.close_quickview a span{
   width: 100%;
   height: 100%;
   display: block;
   background:url(../../files/goenninger_samen/ui/sprite_navigation.svg) no-repeat;
   background-position: bottom center;
   -o-background-size: 300%;
   -moz-background-size: 300%;
   -webkit-background-size:300%;
   background-size: 300%;
}

/* Shop Register (Zubehör) */

#produkt-modul-zubehoer .product{padding: 0 0 64px;}

#produkt-modul-zubehoer .product:after{
    content: "";
	width: 1px !important;
    height: 1px !important;
    display: block !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    opacity: 0 !important;
    overflow: hidden;
    float: none;
    clear: both;
}

#produkt-modul-zubehoer .product form{
	max-width: 1150px;
	margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

#produkt-modul-zubehoer .product .image_left{
	width: 50%;
	float: left;
	padding: 39px 0 0 0;
}
#produkt-modul-zubehoer .product .text_right{
	width: 50%;
	float: left;
	padding: 0 0 0 5%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#produkt-modul-zubehoer .product .text_right .price{
	padding: 0 0 0.55em;
}

#produkt-modul-zubehoer .product .submit_container .add_to_wishlist{display: none;}


@media only screen and (max-width: 860px){
	#produkt-modul-zubehoer .product .image_left{
		width: 100%;
		float: none;
	}
	#produkt-modul-zubehoer .product .text_right{
		width: 100%;
		float: none;
		padding: 24px 0 0 0;
	}
}

/* Shop Produktliste */

#produkte_liste .alphabet{
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #C9CAC8;
}

#produkte_liste .alphabet li{
	display: inline-block;
	line-height: 48px;
}

#produkte_liste .alphabet li:first-child{padding: 0 16px;}

#produkte_liste .alphabet li a{margin: 0 16px;}

#produkte_liste .alphabet li a[href="#"]{display: none;}

/* #produkte_liste .product_list{padding: 64px 0 0;} */

#produkte_liste .product_list{ box-sizing: border-box; }
@media screen and (max-width: 1150px){
	#produkte_liste .product_list{
		padding: 0 64px;
	}
}
@media only screen and (max-width: 750px){
	#produkte_liste .product_list{
		padding: 0 48px;
	}
}
@media only screen and (max-width: 650px){
	#produkte_liste .product_list{
		padding: 0 32px;
	}
}
@media only screen and (max-width: 550px){
	#produkte_liste .product_list{
		padding: 0 24px;
	}
}
@media screen and (max-width: 450px){
	#produkte_liste .product_list{
		padding: 0 16px;
	}
}

#produkte_liste .product_list_divider{
	width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
	padding-top: 48px;
}

#produkte_liste .product_list_divider .stickem{top: 2px;}

#produkte_liste .product_list_divider > li > div{
    width: 100px;
    height: 100px;
    display: block;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #99cc66;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal;
    border: none;
}

#produkte_liste .product_list_divider h2{
    width: 100px;
    height: 100px;
    display: block;
    color: #FFFFFF;
}

#produkte_liste .product_list_divider a{
	width: 100%;
	height: 100%;
	line-height: 100px;
	display: block;
	color: #FEFEFE;
	text-align: center;
	font-style: normal;
	border: none;
}
#produkte_liste .product_list_divider a:hover{
	color: #FEFEFE;
}

#produkte_liste .product{padding: 24px 0;}

#produkte_liste .product h2,
#produkte_liste .product h3{
	display: inline-block;
}

#produkte_liste .product h3{
    text-align: left;
}

#produkte_liste .product .sku{
	padding: 0 0 0 8px;
	display: inline-block;
}

@media only screen and (max-width: 1000px){
	#produkte_liste .product_list_divider > div{margin: 0 0 0;}
}

#produkte_katalog > .last,
#produkte_register > .last,
#produkte_liste > .last{
	padding-top: 24px;
	display: none;
}

/* Shop Produkt */

.produktansicht .filter_search{display: none !important;}

.no-touch .produktansicht .main_content article.first:not(#fehler-404-seite-nicht-gefunden):not(#zugriff-verweigert),
.no-touch .produktansicht .main_content .mod_article.first:not(#fehler-404-seite-nicht-gefunden):not(#zugriff-verweigert){padding-top: 0;}

.mod_iso_productreader form{max-width: 100%;}

.mod_iso_productreader .stickem,
.mod_iso_productreader .description{margin-top: 24px;}

/**
 * ------------------------------------------
 * CHECKOUT
 * ------------------------------------------
 */

header .checkout_steps{
	width: 100%;
	padding: 0 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 152px;
    left: 0;
    position: absolute;
    z-index: -1;
    background: #E3E3E3;
    border-bottom: 1px solid #D4D4D4;
}

header .checkout_steps li a,
header .checkout_steps li span{
	height: 58px;
	line-height: 58px;
	display: block;
}

header .checkout_steps li span,
header .checkout_steps li a{padding: 0 4px;}

header .checkout_steps li:first-child span,
header .checkout_steps li:first-child a{padding: 0 4px 0 16px;}

header .checkout_steps li.active > *{color: rgb(103,154,52);}

header .checkout_steps .upcoming_step span{
	opacity: 0.4;
}

@media only screen and (min-width: 1500px){
	header .checkout_steps{
		padding: 0 32px;
		top: 89px;
	}
}

@media only screen and (max-width: 860px){
	header .checkout_steps{
		display: none;
	}
}

#checkout .mod_iso_checkout > *{
	max-width: 650px;
    margin: 0 auto;
}

#checkout > *:first-child,
#bestaetigung > *:first-child > *:first-child,
#bestaetigung h2{padding: 56px 0 0 0;}

#checkout > *:last-child{padding: 0 0 56px 0;}

#checkout h4{margin: 0 auto;}

#checkout .formbody > label,
#checkout .widget label{padding: 12px 0 4px;}

#checkout .login_modal .checkbox_container{
    padding: 12px 0;
}

#checkout .login_modal .checkbox_container label{
    display: inline-block;
    vertical-align: middle;
}

#checkout .login_modal .checkbox_container input{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8px;
}

#checkout blockquote .submit_container{
	display: inline-block;
    vertical-align: bottom;
}

#checkout blockquote span input.submit{
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	display: inherit;
	padding: 0;
	margin: 0;
	height: inherit;
    line-height: inherit;
	background: none;
}

#checkout .order_note{
	padding-top: 24px;
}

#checkout .order_note > *:first-child{
	color: #FF5E54;
}

/*
#checkout .order_note p{
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
}
*/

#checkout .paymentmethod > div:first-child span{
    display: block;
}

#checkout .paymentmethod > div:first-child input.radio,
#checkout .paymentmethod > div:first-child input.radio{
	display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

#checkout .paymentmethod > div:first-child label,
#checkout .paymentmethod > div:first-child label{
	display: inline-block;
    vertical-align: top;
	padding: 0;
	cursor: pointer;
}

#checkout #tl_logout input{border-bottom: 1px solid #99CC66;}
#checkout #tl_logout input:hover{color: #99CC66;}

#checkout .mobile_only{
	display: none;
	margin: 0 auto;
}

#checkout .register_modal{
	width: 100%;
	max-width: 650px;
	display: table;
	margin: 0 auto;
	padding: 32px 0 0 0;
}

#checkout h2.zwischenheadline{
	margin-top: 56px;
}

#iso_mod_checkout_address{padding: 24px 0 0 0;}

#checkout .shippingaddress{padding: 56px 0 0 0;}

#checkout .submit_container input{float: left;}
#checkout .submit_container input:first-child{margin-right: 8px;}

#bestaetigung h4{padding-top: 24px;}

#checkout .billingaddress .adresse_versand{display: none;}
#checkout .shippingaddress .adresse_rechnung{display: none;}

#iso_mod_checkout_address .billingaddress  input.radio,
#iso_mod_checkout_address .shippingaddress input.radio{
	display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
}

#iso_mod_checkout_address .billingaddress  label,
#iso_mod_checkout_address .shippingaddress label{
	display: inline-block;
    vertical-align: top;
	padding: 0;
	cursor: pointer;
}

#iso_mod_checkout_address .billingaddress  .radio_container > span:after,
#iso_mod_checkout_address .shippingaddress .radio_container > span:after{
	content: "";
	display: block;
	clear: both;
	float: none;
}

/* if logged in */

#checkout .mod_iso_checkout .mod_login .personal_modal,
#checkout .mod_iso_checkout .mod_login .account_navigation_modal ul{display: none;}

#checkout .mod_iso_checkout > blockquote{padding-bottom:0;}

#checkout .mod_iso_checkout .mod_login .account_navigation_modal .submit_container{margin: -12px 0 32px;}
#checkout .mod_iso_checkout .mod_login .account_navigation_modal .submit_container:after{
	content: "";
	display: block;
	float: none;
	clear: both;
}

#checkout .mod_iso_checkout #tl_logout input{border-bottom: none;}

#checkout .logged_in_user .radio_container > span:after{
	padding: 0 0 24px 0;
}
#checkout .logged_in_user .radio_container > span:last-child:after{
	padding: 0;
}

#checkout .logged_in_user .shippingaddress .vcard > a{display: none;}

#iso_mod_checkout_address .vcard{cursor: pointer;}

#iso_mod_checkout_address #ShippingAddress_new{padding: 24px 0 0;}

#iso_mod_checkout_address .submit_container{padding: 24px 0 0;}

/* Schritt 2 */

#iso_mod_checkout_review h3{
	padding: 24px 0 8px;
}
#iso_mod_checkout_review .vcard{
	padding: 2px 0 4px 24px;
	margin:  0 0 0 2px;
	border-left: 3px solid #99CC66;
}
#iso_mod_checkout_review .review .edit{
	padding-top: 8px;
	margin-top: 16px;
    display: inline-block;
}
#iso_mod_checkout_review .payment_method .edit,
#iso_mod_checkout_review .shipping_method .edit,
#iso_mod_checkout_review .shipping_address .vcard > a{display: none;}

#iso_mod_checkout_review .shipping_address .vcard{
	padding: 2px 0 2px 24px;
	border-left: 3px solid #99CC66;
}

#iso_mod_checkout_review blockquote{padding: 4px 0 0 0;}

#iso_mod_checkout_review h2{padding:56px 0 16px 0;}

#checkout > .mod_iso_checkout:first-child > p.error:first-child{
	margin-top: -56px;
	padding-bottom: 56px;
}

#iso_mod_checkout_review .orderproducts ul{width: 100%;}

#iso_mod_checkout_review .orderproducts .cart_item,
#iso_mod_checkout_review .orderproducts .product{
	float: none;
	min-height: 55px;
	border-bottom: 1px solid #999;
}

#iso_mod_checkout_review .orderproducts .cart_item table,
#iso_mod_checkout_review .orderproducts .product table{width:100%;}

#iso_mod_checkout_review .orderproducts .cart_item tr,
#iso_mod_checkout_review .orderproducts .product tr{width:100%;}

#iso_mod_checkout_review .orderproducts .cart_item .quantity,
#iso_mod_checkout_review .orderproducts .product .quantity{
    width: 32px;
    height: 56px;
    line-height: 56px;
    padding: 0 16px 0 0;
}

#iso_mod_checkout_review .orderproducts .cart_item .info,
#iso_mod_checkout_review .orderproducts .product .info{
	line-height: 56px;
    position: relative;
}

#iso_mod_checkout_review .orderproducts .cart_item .info > div:first-child,
#iso_mod_checkout_review .orderproducts .product .info > div:first-child{
	max-width: calc(100% - 93px);
	display: inline-block;
	float: left;
}

#iso_mod_checkout_review .orderproducts .cart_item .info > div:last-child,
#iso_mod_checkout_review .orderproducts .product .info > div:last-child{
	display: inline-block;
	float: right;
}

#iso_mod_checkout_review .orderproducts .remove_item{display: none;}

#iso_mod_checkout_review .orderproducts .sum_up_cart > span{
	display: block;
	text-align: right;
}

#iso_mod_checkout_review .orderproducts .sum_up_cart > span:first-child{padding: 24px 0 0 0;}

#iso_mod_checkout_review .orderproducts .sum_up_cart > span + span:not(:last-of-type){ display: none !important; }

#iso_mod_checkout_review .orderproducts .sum_up_cart > span:last-child{
	font-style: italic;
	max-width: 100%;
}

#iso_mod_checkout_review .orderproducts .sum_up_cart:after{
	content: "";
	display: block;
	clear: both;
	float: none;
}

#iso_mod_checkout_review .widget-checkbox{margin: 0 0 24px 0;}

#iso_mod_checkout_review .widget-checkbox input,
#iso_mod_checkout_review .widget-checkbox label{
	display: inline-block;
	vertical-align: middle;
}

#iso_mod_checkout_review .widget-checkbox label{padding: 0 0 0 8px;}


.orderconditionsafterproducts label{cursor: pointer;}

#iso_mod_checkout_review .submit_container input.confirm{float: right;}

/* PayPal */

#checkout .animation{
	position: relative;
	background: none;
}

.csstransforms #checkout .animation{
  	font-size: 100px;
  	width: 10px;
  	height: 50px;
  	display: block;
  	position: relative;
  	margin: 56px 0 0 -5px;
  	top: 50%;
  	left: 50%;
  	border-radius: 50%;
  	list-style: none;
}

.csstransforms #checkout .animation{
   	opacity: 1;
   	-webkit-transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
   	-moz-transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
   	-o-transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
   	transition: opacity 355ms cubic-bezier(.645,.045,.355,1);
}

.csstransforms #checkout .animation li{
  	position: absolute;
  	width: 10px;
  	height: 10px;
  	display: block;
  	border-radius: 5px;
  	/* PREPARE ANIMATION */
  	-moz-backface-visibility: hidden;
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	-moz-transform-style: preserve-3d;
  	-webkit-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  	-webkit-perspective: 1000;
  	-moz-perspective: 1000;
  	perspective: 1000;
  	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
}

.csstransforms #checkout .animation li:nth-child(1){
  	left: 50%;
  	top: 0;
  	margin: 0 0 0 -.1em;
  	background: #99CC66;
  	-webkit-transform-origin: 50% 250%;
  	-moz-transform-origin: 50% 250%;
  	-ms-transform-origin: 50% 250%;
  	-o-transform-origin: 50% 250%;
  	transform-origin: 50% 250%;
  	-webkit-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	-moz-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	-ms-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	-o-animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
  	animation: rota 2.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}

.csstransforms #checkout .animation li:nth-child(2){
  	top: 50%;
  	right: 0;
  	margin: -.1em 0 0 0;
  	background: #CDCECC;
  	-webkit-transform-origin: -150% 50%;
  	-moz-transform-origin: -150% 50%;
  	-ms-transform-origin: -150% 50%;
  	-o-transform-origin: -150% 50%;
  	transform-origin: -150% 50%;
  	-webkit-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	-moz-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	-ms-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	-o-animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
  	animation: rota 2.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}

.csstransforms #checkout .animation li:nth-child(3){
  	left: 50%;
  	bottom: 0;
  	margin: 0 0 0 -.1em;
  	background: #C4B8A7;
  	-webkit-transform-origin: 50% -150%;
  	-moz-transform-origin: 50% -150%;
  	-ms-transform-origin: 50% -150%;
  	-o-transform-origin: 50% -150%;
  	transform-origin: 50% -150%;
  	-webkit-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	-moz-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	-ms-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	-o-animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
  	animation: rota 2.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}

.csstransforms #checkout .animation li:nth-child(4){
  	top: 50%;
  	left: 0;
  	margin: -.1em 0 0 0;
  	background: #679A34;
  	-webkit-transform-origin: 250% 50%;
  	-moz-transform-origin: 250% 50%;
  	-ms-transform-origin: 250% 50%;
  	-o-transform-origin: 250% 50%;
  	transform-origin: 250% 50%;
  	-webkit-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	-moz-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	-ms-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	-o-animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
  	animation: rota 2.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}

.csstransforms #checkout .animation li:nth-child(5){
  	bottom: 30%;
  	left: 30%;
  	margin: -.1em 0 0 0;
  	background: #E6E5E3;
  	-webkit-transform-origin: 100% -20%;
  	-moz-transform-origin: 100% -20%;
  	-ms-transform-origin: 100% -20%;
	-o-transform-origin: 100% -20%;
  	transform-origin: 100% -20%;
  	-webkit-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	-moz-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	-ms-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	-o-animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
  	animation: rota 2.42s linear infinite, opa 4.25s ease-in-out infinite alternate;
}

.csstransforms #checkout .animation li:nth-child(6){
  	top: 30%;
  	right: 30%;
  	margin: 0 -.1em 0 0;
  	background: #B6AA96;
  	-webkit-transform-origin: 50% -120%;
  	-moz-transform-origin: 50% -120%;
  	-ms-transform-origin: 50% -120%;
  	-o-transform-origin: 50% -120%;
  	transform-origin: 50% -120%;
  	-webkit-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
  	-moz-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
  	-ms-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
	-o-animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
	animation: rota 3.72s linear infinite, opa 5.85s ease-in-out infinite alternate;
}

/**
 * ------------------------------------------
 * SEARCHRESULTS
 * ------------------------------------------
 */

.main_content .mod_search .ce_text{
	padding-top: 24px;
	padding-bottom: 24px;
}

#main .mod_search .odd,
#main .mod_search .even{
	max-width: 650px;
	margin: 24px auto;
}

#main .mod_search .pagination{border-top: 1px solid #D4D4D4;}

/**
 * ------------------------------------------
 * ACCOUNT
 * ------------------------------------------
 */

.captcha_text{
	display: block;
	padding: 4px 0 0;
}

/* register */
#registrieren .mod_registration{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.main_content #tl_registration label{padding: 12px 0 4px;}

#registrieren .fields .widget:nth-child(2),
#registrieren .fields .widget:nth-child(5),
#registrieren .fields .widget:nth-child(9),
#registrieren .fields .widget:nth-child(12),
#registrieren .fields .widget:nth-child(15){padding-bottom: 48px;}

#registrieren .submit_container{padding-top: 48px;}

/* login */
.main_content #loginformular{
    max-width: 650px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.main_content .login_modal .mobile_only,
.main_content #loginformular .mobile_only{display: none;}

.main_content #loginformular label{padding: 12px 0 4px;}

.main_content #loginformular .checkbox_container label{display: inline-block;}
.main_content #loginformular .checkbox_container input{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8px;
}

#tl_login .submit_container input{
	float: left;
    margin-right: 12px;
}

header #tl_login .checkbox_container label{cursor: pointer;}

.main_content #loginformular .register_modal{padding-top:48px;}

/* profil */
#profil .mod_personalData{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

#profil .fields .widget:nth-child(2),
#profil .fields .widget:nth-child(5),
#profil .fields .widget:nth-child(9),
#profil .fields .widget:nth-child(12){padding-bottom: 48px;}

#profil .submit_container{padding-top: 48px;}

/* adresses */
#adressbuch .fields .widget:nth-child(2),
#adressbuch .fields .widget:nth-child(5),
#adressbuch .fields .widget:nth-child(9){padding-bottom: 48px}

#adressbuch .submit_container{padding-top: 48px;}

#adressbuch .mod_iso_addressbook{
    max-width: 650px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

#adressbuch .mod_iso_addressbook > div{padding: 24px 0;}

@media screen and (max-width:1150px){
	#produkte_register .product form,
	#registrieren .mod_registration,
	#profil .mod_personalData,
	#adressbuch .mod_iso_addressbook{padding: 0 64px;}
}
@media only screen and (max-width: 750px){
	#produkte_register .product form,
	#registrieren .mod_registration,
	#profil .mod_personalData,
    #adressbuch .mod_iso_addressbook{padding: 0 48px;}
}
@media only screen and (max-width: 650px){
	#produkte_register .product form,
	#registrieren .mod_registration,
	#profil .mod_personalData,
   	#adressbuch .mod_iso_addressbook{padding: 0 32px;}
}
@media only screen and (max-width: 550px){
	#produkte_register .product form,
	#registrieren .mod_registration,
	#profil .mod_personalData,
    #adressbuch .mod_iso_addressbook{padding: 0 24px;}
}
@media screen and (max-width:450px){
	#produkte_register .product form,
	#registrieren .mod_registration,
	#profil .mod_personalData,
	#adressbuch .mod_iso_addressbook{padding: 0 16px;}
}

#profil .mod_changePassword{padding: 56px 0 0;}
#profil .mod_changePassword .fields .widget:nth-child(1){padding-bottom: 48px;}
#profil .mod_changePassword .fields .widget:nth-child(2){padding-bottom: 0;}

/* Passwort vergessen */
.main_content #tl_lost_password label {
    padding: 12px 0 4px;
}

#tl_lost_password .submit_container {
    padding-top: 48px;
}

/**
 * ------------------------------------------
 * WUNSCHZETTEL
 * ------------------------------------------
 */

#main .mod_iso_wishlist .formbody > div{padding: 48px 0 0;}

#main .mod_iso_wishlist .formbody > div h3{padding: 0 0 16px;}

#main .mod_iso_wishlist .formbody > div > a{
	display: table;
	padding: 8px 0 0;
}

#main .mod_iso_wishlist .empty{margin: 16px auto 0;}

/**
 * ------------------------------------------
 * WARENKORB
 * ------------------------------------------
 */

#main #warenkorb .mod_iso_cart{
	padding: 32px 0 0;
}

#main #warenkorb .mod_iso_cart .empty{margin: -32px auto 0;}

#main #warenkorb .mod_iso_cart form{
	max-width: 650px;
	margin: 0 auto;
}

#main #warenkorb .mod_iso_cart .cart_item,
#main #warenkorb .mod_iso_cart .product{
	float: none;
	min-height: 55px;
	border-bottom: 1px solid #999;
}

#main #warenkorb .mod_iso_cart > p{display: none;}

#main #warenkorb .mod_iso_cart .cart_item table,
#main #warenkorb .mod_iso_cart .product table{width:100%;}

#main #warenkorb .mod_iso_cart .cart_item tr,
#main #warenkorb .mod_iso_cart .product tr{width:100%;}

#main #warenkorb .mod_iso_cart .cart_item .quantity,
#main #warenkorb .mod_iso_cart .product .quantity{
    width: 56px;
    padding: 0 16px 0 0;
}

#main #warenkorb .mod_iso_cart .cart_item .quantity input,
#main #warenkorb .mod_iso_cart .product .quantity input{
	text-align: center;
    width: 56px;
    height: 55px;
}

#main #warenkorb .mod_iso_cart .cart_item .info,
#main #warenkorb .mod_iso_cart .product .info{
	line-height: 56px;
    position: relative;
}

#main #warenkorb .mod_iso_cart .cart_item .info > div:first-child,
#main #warenkorb .mod_iso_cart .product .info > div:first-child{
	max-width: calc(100% - 93px);
	display: inline-block;
	float: left;
}

#main #warenkorb .mod_iso_cart .cart_item .info > div:last-child,
#main #warenkorb .mod_iso_cart .product .info > div:last-child{
	display: inline-block;
	float: right;
}

#main #warenkorb .mod_iso_cart .cart_item .info .remove_item,
#main #warenkorb .mod_iso_cart .product .info .remove_item{
	width: 56px;
	height: 56px;
    line-height: 56px;
    display: block;
    padding: 0 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	right: -56px;
	top: 0;
	position: absolute;
	overflow: hidden;
	font-style: normal;
	border: none;
}

#main #warenkorb.updating_cart .mod_iso_cart .cart_item .info .remove_item,
#main #warenkorb.updating_cart .mod_iso_cart .product .info .remove_item{display: none;}

#main #warenkorb .mod_iso_cart .cart_item .info .remove_item div,
#main #warenkorb .mod_iso_cart .product .info .remove_item div{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 0 0 0 4px;
    vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #FCFCFC;
	background: #F55C50;
	/* PREPARE ANIMATION */
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	/* Animation */
    -webkit-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(-4px,0,0) rotate(0deg) scale3d(1,1,1);
	-ms-transition: -ms-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	-o-transition: -o-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	-moz-transition: -moz-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
  	-webkit-transition: -webkit-transform 120ms cubic-bezier(.36,1.01,.32,1.24);
 	transition: transform 120ms cubic-bezier(.36,1.01,.32,1.24);
}

#main #warenkorb .mod_iso_cart .cart_item .info .remove_item:hover div,
#main #warenkorb .mod_iso_cart .product .info .remove_item:hover div{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

#main #warenkorb .mod_iso_cart .cart_item .info .remove_item img,
#main #warenkorb .mod_iso_cart .product .info .remove_item img{
	width: 8px;
	height: 8px;
	display: block;
	padding: 5px;
}

#main #warenkorb .mod_iso_cart .cart_item:first-child,
#main #warenkorb .mod_iso_cart .product:first-child{
	border-top: 1px solid transparent;
	margin-top: -1px;
}

#main #warenkorb .mod_iso_cart .delete_hover:first-child,
#main #warenkorb .mod_iso_cart .delete_hover{
	border-bottom: 1px solid #FF5E54;
	margin-top: -1px;
    border-top: 1px solid #FF5E54;
	background: url(../../files/goenninger_samen/ui/diagonal_lines_red.png) repeat;
}
#main #warenkorb .mod_iso_cart .delete_hover a{border: none;}

#main #warenkorb .mod_iso_cart .sum_up_cart > span{
	display: block;
	text-align: right;
}

#main #warenkorb .mod_iso_cart .sum_up_cart > span:first-child{padding: 24px 0 0 0;}

#main #warenkorb .mod_iso_cart .sum_up_cart > span:last-child{
	font-style: italic;
	max-width: 100%;
	padding: 0 0 16px 0;
}

#main #warenkorb .mod_iso_cart .submit_container{
	padding-top: 48px;
	position: relative;
	text-align: right;
}

#main #warenkorb .mod_iso_cart .button_update{
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	top: -71px;
	left: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	overflow: hidden;
	color: transparent;
	background-color: #EAEAEA;
	background-image: url(../../files/goenninger_samen/ui/update_cart_icon.svg);
	background-position: center center;
    background-repeat: no-repeat;
	border: none;
	/* PREPARE ANIMATION */
	-webkit-transition-property: -webkit-transform, background-color;
    -moz-transition-property: -moz-transform, background-color;
    -o-transition-property: -o-transform, background-color;
    -ms-transition-property: -ms-transform, background-color;
    transition-property: transform, background-color;
   	-moz-transform-style: preserve-3d;
   	-webkit-transform-style: preserve-3d;
   	transform-style: preserve-3d;
   	-webkit-perspective: 1000;
   	-moz-perspective: 1000;
   	perspective: 1000;
	/* Animation */
	-webkit-animation: spin 864ms linear infinite;
    -moz-animation: spin 864ms linear infinite;
    animation: spin 864ms linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { transform: rotate(360deg); } }

#main #warenkorb.updating_cart .dropdowns .mod_iso_cart .button_update{
	background-color: transparent;
	-ms-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	-o-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	-moz-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
  	-webkit-transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
 	transition: background-color 120ms cubic-bezier(.645,.045,.355,1);
    -webkit-animation-play-state: running;
    animation-play-state: running;
 	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
 	box-shadow: none;
}

#main #warenkorb .mod_iso_cart .button_update:hover{
	color: transparent !important;
 	-webkit-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	-moz-box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
 	box-shadow:
        0px 2px 4px rgba(0,2,2,0.04),
        0px 5px 15px rgba(0,2,2,0.03),
        0px 10px 40px rgba(0,2,2,0.02);
}

#main #warenkorb .mod_iso_cart .button_checkout{
	float: right;
}

/**
 * ------------------------------------------
 * SUCHE
 * ------------------------------------------
 */

.clear_filters{
	display: block;
	position: relative;
	max-width: 650px !important;
	margin: 0 auto !important;
	padding-top: 3.125vw;
}

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product .image_container{
	margin-top: calc(3.125vw / 2);
}

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product .sku{ display: none !important; }

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product .teaser{
	padding-top: calc(3.125vw / 2);
	padding-bottom: calc(3.125vw / 2);
}

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product .offer > *{
	display: inline;
}

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product .offer .baseprice::before{
	content: " (";
}

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product .offer .baseprice::after{
	content: ")";
}

.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product + .product{
	padding-top: 3.125vw;
}

@media only screen and (min-width: 765px) {
	.mod_iso_productfilter  + .mod_iso_productlist .product_list > .product + .product{
		padding: 60px 0 0 0 !important;
	}
}

/* 

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Hair.eot');
    src: local('Fira Sans Hair'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Hair.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Hair.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Hair.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-HairItalic.eot');
    src: local('Fira Sans Hair Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-HairItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-HairItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-HairItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-UltraLight.eot');
    src: local('Fira Sans UltraLight'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-UltraLight.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-UltraLight.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-UltraLightItalic.eot');
    src: local('Fira Sans UltraLight Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-UltraLightItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-UltraLightItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-UltraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-stretch: normal;
}

*/

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Light.eot');
    src: local('Fira Sans Light'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Light.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-LightItalic.eot');
    src: local('Fira Sans Light Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-LightItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Regular.eot');
    src: local('Fira Sans Regular'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Regular.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Italic.eot');
    src: local('Fira Sans Regular Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Italic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Italic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Medium.eot');
    src: local('Fira Sans Medium'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Medium.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Medium.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-MediumItalic.eot');
    src: local('Fira Sans Medium Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-MediumItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}

/*

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-SemiBold.eot');
    src: local('Fira Sans SemiBold'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-SemiBold.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-SemiBold.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-SemiBoldItalic.eot');
    src: local('Fira Sans SemiBold Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-SemiBoldItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-SemiBoldItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}

*/

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Bold.eot');
    src: local('Fira Sans Bold'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Bold.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Bold.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-BoldItalic.eot');
    src: local('Fira Sans Bold Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-BoldItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-BoldItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}

/* 

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-ExtraBold.eot');
    src: local('Fira Sans ExtraBold'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-ExtraBold.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-ExtraBold.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-ExtraBoldItalic.eot');
    src: local('Fira Sans ExtraBold Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-ExtraBoldItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-ExtraBoldItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Heavy.eot');
    src: local('Fira Sans Heavy'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-Heavy.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-Heavy.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-HeavyItalic.eot');
    src: local('Fira Sans Heavy Italic'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraSans-HeavyItalic.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraSans-HeavyItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraSans-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
}


@font-face{
    font-family: 'Fira Mono';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraMono-Regular.eot');
    src: local('Fira Mono'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraMono-Regular.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraMono-Regular.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraMono-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Fira Mono';
    src: url('../../files/goenninger_samen/webfonts/fira/eot/FiraMono-Bold.eot');
    src: local('Fira Mono Bold'),
         url('../../files/goenninger_samen/webfonts/fira/eot/FiraMono-Bold.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/fira/ttf/FiraMono-Bold.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/fira/woff/FiraMono-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

*/
@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-regular-webfont.eot');
    src: local('Vollkorn Regular'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-regular-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-Regular.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-italic-webfont.eot');
    src: local('Vollkorn Regular Italic'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-italic-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-Italic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-medium-webfont.eot');
    src: local('Vollkorn Medium'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-medium-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-Medium.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-mediumitalic-webfont.eot');
    src: local('Vollkorn Medium Italic'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-mediumitalic-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-MediumItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-semibold-webfont.eot');
    src: local('Vollkorn SemiBold'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-semibold-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-Semibold.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-semibolditalic-webfont.eot');
    src: local('Vollkorn SemiBold Italic'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-semibolditalic-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-SemiboldItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-bold-webfont.eot');
    src: local('Vollkorn Bold'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-bold-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-Bold.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face{
    font-family: 'Vollkorn';
    src: url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-bolditalic-webfont.eot');
    src: local('Vollkorn Bold Italic'),
         url('../../files/goenninger_samen/webfonts/vollkorn/eot/vollkorn-bold-webfont.eot') format('embedded-opentype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/ttf/Vollkorn-BoldItalic.ttf') format('truetype'),
         url('../../files/goenninger_samen/webfonts/vollkorn/woff/vollkorn-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}

#klaro {
    position:fixed;
    bottom:0;
    z-index:30;
    
    font-size:16px;
    line-height: 26px;
    color: #282828;

}

.klaro .cookie-modal {
    position:fixed;
    z-index:100;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding:32px;
    background-color: rgba(60,60,62,0.8);
    overflow:auto;
}
@media (min-width: 801px) { .klaro .cookie-modal { left:calc(50%-300px); } }
@media (max-width: 607px) { .klaro .cookie-modal { padding:16px } }

.klaro .cm-bg {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}

.klaro .cookie-notice{
    width: 100vw;
    height: 100vh;
    display: block;
    background-color: rgba(60,60,62,0.6);
}

.klaro .cookie-notice .cn-body {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width:400px;
    padding:30px 30px;
    background-color: rgb(254, 254, 254);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.24);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 12px 0px;
}
@media (min-width: 801px) { .klaro .cookie-notice .cn-body { max-width:600px; } }
@media (max-width: 351px) { .klaro .cookie-notice .cn-body { padding:16px 16px } }

.klaro .cookie-notice h3{
    display: block;
    margin-bottom: 20px;
}

.klaro .cookie-notice .cn-learn-more { 
    font-style: normal;
    color: #597648;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #99CC66;

    padding: 0px 16px;
    margin: 8px 0 0;
    display: table;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
}

.klaro .cookie-notice .cn-learn-more:hover { 
    color: #282828;
}

.klaro .cookie-notice .cn-buttons {
    margin-left: -7.5px;
    justify-content: start;
}

.klaro .cn-buttons {
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}

.klaro .cn-buttons>.cm-btn {
    margin-left:7.5px;
    margin-right:7.5px
}

.klaro .cm-modal {
    position:relative;
    box-sizing:border-box;
    max-width:770px;
    margin-left:auto;
    margin-right:auto;
    padding:50px;
    border-radius: 4px;
    overflow: hidden;
    background-color: rgb(254, 254, 254);
    border-radius: 1px solid rgba(0,0,0,0.24);   
    box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 12px 0px;
}
   
@media (max-width: 607px) {
    .klaro .cm-modal {
        padding-left:40px;
        padding-right:40px
    }
}
   
@media (max-width: 351px) {
    .klaro .cm-modal {
        padding-left:30px;
        padding-right:30px
    }
}

.klaro .cm-header .title { padding-right:30px }
.klaro .cm-header .title + p{
    padding-top: 16px;
    padding-bottom: 16px;
}

.a-button-close,
.klaro .cm-header .hide {
 position:relative;
 width:48px;
 height:48px;
 cursor: pointer;
 background: none;
 border: none;
}

.a-button-close::before,
.klaro .cm-header .hide::before,
.a-button-close::after,
.klaro .cm-header .hide::after {
 content:'';
 position:absolute;
 width:22px;
 height:2px;
 left:calc(50% - 11px);
 top:calc(50% - 1px);
 background-color:currentcolor
}

.a-button-close::before,
.klaro .cm-header .hide::before {
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}

.a-button-close::after,
.klaro .cm-header .hide::after {
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}

.a-button-close.-white,
.klaro .cm-header .-white.hide {
 color:#fff
}

.klaro .cm-header .hide {
    position:absolute !important;
    right:11px;
    top:11px
}
.klaro .cm-header .hide svg { display:none }

.klaro .cm-body{ 
    padding-bottom:30px;
    border-bottom:1px solid #959595; 
}

.klaro .cm-content {
    display:none;
    list-style:none;
    padding-left:28px;
    margin-top:20px
}
.klaro .cm-content .purposes {
    margin-top:0;
    padding-top: 0;
    margin-bottom:0;
    font-size:13px;
}
.klaro .cm-content.expanded { display:block }

.klaro .cm-list-label { padding-left:10px } 
.klaro .cm-list-description {
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
}

.klaro .cm-caret {
    margin-top:5px;
    font-size:16px;
} 
.klaro .cm-caret > a {
    font-weight:600;
    color: #959595;
    text-decoration:none
}

.klaro .cm-purpose + .cm-purpose { margin-top:20px }
.klaro .cm-purposes {
    padding-left:0;
    list-style:none;
}

.klaro .cm-purpose .cm-list-title{
    font-weight: bold;
}

.klaro li.cm-purpose{
    display: flex;
    flex-wrap: wrap;
}

.klaro .cm-services{
    width: 100%;
    flex-shrink: 0;
}

.klaro .cm-service > div{
    display: flex;
    flex-wrap: wrap;   
}

.klaro .cm-service > div div:last-child{
    width: 100%;
    flex-shrink: 0;    
}

.klaro .cm-content .cm-service+.cm-service { margin-top:10px }

.klaro .cm-required {
    padding-left:6px;
    font-size:13px;
    color: #959595;
}

.klaro .cm-toggle-all {
    padding-top:16px;
}

.klaro .cm-footer { margin-top:30px }
.klaro .cm-footer-buttons { margin-bottom:16px }
.klaro .cm-footer-buttons{
    display: flex;
    flex-wrap: wrap;
}
.klaro .cm-footer-buttons > .cm-btn { margin-right:16px }
.klaro .cm-footer-buttons > .cm-btn:not(:last-child) { margin-bottom:10px }

.klaro .cm-powered-by {
    margin-top:16px;
    color: #959595;
    font-size:13px
}
.klaro .cm-powered-by a {
    font-weight:inherit;
    color:inherit;
    text-decoration: none;
}

.a-button,
.klaro .cm-btn {
    font-style: normal;
    width: auto;
    display: table;
    padding: 0px 16px;
    margin: 8px 0 0;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

#klaro button.cn-decline{
    background: #F0F0F0;
}

#klaro button.cm-btn-success{
    color: #FFFFFF;
    background: #99CC66;
}

#klaro button.cn-decline:hover{
    color: #D03108 !important;
}