@charset "utf-8";

* {
margin:0;
padding:0;
}

html {
width:100%;
height:100%;
overflow:-moz-scrollbars-vertical;
overflow-y:scroll;
}

body {
position:relative;
height: 100%;
margin:0 auto;
padding:0;
font-size:62.5%;
font-family:Verdana, Helvetica, Arial, san serif;
text-align:left;
background:#c3caff url(/gif/bg-header.jpg) no-repeat 500px 124px;
}

#mottobox {
position:fixed;
bottom:0px;
left:934px;
width:250px;
font-size:140%;
color:#323232;
font-weight:bold;
}

#mottobox p {
margin-left:20px;
margin-right:0;
}

#mottobox img {
margin-top:12px;
}

#mottobox img.person {
margin-left:40px;
}

#mottobox p sup {
font-size:50%;
padding:0 2px;
}

#mottobox p span.kl9, #mottobox p span.kl9 sup {
font-size:9px;
}


#mottobox a {
color:#2A7135;
}

#container {
min-height: 100%;
height: auto !important;
height: 100%;
width:884px;
margin:0 0 0 50px;
padding:0;
text-align:left;
color:#323232;
}

/* ##### HEADER START ##### */

#header {
position:relative;
width:100%;
height:175px;
text-align:center;
margin:0 auto;
padding:25px 0 0 0;
color:#323232;
}

#header h4 {
margin:0 0 10px 0;
overflow:hidden;
font-size:130%;
text-align:left;
}

#header h4 span {
display:block;
float:left;
margin-top:20px;
}

#header h4 img {
float:left;
margin:0 20px 0 0;
}

#header h6 {
float:left;
margin:2px 20px 0 0;
padding:0;
width:53px;
height:60px;
}

p#adressen {
margin:0;
padding:0;
text-align:left;
font-size:120%;
line-height:130%;
}

p#adressen span {
float:left;
}

p#adressen img.foto {
float:left;
margin:-10px 0 0 140px;
}

/* ##### HEADER ENDE ##### */


/* ##### NAVIGATION START ##### */

#navi {
position:relative;
width:100%;
margin:0;
padding:0;
background:transparent;
}

#navi ul {
float:left;
height:43px;
margin:0;
padding:0;
list-style-type:none;
text-align:left;
}

#navi ul li {
float:left;
display:inline;
height:43px;
margin:0;
padding:0;
text-align:left;
}

#navi ul li a {
display:block;
float:left;
height:43px;
margin:0;
padding:0;
color:#2A7135;
font-size:130%;
font-weight:bold;
text-decoration:none;
text-align:center;
cursor: pointer;
background:url(/gif/navi-sprite.png) right 43px;
}

#navi ul li a span {
position: relative;
float:left;
height:43px;
/*
margin:0 7px 0 0;
padding:0 11px 0 18px;
*/
margin:0 7px 0 0;
padding:0 7px 0 14px;
background:url(/gif/navi-sprite.png) left 43px;
}

#navi ul li a:hover, 
#navi ul li.aktiv a {
color:#323232;
text-decoration:none;
background:url(/gif/navi-sprite.png) no-repeat right 0px;
}

#navi ul li a:hover span, 
#navi ul li.aktiv a span {
background:url(/gif/navi-sprite.png) no-repeat left 0px;
}


#navi ul li a span.kl {
padding-top:13px;
height:32px;
}

#navi ul li a span.dz {
padding-top:4px;
height:32px;
}

#navi ul li a span.ez{
line-height:320%;
}

#navi ul li a span.icon img {
margin-top:8px;
}


#navi #maennchen {
position:absolute;
bottom:-43px;
right:-10px;
}

#navi span.sprachen{
position:absolute;
top:56px;
left:-30px;
}

#navi span.sprachen img {
margin:0 0 12px;
}


/* ##### NAVIGATION ENDE ##### */


/* ##### INHALT START ##### */

#inhalt {
clear:both;
width:850px;
margin:0;
padding:24px 16px;
text-align:left;
background-color:#fff;
border-left:1px solid #f1f1f1;
border-right:1px solid #f1f1f1;
}

#inhalt div.links, #inhalt div.rechts {
float:left;
width:400px;
}

#inhalt div.links {
margin-right:50px;
}

#bildslider {
margin:4px 0 20px 0;
border-right: 8px solid #2a7135;
border-left: 8px solid #efd70f;
}

#inhalt h1 {
margin:0 0 18px 0;
font-size:180%;
line-height:130%;
}

#inhalt h2 {
margin:0 0 12px 0;
font-size:140%;
line-height:130%;
}

#inhalt h3 {
margin:0 0 8px 0;
font-size:130%;
line-height:130%;
}

#inhalt h4 {
margin:0 0 2px 0;
font-size:120%;
line-height:130%;
}

#inhalt p, #inhalt blockquote {
margin:0 0 12px 0;
font-size:120%;
line-height:130%;
}

#inhalt p.fussnote {
font-size:100%;
line-height:120%;
color:#bbb;
}

#inhalt ul, #inhalt ol {
margin:0 0 12px 36px;
}

#inhalt li {
font-size:120%;
line-height:130%;
}

#inhalt li ul, #inhalt li ol {
margin-top:2px;
margin-left:20px;
}

#inhalt li li {
font-size:100%;
}

iframe {
font-family:Verdana, Helvetica, Arial, san serif;
}

#inhalt table.rahmen {
margin:0 0 16px 0;
border-right:1px solid #c3caff;
border-bottom:1px solid #c3caff;
}

#inhalt table.rahmen th {
background-color:#f1f1f1;
}

#inhalt table.rahmen td, #inhalt table.rahmen th {
font-size:120%;
line-height:130%;
vertical-align:top;
padding:4px;
border-left:1px solid #c3caff;
border-top:1px solid #c3caff;
}


#inhalt div.newsbox {
display:block;
width:262px;
float:right;
margin:2px 12px 24px 32px;
padding:0 0 16px 0;
background:url(/gif/bg-newsbox.jpg) no-repeat center bottom;
}


#inhalt div.newsbox * {
/*
width:230px;
*/
margin-left:16px;
margin-right:16px;
}

#inhalt div.newsbox h3 {
background:url(/gif/bg-newsbox-headline.jpg) no-repeat center top;
width:262px;
margin:0 0 16px 0;
padding:16px 0 0 0;
font-size:140%;
}

#inhalt div.newsbox h3 strong {
display:block;
padding:0;
}

#inhalt div.newsbox h4 {
clear:both;
}

#inhalt div.newsbox a {
padding:0;
margin:0;
}

#inhalt div.newsbox img.r {
float:right;
padding:0;
margin:2px 0 8px 12px;
border:1px solid #2A7135;
}



#inhalt div.galerielinks {
margin:0 0 20px 0;
}

#inhalt div.galerielinks p.box {
display:block;
position:relative;
float:left;
width:262px;
height:166px;
margin:0 10px;
padding:0;
}

#inhalt div.galerielinks p.box img {
border:1px solid #2A7135;
}

#inhalt div.galerielinks p span {
position:absolute;
left:1px;
bottom:1px;
display:block;
width:252px;
padding:4px;
background:url(/gif/alpha/alpha75w.png) repeat left top;
}

#inhalt div.box {
display:block;
float:left;
width:230px;
height:134px;
margin:0 10px;
padding:16px;
background:url(/gif/bg-box.jpg) no-repeat left top;
}

#inhalt div.box img.icon {
float:right;
margin:0;
}

#inhalt div.box ul {
margin:12px 0 0 0;
list-style:none;
}

#inhalt ul.checkliste li {
margin:0 0 2px 0;
padding-left:32px;
line-height:240%;
vertical-align:middle;
background:url(/gif/icon-checkliste.png) no-repeat left top;
}

#inhalt #socialmedia {
margin:30px 0 10px 0;
}

#inhalt #socialmedia #addthis {
float:left;
width:230px;
height:134px;
margin:0 10px;
}

#inhalt #socialmedia #addthis p.button {
margin:12px 0;
}

#inhalt #socialmedia #fb-root {
float:left;
width:262px;
height:165px;
border-bottom:1px solid #94A3C4;
margin:0 10px;
}



#inhalt p#interaktiv {
width:720px;
margin:20px auto;
text-align:center;
border:1px solid #2A7135;
}

#inhalt ul.galerie {
list-style:none;
margin:0;
}

#inhalt ul.galerie li.slider {
display:block;
position:relative;
float:left;
width:262px;
height:186px;
margin:10px;
padding:0;
}

#inhalt ul.galerie li.box a {
display:block;
position:relative;
float:left;
width:262px;
height:166px;
margin:10px;
padding:0;
}

#inhalt ul.galerie li.box a img {
border:1px solid #2A7135;
}

#inhalt ul.galerie li.box a img.lupe {
border:none;
position:absolute;
bottom:1px;
right:1px;
}

#inhalt ul.galerie li.slider img.lupe {
border:none;
position:absolute;
bottom:21px;
right:1px;
}


#inhalt a.lightbox img.pic_r {
border:1px solid #2A7135;
float:right;
margin:2px 0 8px 16px;
}

#inhalt img.pic_r {
border:1px solid #2A7135;
float:right;
margin:2px 0 8px 16px;
}

#inhalt a {
color:#2A7135;
font-weight:bold;
text-decoration:none;
}

#inhalt a:hover {
text-decoration:underline;
}

#inhalt a.anker, #inhalt a.anker:hover {
text-decoration:none;
color:#323232;
}



#inhalt .pic_r {
float:right;
margin:2px 0 8px 16px;
}


#inhalt .rand {
border:1px solid #2A7135;
}



#inhalt table {
width:100%;
margin:0 0 12px 0;
}

#inhalt table td, #inhalt table th {
vertical-align:top;
padding:2px 4px;
font-size:120%;
}


.versalien {
text-transform:uppercase;
}

hr {
size:1px;
height:1px;
border:none;
border-top:1px dotted #2A7135;
background-color:transparent;
margin:16px 0;
clear:both;
}

.cb {
clear:both;
}

#inhalt .hinweisbox {
	display:inline-block;	
	font-size:130%;
	line-height:120%;
	border:1px solid red;
	color:red;
	padding:6px;
	background:rgba(255,255,255,0.5);
}



 
/* root element for the scrollable. when scrolling occurs this element stays still. */
#inhalt .scrollable {
position:relative;
overflow:hidden;
width:834px;
height:297px;
}

#inhalt .galerie .slider .beispielprodukte {
position:relative;
overflow:hidden;
width:260px;
height:164px;
border:1px solid #2A7135;
}


/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */
#inhalt .scrollable .items {
width:30000em;
position:absolute;
list-style:none;
margin:0;
padding:0;
}

#inhalt .galerie .slider .items {
width:30000em;
position:absolute;
list-style:none;
margin:0;
padding:0;
}

/* a single item. must be floated in horizontal scrolling. typically, this element is the one that you will style the most. */
#inhalt .items li {
float:left;	
margin:0;
padding:0;
position:relative;
}

#inhalt .items li a {
display:block;
width:834px;
height:297px;
text-align:left;
border:none;
}

#inhalt .galerie .slider .items li a {
width:260px;
height:164px;
}

#inhalt .items li a img {
border:none;
}

#inhalt .items li div {
position:absolute;
z-index:99;
left:0px;
top:76px;
width:322px;
height:145px;
color:#2A7135;
}

#inhalt .items li p {
position:relative;
width:100%;
height:100%;
font-size:190%;

line-height:120%;

margin:0;
padding:0;
background:url(/gif/alpha/alpha75w.png) repeat left top;
}

#inhalt .items li p span {
display:block;
position:absolute;
top:0px;
left:0px;
bottom:0px;
padding:10px;
}

#inhalt .items li p span.kl {
display:inline;
position:relative;
font-size:50%;
line-height:190%;
padding:0;
}

#inhalt .items li p span a {
display:inline;
}

#inhalt .scrollable div.navi {
position:absolute;
z-index:999;
bottom:52px;
left:192px;
width:auto;
height:20px;
}


#inhalt .scrollable div.navi a {
display:block;
float:left;
border-right:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
margin-left:3px;
padding:2px 6px;
cursor:pointer;
background:url(/gif/alpha/alpha50w.png) repeat left top;
font-size:120%;
color:#2A7135;
}

#inhalt .scrollable div.navi a:hover {
/*
background-position:0 -8px;
*/
}

#inhalt .scrollable div.navi a.active {
/*
background-position:0 -16px;
*/
}

#inhalt .galerie .slider p.scrollable_buttons {
width:262px;
text-align:right;
}

#inhalt .galerie .slider p.scrollable_buttons a {
cursor:pointer;
}

#inhalt .galerie .slider p.scrollable_buttons .left {
float:left;
}


#inhalt div.kontaktadresse {
width:300px;
float:right;
margin:0 0 0 48px;
padding:0;
}



/* BESTELLEN START */

#inhalt div.produktbox {
float:left;
width:400px; 
margin:0 40px 24px 0;
/*
border-bottom:4px solid red;
*/
}


#inhalt div.einzelseite {
float:right;
width:235px; 
margin:2px 0 36px 48px;
padding:10px;
border:1px dotted #2A7135;
}


#inhalt div.big {
width:850px;
margin:0 0 24px 0;
}

#inhalt div.no {
margin-right:0px;
}

#inhalt div.produktbox div.pic {
float:left;
width:150px;
margin:0 15px 0 0;
text-align:center;
}

#inhalt div.produktbox div.text {
float:left;
width:235px;
}


#inhalt div.einzelseite div.pic, #inhalt div.einzelseite div.text {
float:none;
width:235px;
}

#inhalt div.einzelseite div.pic {
text-align:center;
}

#inhalt div.produktbox a.icon {
padding-left:30px;
padding-right:4px;
background-color:#F1F1F1;
display:inline-block;
margin:0 0 4px 0;
height:22px;
line-height:180%;
-moz-border-radius: 4px;
border-radius: 4px;
}


#inhalt div.produktbox a.bestell {
background:#F1F1F1 url(/gif/bg-cart.png) no-repeat 4px center;
}

#inhalt div.produktbox a.info {
background:#F1F1F1 url(/gif/bg-info.png) no-repeat 4px center;
}


#inhalt #left {
float:left;
width:240px;
margin:0 30px 0 0;
}

#inhalt div.pic {
text-align:center;
}

#inhalt #right {
float:left;
width:580px;
margin:0;
}

#inhalt #right div.text {
float:none;
width:100%;
}

#inhalt .produktbox ul, #inhalt .produktbox ol {
margin-left:16px;
}

#inhalt .produktbox h2 img.pic_l, #inhalt img.pic_l {
float:left;
margin:2px 12px 12px 0;
}

#inhalt img.noborder {
border:0px;
}


#inhalt #produktdetail {
float:left;
/*
width:590px;
*/
width:570px;
margin:4px 0 0 0;
}

#inhalt #produktdetail #bilder {
float:left;
width:240px;
margin:0 20px 20px 0;
}

#inhalt #produktdetail #bilder #pic {
margin-bottom:12px;
text-align:center;
}

#inhalt #produktdetail #bilder #pic img {
margin-bottom:4px;
}

#inhalt #produktdetail #bilder #thumbs {

cursor:pointer;

}

#inhalt #produktdetail #bilder #thumbs img {
margin-bottom:4px;
}

#inhalt #produktdetail #produktinfo {
float:left;
width:310px;
}

#inhalt #produktdetail #produktinfo p {
width:310px;
}



#inhalt p.shoplink a {
display:inline-block;
padding:4px 6px;
border:1px dotted #2A7135;
background-color:#f1f1f1;
/*
float:right;
*/
margin:8px 0;
color:#2A7135;
}


#zubehoer {
display:block;
margin:48px 0 24px 0;
width:100%;
}

#zubehoer h3 {
margin:0 0 24px 0;
}

#zubehoer h4 {
float:left;
width:175px;
margin:0 0 20px 0;
text-align:center;

cursor:pointer;

}

#zubehoer h4.farben {
width:235px;
padding:0 20px;
}

#zubehoer h4.farbuebersicht {
width:275px;
margin:12px 0 0 0;
}

#zubehoer h4 img {
margin-bottom:8px;
}

/* BESTELLEN ENDE */ 





div.error {
padding:6px;
margin:0 0 12px 0;
border:1px dotted red;
background-color:#efefef;
}

div.error ul {
list-style-type:circle;
margin-left:24px;
}

div.success {
	padding:6px;
	margin:0 0 12px 0;
	border:1px dotted #2a7135;
	background-color:#efefef;
	color:#2a7135;
}

.fehler {
	color:red !important;
}















/* FORMULARE START */

/* ALLGEMIEN START */

#inhalt form.formular {
margin:0 0 18px 0;
padding:0;
font-size:100%;
overflow:hidden;
}

#inhalt form.formular fieldset {
border:none;
margin:0 0 20px 0;
padding:10px;
font-size:100%;
line-height:100%;
border:1px dotted #7D7D7D;
}

#inhalt form.formular fieldset legend {
margin:0;
padding:2px 6px;
font-size:120%;
font-weight:bold;
color:#666;
background-color:#fff;
}

#inhalt form.formular fieldset label {
display:inline-block;
margin:0 0 6px 0;
padding:0;
font-size:130%;
line-height:120%;
font-weight:bold;
font-size:110%;
color:#666;
}

#inhalt form.formular fieldset label.flmehrzeilig {
float:left;
clear:left;
margin-bottom:60px;
}

#inhalt form.formular fieldset label.nobr {
white-space:nowrap;
}

#inhalt form.formular fieldset input, #inhalt form.formular fieldset textarea {
width:424px;
margin:0 0 6px 0;
padding:2px;
border:1px solid #ccc;
background-color:#fff;
font-size:120%;
text-align:left;
font-family:Tahoma, Arial, Verdana, Helvetica, san serif;
}

#inhalt form.formular fieldset input.checkbox {
width:16px;
vertical-align:-2px;
background:none;
margin-left:4px;
border:none;
}

#inhalt form.formular fieldset input.flmehrzeilig {
vertical-align:11px;
}

#inhalt form.formular fieldset select {
margin-bottom:4px;
border:1px solid #ccc;
background-color:#fff;
font-size:120%;
}

#inhalt form.formular fieldset select option {
padding:0 4px;
}

#inhalt form.formular input.button {
padding:2px 6px;
border:1px dotted #2A7135;
background-color:#f1f1f1;
float:right;
margin:0 0 0 18px;
color:#2A7135;
}


/* ALLGEMEIN ENDE */




/* START KONTAKTFORM */

form#kontaktform {
width:560px;
}

form#kontaktform p {
	padding:0;
	margin:1px 0;
}

form#kontaktform fieldset label.txt {
width:100px;
}

form#kontaktform fieldset label.txt.url {
display:none !important;
}

form#kontaktform fieldset label.plz {
width:100px;
}

form#kontaktform fieldset label.ort {
width:30px;
margin-left:20px;
}

form#kontaktform fieldset label.login {
width:110px;
}

form#kontaktform fieldset label.captcha {
	width:20px;
}

form#kontaktform fieldset label.fl {
float:left;
clear:left;
margin:4px 3px 0 0;
width:100px;
}

form#kontaktform fieldset label.checkbox {
width:100px;
}

form#kontaktform fieldset label.breit {
width:165px;
}

form#kontaktform fieldset input, form#kontaktform fieldset textarea {
width:424px;
}

form#kontaktform fieldset input.breit, form#kontaktform fieldset textarea.breit {
width:528px;
}

form#kontaktform fieldset input.plz {
width:50px;
}

form#kontaktform fieldset input.login {
width:250px;
}

form#kontaktform fieldset input.ort {
width:310px;
}

form#kontaktform fieldset p.ziel {
margin:0;
}

form#kontaktform fieldset span.frage {
	font-size:110%;
}

form#kontaktform fieldset input.captcha {
	width:50px;
	margin-left:10px;
}

form#kontaktform fieldset input.txt.url {
display:none !important;
}



form#kontaktform fieldset label.checkbox_label {
width:auto;
margin-left:6px;
margin-right:16px;
vertical-align:2px;
}

form#kontaktform fieldset label.checkbox_txt_label {
width:90% !important;
float:left;
margin-left:0px;
margin-right:16px;
vertical-align:2px;
font-weight:normal;
display:inline-block;
}

form#kontaktform fieldset input.checkbox_txt_label {
float:left;
width:16px;
margin:2px 6px 0 6px;
display:inline-block;
}

/* ENDE KONTAKTFORM */








form#detailform {
float:left;
margin:0 0 12px 24px;
width:260px;
/*
background-color:yellow;
*/
}

form#detailform fieldset {
padding:10px 4px 4px 4px;
}

form#detailform fieldset label {
/*
width:70px;
*/
width:100px;
}

form#detailform fieldset label.flmehrzeilig {
float:left;
clear:left;
margin-bottom:60px;
}

form#detailform fieldset label.checkbox {
width:100px;
}

form#detailform fieldset label.breit {
width:165px;
}

form#detailform fieldset label.nobr {
white-space:nowrap;
}

form#detailform fieldset input.txt, form#detailform fieldset textarea {
width:120px;
}

form#detailform fieldset p {
/*
width:208px;
background-color:grey;
*/
}

form#detailform fieldset p span.small {
font-size:80%;
}

form#detailform fieldset p#preis {
line-height:160%;
}

form#detailform fieldset p#preis strong {
font-size:180%;
}

form#detailform fieldset input.button {
width:208px;
}

#inhalt .button_bestellform {
margin:0;
padding:4px 6px;
border:1px dotted #2A7135;
background-color:#f1f1f1;
color:#2A7135;
}

#inhalt form.formular input.kaufbutton {
margin:8px 0 0 0;
padding:4px 6px;
border:1px dotted #f1f1f1;
background-color:#2A7135;
color:#f1f1f1;
font-size:240%;
cursor:pointer;
}






#inhalt div.konfigurator#produktdetail {
width:400px;
float:left;
margin:10px 0 0 0;
/*
background-color:yellow;
*/
}

#inhalt form#konfigurator {
width:400px;
float:left;
margin:10px 0 0 48px;
/*
background-color:red;
*/
}

#inhalt form#konfigurator .button {
width:200px;
}

#inhalt form#konfigurator p {
width:376px;
/*
background-color:yellow;
*/
}

form#konfigurator fieldset {
padding:10px 4px 4px 4px;
}

form#konfigurator fieldset label {
width:100px;
}

form#konfigurator fieldset label.flmehrzeilig {
float:left;
clear:left;
margin-bottom:60px;
}

form#konfigurator fieldset label.checkbox {
width:300px;
display:inline;
margin-left:4px;
/*
background-color:green;
*/
}

form#konfigurator fieldset label.breit {
width:165px;
}

form#konfigurator fieldset label.nobr {
white-space:nowrap;
}

form#konfigurator fieldset input.txt, form#konfigurator fieldset textarea {
width:120px;
}

form#konfigurator fieldset input.checkbox {
width:20px;
display:inline;
margin:0;
padding:0;

/*
float:left;
background-color:red;
padding:4px;
*/
}

form#konfigurator fieldset p {
width:298px;
}

form#konfigurator fieldset p span.small {
font-size:80%;
}

form#konfigurator fieldset p#preis {
line-height:160%;
}

form#konfigurator fieldset p#preis strong {
font-size:180%;
}

form#konfigurator fieldset input.button {
width:208px;
}

#inhalt .zubehoer {
display:block;
margin:48px 0 24px 0;
width:100%;
}

#inhalt .zubehoer h3 {
margin:0 0 24px 0;
}

#inhalt .zubehoer h4 {
float:left;
width:175px;
margin:0 0 20px 0;
text-align:center;

cursor:pointer;

}

#inhalt .zubehoer h4.farben, #inhalt .zubehoer h4.produktmarkierungen {
width:235px;
padding:0 20px;
}

#inhalt .zubehoer h4.farbuebersicht {
width:275px;
margin:12px 0 0 0;
}

#inhalt .zubehoer h4 img {
margin-bottom:8px;
}



#inhalt #produktdetail {
float:left;
width:590px;
margin:4px 0 0 0;
}

#inhalt #produktdetail #bilder {
float:left;
width:240px;
margin:0 20px 20px 0;
}

#inhalt #produktdetail #bilder #pic {
margin-bottom:12px;
text-align:center;
}

#inhalt #produktdetail #bilder #pic img {
margin-bottom:4px;
}

#inhalt #produktdetail #bilder .thumbs {
cursor:pointer;
}

#inhalt #produktdetail #bilder .thumbs img {
margin-bottom:4px;
}

#inhalt #produktdetail #produktinfo {
float:left;
width:330px;
}










/* WARENKROB START */

#inhalt table.warenkorb {
width:100%;
margin:0;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
background-color:#F1F1F1;
}

#inhalt table.warenkorb td, #inhalt table.warenkorb th {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
vertical-align:top;
padding:6px 4px;
font-size:120%;
line-height:120%;
}

#inhalt table.warenkorb th {
background-color:#ccc;
}

#inhalt table.warenkorb td.preis {
white-space:nowrap;
text-align:right;
}

#inhalt table.warenkorb td.w {
background-color:#fff;
}

#inhalt table.warenkorb .ld {
border-top:2px solid #ccc;
}

#inhalt span.kl9 {
font-size:9px;
}

#inhalt table.warenkorb p, #inhalt table.warenkorb td ul, #inhalt table.warenkorb td ol, #inhalt table.warenkorb td li {
font-size:100%;
line-height:120%;
margin-top:2px;
margin-bottom:2px;
}


/* WARENKROB ENDE */


/* WARENKORB SMALL START */

#inhalt #warenkorb_small {
position:absolute;
z-index:99;
right:0px;
top:76px;
width:450px;
min-height:145px;
max-height:210px;
color:#2A7135;
background:url(/gif/alpha/alpha75w.png) repeat left top;
overflow:auto;
}

#inhalt #warenkorb_small #smallcart {
position:relative;
font-size:110%;
line-height:120%;
margin:0;
padding:6px;
}

#inhalt #warenkorb_small #smallcart h2 {
margin:0 0 2px 4px;
padding:0;
font-size:120%;
}

#inhalt #warenkorb_small #smallcart table.warenkorb {
margin:0;
padding:0;
background:none;
border:none;
}

#inhalt #warenkorb_small #smallcart table.warenkorb th {
border:none;
background:none;
}

#inhalt #warenkorb_small #smallcart table.warenkorb td {
border:none;
border-top:1px solid #2A7135;
background:none;
}

#inhalt #warenkorb_small #smallcart table.warenkorb td.preis {
text-align:right;
white-space:nowrap;
}

/* WARENKORB SMALL ENDE */



#inhalt form#warenkorb fieldset {
padding:0;
border:none;
}

#inhalt form#warenkorb fieldset input.button {
width:80px;
background-color:#fcfcfc;
}








#inhalt #small {
float:left;
width:240px;
margin:0;
}

#inhalt #big {
float:left;
width:560px;
margin:0;
}

#inhalt div.rechts#big, #inhalt div.rechts#small {
margin:0 0 0 50px;
}

div.order#inhalt #big {
margin-left:30px;
width:580px;
}

div.order#inhalt #small {
margin-right:0px;
}

#bestellnavi {
width:100%;
margin:0 0 24px 0;
padding:0;
overflow:hidden;
}

#bestellnavi ul {
width:100%;
text-indent:0;
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}

#bestellnavi ul li {
float:left;
list-style:none;
margin:0 12px 0 0;
padding:0;
text-indent:0;
}

#bestellnavi ul li a.aktiv {
font-weight:bold;
margin:0;
padding:0;
}





/* ROUTENPLANER */

form#routenplaner {
overflow:hidden;
}

form#routenplaner fieldset {
float:left;
width:190px;
padding:4px 10px;
margin-bottom:10px;
border:1px dotted #666;
background-color:#fff;
}

form#routenplaner fieldset.l {
margin-right:20px;
width:260px;
}

form#routenplaner fieldset legend {
padding:2px 6px;
font-size:120%;
font-weight:bold;
color:#666;
background-color:#fff;
}

form#routenplaner fieldset input.txt, form#routenplaner fieldset select {
width:98%;
font-size:120%;
padding:1px 2px 0 2px;
margin:0 0 2px 0;
}

form#routenplaner fieldset select option {
padding:0;
}

form#routenplaner input.button {
float:right;
margin-top:20px;
}

div#karte {
width:100%;
height:500px;
margin:20px 0;
border:1px solid #727271;
}

div#route  {
margin:0;
padding:0;
width:100%;
}

/* ROUTENPLANER ENDE */



#footer {
width:884px;
text-align:right;
margin:0 auto;
padding:0 0 4px 0;
background-color:#f1f1f1;
}

#footer p {
margin:0 10px;
padding:0px 0 0 0;
line-height:240%;
text-align:right;
}

#footer p strong {
margin:0 20px;
}

#footer p strong .icon {
vertical-align:-1px;
}

#footer a {
color:#2A7135;
}

#footer span {
float:left;
text-align:left;
display:inline-block;
}







/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
	
/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */



/* LIGHTBOX */
#lightbox{
	position: absolute; 
	left: 0;
	width: 100%;
	z-index: 700;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 610;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/gif/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/gif/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/gif/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #23315E;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 10px;
}
#prevLinkText{
padding-right: 10px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{padding:0 10px;margin:0; color:#23315E;}
#imageData #imageDetails{ width: 100%; float: left; text-align: left; }	
#imageData #caption{ display:block;clear:left;font-weight: bold; font-size:12px; margin:0 0 4px 0;padding:4px 0 0 0; border-top:1px solid #777; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 0em;	}
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#imageData span.fl {
float:left;
margin:0 16px 2px 0;
font-size:11px;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 690;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

#inhalt .hide a {
display:none;
}


/* #### SOCIALMEDIA START #### */

#socialmedia  {
	display:block;
	text-align:center;
	clear:both;
	margin:8px 0 6px 0 !important;
}

#socialmedia #socialbuttons {
	display:inline;
	width:auto;
	max-width:100px;
	text-align:center;
	margin:0 auto 10px auto !important;
	padding:0;
	list-style:none;
}

#socialmedia #socialbuttons li {
	display:inline-block;
	margin:0 0 0 4px;
	padding:0;	
	width:20px;
}

#socialmedia #socialbuttons li a span {
	width:20px;
	height:20px;
	display:inline-block;
	background:url("/gif/icons/socialmedia.png") no-repeat 0 0;
}

#socialmedia #socialbuttons li a .facebook20 {
	background:url("/gif/icons/socialmedia.png") no-repeat 0 0 !important;
}

#socialmedia #socialbuttons li a .twitter20 {
	background:url("/gif/icons/socialmedia.png") no-repeat 0 -20px !important;
}

#socialmedia #socialbuttons li a .pinterest20 {
	background:url("/gif/icons/socialmedia.png") no-repeat 0 -40px !important;
}

#socialmedia #socialbuttons li a .mail20 {
	background:url("/gif/icons/socialmedia.png") no-repeat 0 -60px !important;
}

/* #### SOCIALMEDIA ENDE #### */




/* YouTube Blocked Start */

#container div.responsive-video.blocked {
	position:relative;
}

#container div.responsive-video.blocked .message {
	position: absolute;
	top: 0;
	left: 0;	
	width: calc(100% - 60px);
	height: calc(100% - 60px);		
	z-index:100 !important;
	border:0px solid red !important;
	background-color:rgba(0,0,0,.75) !important;
	color:#fff !important;
	text-align:center;
	padding:30px;
}

#container div.responsive-video.blocked .message p,
#container div.responsive-video.blocked .message * {
	color:#fff !important;
}

#container div.responsive-video.blocked .message a {
	cursor: pointer;
	color:red !important;	
}

#container div.responsive-video.blocked .message a.youtube-blocked {
	color:#fff !important;
	background-color:red;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:6px;
	display:inline-block;
}

/* YouTube Blocked Ende */



#karten_box {
	width:100%;
	text-align:left;
}

/* GMAP Blocked Start */

#karten_box.blocked {
	position:relative;
}

#karten_box.blocked .message {
	position: absolute;
	top: 0;
	left: 0;	
	width: calc(100% - 60px);
	height: calc(100% - 60px);		
	z-index:100 !important;
	border:0px solid red !important;
	background:rgba(0,0,0,.75) url(../../gif/bg-liefergebiet.jpg) no-repeat 0px 0px !important;
	color:#fff !important;
	text-align:center;
	padding:30px;
}

#karten_box.blocked .message p,
#karten_box.blocked .message * {
	color:#fff !important;
}

#karten_box.blocked .message a {
	cursor: pointer;
	color:red !important;
}

#karten_box.blocked .message a.googlemaps-blocked {
	color:#fff !important;
	background-color:red;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:6px;
	display:inline-block;
}

/* GMAP Blocked Ende */




#container .button {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:6px;
	font-size:100%;	
	color:rgba(76,76,72,0.85);
	border:2px solid rgba(76,76,72,0.85);
	background-color:#fff;
	-webkit-transition: color 400ms ease-out, background-color 200ms ease-in;
    transition: color 400ms ease-out, background-color 200ms ease-in;	
}

#container :hover.button,
#container a:hover.button {
	text-decoration:none;
	color:#fff;
	background-color:rgba(76,76,72,0.85);
}

#container :hover.button * {
	text-decoration:none;
	color:#fff;
}



#container .button_small {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:4px;
	font-size:90%;	
	color:rgba(76,76,72,0.85);
	border:1px solid rgba(76,76,72,0.85);
	background-color:#fff;
	-webkit-transition: color 400ms ease-out, background-color 200ms ease-in;
    transition: color 400ms ease-out, background-color 200ms ease-in;
	font-weight:400 !important;
}

#container :hover.button_small,
#container a:hover.button_small {
	text-decoration:none;
	color:#fff;
	background-color:rgba(76,76,72,0.85);
}

#container :hover.button_small * {
	text-decoration:none;
	color:#fff;
}




/* ### KLARO START ### */

.klaro .cookie-modal,
.klaro .cookie-notice {
	font-size: 100%;
}

.klaro .cookie-modal .switch, 
.klaro .cookie-notice .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 30px;
}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, 
.klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
	background-color: #0885BA;
}

.klaro .cookie-modal .cm-app-input.required:checked + .cm-app-label .slider, 
.klaro .cookie-notice .cm-app-input.required:checked + .cm-app-label .slider {
	opacity: 0.8;
	background-color: #006A4E;
	cursor: not-allowed;
}

.klaro .cookie-modal .slider, 
.klaro .cookie-notice .slider {
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal .cm-app-input, 
.klaro .cookie-notice .cm-app-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 50px;
	height: 30px;
}

.klaro .cookie-modal .cm-app-label,
.klaro .cookie-notice .cm-app-label {

}

.klaro .cookie-modal .cm-app-label .slider,
.klaro .cookie-notice .cm-app-label .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	width: 50px;
	display: inline-block;
}

.klaro .cookie-modal .cm-app-label .slider:before,
.klaro .cookie-notice .cm-app-label .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 5px;
	bottom: 5px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.klaro .cookie-modal .cm-app-label .slider.round,
.klaro .cookie-notice .cm-app-label .slider.round {
	border-radius: 30px;
}

.klaro .cookie-modal .cm-app-label .slider.round:before,
.klaro .cookie-notice .cm-app-label .slider.round:before {
	border-radius: 50%;
}

.klaro .cookie-modal .cm-app-label input:focus + .slider,
.klaro .cookie-notice .cm-app-label input:focus + .slider {
	box-shadow: 0 0 1px #0885BA;
}

.klaro .cookie-modal .cm-app-label input:checked + .slider:before,
.klaro .cookie-notice .cm-app-label input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.klaro .cookie-modal .cm-app-input:focus + .cm-app-label .slider,
.klaro .cookie-notice .cm-app-input:focus + .cm-app-label .slider {
	box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before,
.klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider {
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
	color: #00AA3E;
	text-decoration: none;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
	font-family: inherit;
	color: #555;	
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li {
	color: #fff !important;
}

.klaro .cookie-modal p,
.klaro .cookie-modal li {
	line-height:140%;
	font-size:110%;
}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 7px;
}

.klaro .cookie-modal .cm-link,
.klaro .cookie-notice .cm-link {
	padding-left: 4px;
	vertical-align: middle;
}

.klaro .cookie-notice .cm-link.cm-learn-more {
	padding:8px;
	display:inline-block;
	background-color:#555;
	color:#fff;
	vertical-align: top;
	margin:0;
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {
	background: #555;
	color: #fff;
	border-radius: 0px;
	padding: 8px;
	margin-right: 5px;
	border: 0;
	cursor:pointer;
}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled {
	opacity: 0.5;
}

.klaro .cookie-modal .cm-btn.cm-btn-sm,
.klaro .cookie-notice .cm-btn.cm-btn-sm {
	/*
	padding: 4px;
	*/
	font-size: 100%;
}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close {
	background: #eee;
	color: #555;
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
	background: #00AA3E;
}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info {
	background: #0885BA;
}

.klaro .cookie-modal .cm-btn.cm-btn-right,
.klaro .cookie-notice .cm-btn.cm-btn-right {
	float: right;
	margin-left: 5px;
	margin-right: 0;
}

.klaro .cookie-notice .cm-btn-danger {
	background-color:red;
}





.klaro .cookie-modal {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 9999999 !important;
}

.klaro .cookie-modal .cm-bg {
	/*
	background: rgba(0,0,0,.75);
	*/
	background: rgba(255,255,255,.85);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0 !important;
	left: 0;
}

.klaro .cookie-modal .cm-modal {
	z-index: 1001;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
	width: 100%;
	max-height: 98%;
	top: 50%;
	transform: translateY(-50%);
	position: fixed;
	overflow: auto;
	background: #333;
	color: #fff;
}

@media (min-width: 1024px) {
	.klaro .cookie-modal .cm-modal {
		border-radius: 4px;
		position: relative;
		margin: 0 auto;
		max-width: 640px;
		height: auto;
		width: auto;
	}
}

.klaro .cookie-modal .cm-modal .hide {
	border: none;
	background: none;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.klaro .cookie-modal .cm-modal .hide svg {
	stroke: #eee;
}

.klaro .cookie-modal .cm-modal .cm-footer {
	padding:10px;
	border-top: 1px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons::before,
.klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
	content: " ";
	display: table;
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
	clear: both;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
	font-size:100%;
	padding-top: 4px;
	text-align: center;
}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
	color: #555;
}

.klaro .cookie-modal .cm-modal .cm-header {
	padding:10px;
	padding-right: 24px;
	border-bottom: 1px solid #555;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
	margin: 0;
	font-size:200%;
	display: block;
}

.klaro .cookie-modal .cm-modal .cm-header h1.title {
	padding-right: 20px;
}

.klaro .cookie-modal .cm-modal .cm-body {
	padding:10px;
}

.klaro .cookie-modal .cm-modal .cm-body ul {
	display: block;
}

.klaro .cookie-modal .cm-modal .cm-body span {
	display: inline-block;
	width: auto;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps {
	padding: 0;
	margin: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
	position: relative;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 60px;
	min-height: 40px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
	margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
	position: absolute;
	left: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
	margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
	font-size:100%;
	color: #555;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
	border-top: 1px solid #555;
	padding-top:10px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
	font-weight: 600;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
	padding-left: 2px;
	font-size:100%;
}


.klaro .cookie-notice {
	
	z-index:99999999;
	/*
	background:rgba(68,68,68,0.125);
	*/
	background-color:#f8f8f8;
	height:auto;
	line-height:100%;
	font-size:100%;
	color:#555 !important;
	text-align:center;
	padding:10px;
	
	/*
	border-top:1px solid rgba(68,68,68,0.125);
	-webkit-box-shadow: 0px -4px 4px 0px rgba(68,68,68,0.25);
	-moz-box-shadow: 0px -4px 4px 0px rgba(68,68,68,0.25);
	box-shadow: 0px -4px 4px 0px rgba(68,68,68,0.25);
	*/
	
	border-top:1px solid rgba(160,160,160,.75);
	-webkit-box-shadow: 0px -4px 4px 0px rgba(160,160,160,.75);
	-moz-box-shadow: 0px -4px 4px 0px rgba(160,160,160,.75);
	box-shadow: 0px -4px 4px 0px rgba(160,160,160,.75);
	
	position: fixed;
	width: calc(100% - 20px);
	bottom: 0;
	right: 0;
}

@media (min-width: 990px) {
	.klaro .cookie-notice {
		
		width:100% !important;
		display:block !important;
		text-align:center !important;
		
		/*
		position: fixed;
		bottom: 30px;
		right: 30px;		
		max-width: 420px;
		*/
	}
}

@media (max-width: 989px) {
	.klaro .cookie-notice {
		border: none;
		border-radius: 0;
	}
}

.klaro .cookie-notice .cn-body {
	/*
	margin-bottom: 0;
	margin-right: 0;
	bottom: 0;
	*/
	
	margin:0 auto !important;
	width:50% !important;
	min-width:360px !important;
	text-align:left !important;
	/*
	padding: 6px;
	padding-top: 0;
	*/
	padding:0 0 6px 0;
	color:#555 !important;
}


/*
.klaro .cookie-notice {
	width:100% !important;
	display:block !important;
	text-align:center !important;
}

.klaro .cookie-notice .cn-body {
	margin:0 auto !important;
	width:50% !important;
	min-width:360px !important;
	text-align:left !important;
}
*/



.klaro .cookie-notice .cn-body p {	
	margin-bottom: 5px;
	line-height:140%;
	font-size:130%;
	color:#000 !important;
}

.klaro .cookie-notice .cn-body p.cn-changes {
	text-decoration: underline;
}

.klaro .cookie-notice .cn-body .cn-learn-more {
	display: inline-block;
}

.klaro .cookie-notice .cn-body p.cn-ok {
	padding-top: 5px;
	margin: 0;
}

.klaro .cookie-notice-hidden {
	display: none !important;
}








.klaro .cookie-notice .cn-body p button.cm-btn-danger,
.klaro .cookie-notice .cn-body p button.cm-btn-success,
.klaro .cookie-notice .cn-body p a.cm-learn-more {
	cursor: pointer;
	/*
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	*/
	transition: 0.3s;
	
	-webkit-transition: color 400ms ease-out, background-color 200ms ease-in;
    transition: color 400ms ease-out, background-color 200ms ease-in;
	
	background: rgba(54,193,64,0);
	color:rgba(54,193,64,1);
	border: 3px solid rgba(54,193,64,1);
	border-radius: 0px;
	overflow:hidden;
	display: inline-block;
	position: relative;
	/*
	font-size: 140%;
	*/
	padding: 8px 16px;
	width:auto;
	margin-right:10px;
	margin-bottom:10px;
	overflow-wrap: break-word !important;	
}

.klaro .cookie-notice .cn-body p button.cm-btn-danger:hover,
.klaro .cookie-notice .cn-body p button.cm-btn-success:hover,
.klaro .cookie-notice .cn-body p a.cm-learn-more:hover {
	background-color: transparent;
	text-shadow: none;
	color: #fff !important;
	background: rgba(54,193,64,1);
}

.klaro .cookie-notice .cn-body p button.cm-btn-danger:hover:before,
.klaro .cookie-notice .cn-body p button.cm-btn-success:hover:before,
.klaro .cookie-notice .cn-body p a.cm-learn-more:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}

.klaro .cookie-notice .cn-body p button.cm-btn-danger:before,
.klaro .cookie-notice .cn-body p button.cm-btn-success:before,
.klaro .cookie-notice .cn-body p a.cm-learn-more:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: rgba(54,193,64,1);
	/*
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	*/
	transition: 0.3s;
	-webkit-transition: color 400ms ease-out, background-color 200ms ease-in;
    transition: color 400ms ease-out, background-color 200ms ease-in;
}



.klaro .cookie-notice .cn-body p button.cm-btn-danger {
	background: rgba(244,73,73,0);
	color:rgba(244,73,73,1);
	border: 3px solid rgba(244,73,73,1);
	/*
	margin-right:0px;
	*/
}

.klaro .cookie-notice .cn-body p button.cm-btn-danger:hover {
	color: #fff !important;
	background: rgba(244,73,73,1);
}

.klaro .cookie-notice .cn-body p button.cm-btn-danger:before {
	color: #fff !important;
	background: rgba(244,73,73,1);
}




.klaro .cookie-notice .cn-body p a.cm-learn-more {
	background: rgba(160,160,160,0);
	color:rgba(160,160,160,1);
	border: 3px solid rgba(160,160,160,1);
	margin-right:0px;
}

.klaro .cookie-notice .cn-body p a.cm-learn-more:hover {
	color: #fff !important;
	background: rgba(160,160,160,1);
}

.klaro .cookie-notice .cn-body p a.cm-learn-more:before {
	color: #fff !important;
	background: rgba(160,160,160,1);
}



/* ### KLARO ENDE ### */