/* ----------------------------------------------------------------------------------------------------
Allgemeines
---------------------------------------------------------------------------------------------------- */
*.* {margin:0px;padding:0px;}
html {}
body {font-family:'Roboto',Arial, Helvetica, sans-serif;font-size:14px;color:#000000;background-color:#fcf7e5;margin:0px;position:relative;}

a {color:#4C7258;text-decoration:none;}
a.button {display:inline-block;background-color:#8BB06B;padding:5px 15px;font-weight:bold;color:#E9F0C8;border-radius:5px;}
input[type="submit"], button {background-color:#8BB06B;font-weight:bold;color:#E9F0C8;border:none;padding:5px 15px;border-radius:5px;}
input[type="submit"] .fa, button .fa {font-weight:bold;margin-right:7px;}
a.button.invert, input.invert[type="submit"], button.invert {background-color:#E9F0C8;color:#8BB06B!important;}

h1 {color:#B86635;font-weight:bold;font-size:18px;text-align:left;margin: 1.8em 0;}
h2 {color:#4C7258;text-align:left;font-weight:bold;font-size:14px;}
a.h2 {display:block;color:#4C7258;font-weight:bold;font-size:14px;}

.center {text-align:center;}
.fehlermeldung {font-weight:bold;color:#C40003;}

div.minimal {width:0px;height:0px;}

a.wkor {display:block;float:right;background-color:#8BB06B;padding:5px;font-weight:bold;color:#E9F0C8;font-size:18px;margin:10px 0 10px 0;}

.clear {clear:both;}
.autotrennung {hyphens: auto;}

img {max-width:100%;}

.alternierend>div:nth-child(odd), table.alternierend>tr:nth-child(odd) {background-color:#E8EFE1;}
.alternierend>div:nth-child(even), table.alternierend>tr:nth-child(even) {background-color:#F8FFF1;}
div.row.tabellenueberschriften, tr.tabellenueberschriften {background-color:#8bb06b!important;color:#FFFFFF;text-align:center;font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------- */
.container.haupt {background-color:#FFFFFF;}
body.startologin .container.haupt {background-color:#fedcb2;}
a.logo {font-weight:bold;color:#E9F0C8;font-size:22px;}
.claim {width:auto;height:60px;}
div.popup_schliessen {background-color:#E3EDC3;margin:10px auto 10px auto;text-align:center;font-size:12px;font-weight:bold;padding:10px;}
.seitenueberschrift {background-color:#96281c;}
.seitenueberschrift h1 {color:#f9d391;}

/* ----------------------------------------------------------------------------------------------------
Startseite
---------------------------------------------------------------------------------------------------- */
.row.kacheln {margin-left:0;margin-right:0;}
.row.kacheln .homekachel {margin-top: 30px !important;}
.row.kacheln .homekachel h1 {font-size:20px;margin-bottom:1rem;font-weight:bold;text-align:center;margin-top:0.4em;}
.row.kacheln .homekachel.hk1 h1 {color:#FFFFFF;}
.row.kacheln .homekachel .innen {min-height:100px;height:100%;}
.row.kacheln .homekachel .innen .bild img {width:100%;}
.row.kacheln .homekachel.hk1 .innen, .row.kacheln .homekachel.hk3 .innen {background-color:#4C7258;color:#FFFFFF;font-weight:bold;}
.row.kacheln .homekachel.hk1 .innen h2, .row.kacheln .homekachel.hk3 .innen h2, .row.kacheln .homekachel.hk1 .innen a, .row.kacheln .homekachel.hk3 .innen a {color:#FFFFFF;}
.row.kacheln .homekachel.hk2 .innen, .row.kacheln .homekachel.hk4 .innen {background-color:#FFFFFF;}
.row.kacheln .homekachel.hk1 .innen .unlockicon {text-align: center;display: block;padding: 60px 0 10px 0;}
.row.kacheln .homekachel .innen .bild {position:relative;}
.row.kacheln .homekachel .pfeilhoch {width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid white;bottom:0;left:30px;position:absolute;}
.row.kacheln .homekachel.hk3 .innen .pfeilhoch {border-bottom:30px solid #4C7258;}
.hkds {height:30px;}
.row.kacheln .homekachel .innen .text {padding: 15px;}
@media (min-width: 768px) {
	.row.kacheln.z2 {transform: scaleX(-1);}
	.row.kacheln .homekachel.hk3, .row.kacheln .homekachel.hk4 {transform: scaleX(-1);}
}

/* ----------------------------------------------------------------------------------------------------
Slider + Co
---------------------------------------------------------------------------------------------------- */
.row.slider {margin-left:-15px;margin-right:-15px;padding-top:30px;padding-bottom:30px;background-color:#96281c;}
.carousel-control-prev, .carousel-control-next {background-repeat: repeat-x;width:7%;}
.carousel-control-prev {background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);}
.carousel-control-next {background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);}
.slider .inner {position:relative;}
.slider .inner .text h1 {margin:0;padding:7px;z-index:10;background-color:#f9d391;color:#96281c;font-size:30px;}
.slider .inner .text h2 {position:absolute;right:10px;z-index:10;margin:15px;padding-top:10px;width:100px;height:100px;border-radius:50px;background-color:rgba(255,255,255,0.7);color:#96281c;text-align:center;font-size:20px;text-transform:uppercase;}
.slider .inner .text h2 .proz {font-size:24px;}
.carousel-item img {width:100%;object-fit:cover;}
.slider .rechts h2 {color:#FFFFFF;font-size:28px;margin:15px 0;}
.slider .rechts h1 {color:#f9d391;font-size:40px;font-weight:bold;margin:60px 0 0 0;}
video.startseiterechtsoben {display:none;}
@media (min-width: 768px) {
    video.startseiterechtsoben {display:block;}
    .slider .inner .text h1 {position:absolute;top:0px;left:0px;margin:0 0 0 15px;}
}
@media (min-width:576px) {
    .slider .inner .text h2 {padding-top:36px;width:200px;height:200px;border-radius:100px;font-size:32px;}
    .slider .inner .text h2 .proz {font-size:50px;}
}


/* ----------------------------------------------------------------------------------------------------
Login
---------------------------------------------------------------------------------------------------- */
.row.kacheln .homekachel.hk1 .innen {position:relative;}
.row.kacheln .homekachel.hk1 .form_login {padding-top:10px;}
.pwlostreg {position:absolute;bottom:0;left:0;width:100%;padding:15px;text-align:left;}
.loginreglink {float:right;}

/* ----------------------------------------------------------------------------------------------------
Menue neu
---------------------------------------------------------------------------------------------------- */
.navbar {background-color:#FFFFFF;margin-left:-15px;margin-right:-15px;padding-top:0;padding-bottom:0;}
.navbar .navbar-brand.logo img {height:60px;width:auto;}
.navbar a {color:#96281c;}

.navbar ul.small {margin-bottom:10px;transition:.6s all;flex-direction: row;}
body.scrolled .navbar ul.small {margin-bottom:0;}
.navbar ul.haupt>li>a {font-size:13px;text-transform:uppercase;font-weight:bold;}
.navbar ul.haupt li a.deakt {cursor:default;}
.navbar-light .navbar-toggler-icon {background-image:none;}
.navbar-toggler {border-width:0;padding:0;margin:15px 0 15px 15px;}
button.navbar-toggler:focus {outline:none;}

.navbar-toggler-icon {position: relative;display: inline-block;width: 2em;height: 1.5em;margin-right: 0;transition:.6s all;}
.navbar-toggler-icon:before {content: "";position: absolute;top: 0.3em;left: 0px;width: 100%;border-top: 0.3em solid #000000;transition:.6s all;transform: rotate(45deg);}
.navbar-toggler-icon:after {content: "";position: absolute;top: 0.3em;left: 0px;width: 100%;border-top: 0.3em solid #000000;transition:.6s all;transform: rotate(-45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:before {transform:rotate(0deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after {transform:rotate(0deg);}
.navbar-toggler.collapsed .navbar-toggler-icon {border-top: 0.3em solid #000000;border-bottom: 0.3em solid #000000}

.navbar ul.small {font-size:14px;}
.navbar ul.small li.suche {display:inline;}
.navbar li.suche input {background-color:#f9d391;border:none;height:30px;}
.navbar li.suche button {border-radius:0px;background-color:#96281c;font-size:16px;padding:2px 8px;height:30px;}
.navbar li.suche ::-webkit-input-placeholder {color:#96281c;font-style:italic;text-align:center;}
.navbar li.suche ::-moz-placeholder {color:#96281c;font-style:italic;text-align:center;}
.navbar li.suche :-ms-input-placeholder {color:#96281c;font-style:italic;text-align:center;}
.navbar li.suche :-moz-placeholder {color:#96281c;font-style:italic;text-align:center;}
.navbar li.suche ::placeholder {color:#96281c;font-style:italic;text-align:center;}

body.scrolled .navbar ul.small li {padding:.4rem 0 .4rem 0;}
body.scrolled .navbar ul.small li.suche {padding:.2rem 0 .2rem 0;}

.navbar ul.small a.nav-link {display:inline-block;font-style:italic;padding:0 .6rem 0 .6rem;}
.navbar ul.small li:last-child a, .navbar ul.small li.log a {border-right:none;}
.navbar ul.small a .fa {font-size:18px;margin-right:5px;}
.navbar ul.small a img {display: inline-block;margin-top: -6px;}

.navbar ul.haupt>li {border-bottom:solid 1px #999999;padding:0 15px;}
.navbar ul.haupt>li:last-child {border-bottom:none;}
.dropdown-menu {border:none;border-radius:0;margin-top:0;}
.dropdown-item.active, .dropdown-item:active {background-color:#FFFFFF;}
.dropdown {position:relative;}
.dropdown-toggle::after {position:absolute;right:5px;top:1.2rem;}

#bottomnavrow {background-color:#f9d391;margin-left:-16px;margin-right:-16px;}

@media (min-width: 992px) {
    	.navbar ul.haupt {display:block;margin-bottom:10px;}
	.navbar ul.haupt>li {display: inline-block;}
	.navbar .navbar-brand.logo img {height:70px;width:auto;max-width:none;transition:.6s all;}
	body.scrolled .navbar .navbar-brand.logo img {height:50px;}
	body.scrolled .navbar .claim {height:40px;}
        .claim {margin-left:40px;}
        #bottomnavrow {height: 35px;}
	.navbar ul.small li {padding:.6rem 0 .6rem 0;transition:.6s all;}
	.navbar ul.small li.suche {padding:.4rem 0 .4rem 0;}
	.navbar ul.small a .fa {margin-right:10px;}
	.navbar ul.small a.nav-link {padding:0 1.6rem 0 1.6rem;}
	.dropdown-menu {box-shadow: 0 2px 20px 0 rgba(0,1,1,0.30);opacity:.94}
	.navbar ul.haupt>li {border-bottom:none;}
	.dropdown-toggle::after {position:relative;left:0;top:0;}
}
@media (max-width: 991px) {
	.navbar ul.small {flex-wrap: wrap;}
	.break {flex-basis:100%;height:0;}
}
@media (max-width: 575px) {
        .claim {display:none;}
}
/* ----------------------------------------------------------------------------------------------------
Footer Menue
---------------------------------------------------------------------------------------------------- */
div.lay_fuss {background-color:#fedcb2;margin-top:20px;color:#96281c;font-size:14px;padding-top:10px;text-align:center;}
div.lay_fuss ul.sitemap {list-style:none;margin:0 0 20px 0;padding:0;}
div.lay_fuss ul.sitemap li a {text-decoration:none;color:#96281c;padding:0 0 5px 0;}
div.lay_fuss ul.sitemap>li>a {font-weight:bold;}
@media (min-width: 576px) {
    div.lay_fuss {text-align:left;}
    div.lay_fuss .adresse {text-align:right;}
}
@media (min-width: 768px) {
	div.lay_fuss ul.sitemap {-webkit-column-count:2;-moz-column-count:2;-o-column-count:2;column-count:2;column-gap:30px;}
	div.lay_fuss ul.sitemap li {break-inside:avoid-column;}
}
@media (min-width: 992px) {
	div.lay_fuss ul.sitemap {-webkit-column-count:3;-moz-column-count:3;-o-column-count:3;column-count:3;}
	div.lay_fuss ul.sitemap li.breakafter {break-after:always;-moz-column-break-after:always;-webkit-column-break-after:always;}
}
@media (min-width: 1200px) {
	div.lay_fuss ul.sitemap {-webkit-column-count:4;-moz-column-count:4;-o-column-count:4;column-count:4;}
}

/* ----------------------------------------------------------------------------------------------------
Formulare
---------------------------------------------------------------------------------------------------- */
table.formular {width:100%;margin-bottom:30px;}
table.formular td {padding:10px 0 10px 0;}
tr.buttons td {text-align:center;}
table.formular label {margin-bottom:0;}
div.select {position:relative;width:70%;}
div.select:after {content:"\f107";font-family: FontAwesome;position:absolute;right:0px;font-size:18px;top:2px;right:8px;}
div.select select {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;width:100%;cursor: pointer;outline: 0;position:relative;}
input,select,textarea {border:solid 1px #CDDEA4;}
input[type="text"], input[type="password"] {width:70%}
input[type="file"] {max-width:70%}
input,select,textarea {padding:4px;background-color:#FFFFFF;}
textarea {font-weight:normal;width:70%;min-height:5em;}
ul.checkradio {list-style-type:none;margin:0px;padding:0px;}
.homekachel.hk1 input[type="submit"] {background-color:#FFFFFF;font-weight:bold;color:#96BE5F;}
#regisformdaten__EA__strasse__EZ__ {width:48%;}
#regisformdaten__EA__hausnummer__EZ__ {width:20%;margin-left:2%;}
#regisformdaten__EA__plz__EZ__, #anfrageformulardaten__EA__plz__EZ__, #bestellformulardaten__EA__plz__EZ__ {width:20%;}
#regisformdaten__EA__ort__EZ__, #anfrageformulardaten__EA__ort__EZ__, #bestellformulardaten__EA__ort__EZ__ {width:48%;margin-left:2%;}

.pflichtfelder {text-align:center;}
.ERROR {border:solid 1px #C40003;}
@media (min-width: 768px) {
	.wkauswahl div.select {position:relative;width:50%;display:inline-block;}
	tr.buttons td {text-align:right;}
	.pflichtfelder {text-align:right;}
	.row.anfrageform {transform: scaleX(-1);}
	.row.anfrageform .spalte {transform: scaleX(-1);}
}


/* ----------------------------------------------------------------------------------------------------
Kombifeld / Selectspezialfeld
---------------------------------------------------------------------------------------------------- */
.selectspezialfeld {position:relative;display:inline;}
.selectspezialfeld input, .selectspezialfeld .ssftf {width:100%;min-width:300px;padding:4px 20px 4px 4px;color:#000000;background-color:#CDDEA4;position:relative;text-align:left;}
.selectspezialfeld.kombi {position:relative;}
.selectspezialfeld.kombi:before, .selectspezialfeld .ssftf:before {content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 18px;position: absolute;z-index:10;}
.selectspezialfeld.kombi:before {top:-4px;right:10px;}
.selectspezialfeld .ssftf:before {top:2px;right:10px;}

.selectspezialfeld ul {position:absolute;margin:0;left:0px;z-index:120;list-style-type:none;width:300px;background-color:#CDDEA4;padding:0;max-height:300px;overflow:auto;box-shadow: 4px 9px 11px 6px rgba(0,1,1,0.5);}
.selectspezialfeld ul li {padding:4px 4px 4px 4px;font-family:'Roboto', Arial, Helvetica, sans-serif;color:#000000;font-weight:bold;font-size:12px;width:100%;text-align:left;}
.selectspezialfeld ul li:hover, .selectspezialfeld ul li.gewaehlt {background-color:#4E553F;color:#FFFFFF;}

.selectspezialfeld .ssftf {transition:.6s all;}
.selectspezialfeld .ssftf.glow {background-color:#FFFFFF;box-shadow: 0 0 15px 5px rgba(102,153,51,0.5);transition:0s all;}

/* ----------------------------------------------------------------------------------------------------
Produkt Streifenansicht
---------------------------------------------------------------------------------------------------- */
.produktstreifenzeile {margin:30px -15px 0 -15px;padding:15px 0;}
/* Wird jetzt im Backen eingestellt
.produktstreifenzeile.z1 {background-color:#98643c;}
.produktstreifenzeile.z2 {background-color:#93a34a;}
.produktstreifenzeile.z3 {background-color:#658755;}
*/
.produktstreifenzeile {color:#FFFFFF;font-size:16px;}
.produktstreifenzeile h2 {color:inherit;font-size:inherit;}
.produktstreifenzeile .produktstreifen {display:flex;}
.produktstreifenzeile .produktstreifen .einartikel {padding:0 15px;color:#FFFFFF;}
.produktstreifenzeile .produktstreifen .einartikel h3 {font-size:inherit;font-weight:bold;padding-top:6px;}
.produktstreifenzeile .produktstreifen .einartikel .beschr {font-size:inherit;}
.produktstreifenzeile .produktstreifen .einartikel .preis {font-size:inherit;}
.produktstreifenzeile .slick-initialized .slick-track{display: flex;}
.produktstreifenzeile .slick-initialized .slick-slide{display: flex;flex-direction:column;height:auto;align-items: stretch;justify-content:space-between;}
.produktstreifenzeile .slick-next {right: -10px;}

/* ----------------------------------------------------------------------------------------------------
Produkt Mehrfachansicht
---------------------------------------------------------------------------------------------------- */
.produktliste {width:100%;}
.produktliste div.row.tabellenueberschriften {visibility:hidden;height:0;}
.produktliste div.row {align-items:center;justify-content:center;}

.produktliste div.row>div {text-align:center;padding:5px;}
.produktliste div.row>div.bezeichnung {text-align:left;}
.produktliste div.row>div.beschr {text-align:left;}
.produktliste div.row>div.beschr .bestand {padding-top:1rem;}
.produktliste div.row>div.weiter i.fa {font-size:50px;}
@media (min-width: 768px) {
	.produktliste div.row.tabellenueberschriften {visibility:visible;height:auto;}
}
/* ----------------------------------------------------------------------------------------------------
Produkt Einzelansicht
---------------------------------------------------------------------------------------------------- */
.prod_einzelanz input {width:50px;height:50px;}	/* 48px */
.prod_einzelanz textarea {}
.prod_einzelanz select {}

.prod_einzelanz .row.oben {margin-bottom:30px;}

.prod_einzelanz.statisch .row>div {padding:15px;}
.prod_einzelanz.statisch .row.abbildungen .weitereabbs img {margin:0 30px 30px 0;}
.prod_einzelanz.statisch .row.abbildungen .grossabb img {margin-bottom: 0;}

.abbildungen img {vertical-align:bottom;margin:0 15px 15px 0;}
div.button {background-color:#8BB06B;padding:5px;width:180px;text-align:center;margin:0px auto 10px auto;}
div.button a {font-weight:bold;color:#E9F0C8;font-size:14px;}
td.produktbeschreibung {text-align:left;}
div.preis {font-weight:bold;font-size:14px;}
td.preis_netto_ohnerabatt {text-decoration:none;}
span.preis_netto {font-size:14px;}
.kgrh span.preis_netto {font-weight:bold;}
span.rabatt_kunde_prozent {}
td.preis_mwst {font-size:14px;}
td.preis_brutto {font-size:14px;}
.kgre td.preis_brutto, .kgru td.preis_brutto {font-weight:bold;}
td.gewicht {font-weight:normal;font-size:14px;}
div.versandkosten, td.versandkosten {font-weight:normal;font-size:14px;}

.indenwk i.fa {font-size:24px;}

.konfigpreise {}
.konfigpreise div.row {padding:1em 0 0.5em 0;}
.konfigpreise .row>.label, .konfigpreise .row>.bemerkungen {padding-top:2px;}
.konfigpreise .row>.feld {padding-bottom:2px;position:relative;}
.grossansicht {display:none;position:absolute;z-index:100;width:456px;max-width:100%;box-shadow: 0 0 20px 10px rgba(0,1,1,0.5);}
.konfigpreise label {margin-bottom:0;}
.konfigpreise .hinweis {font-weight:bold;color:#F00000;}

.konfigpreise .optionsgruppe div.container {width:480px;height:90px;overflow:auto;}
.konfigpreise .optionsgruppe div.container2 {height:70px;}
.konfigpreise .optionsgruppe div.container ul.checkradio li {width:120px;height:60px;float:left;background-color:#CEDEA5;padding:2px;margin:0px 6px 2px 0px;}

table.staffelpreise {width:100%;}
table.staffelpreise th.abmenge {text-align:center;}
table.staffelpreise td {text-align:center;}
.statisch table.staffelpreise th {text-align:center;}
/* ----------------------------------------------------------------------------------------------------
Produkt Setprodukt
---------------------------------------------------------------------------------------------------- */
table.setbestandteile {width:100%;}
table.setbestandteile th,table.setbestandteile td {border:solid 1px #000000;padding:2px 6px 2px 6px;text-align:center;}
table.setbestandteile tr.zwischenueberschrift th {padding-top:10px;text-align:left;}
table.setbestandteile td.anzahl {font-size:12px;}
table.setbestandteile td.texte {text-align:left;}
table.setbestandteile .button {margin:0;width:40px;}
span.nichtentfern {display:none;}
.imgdd {position:relative;display:inline-block;width:auto;margin-top:0;}
.imgdd select {display:none;}
.imgdd div.button {padding:0;background-color:transparent;}
.imgdd div.button span {display:inline-block;width:100%;height:100%;min-height:40px;}
.imgdd .select-list {position:absolute;top:0;left:0;z-index:1;width:100%;margin-top:40px;padding:0;background-color:#FFFFFF;list-style:none;box-shadow: 0 2px 20px 0 rgba(0,1,1,0.30);opacity:.94}
.imgdd .select-list li {display:none;border:solid 1px #6b6b6b;cursor:pointer;}
.imgdd .select-list li span {display:inline-block;min-height:40px;width:100%;padding:5px 15px 5px 35px;text-align:left;box-sizing:border-box;}
.imgdd .select-list li:hover, .imgdd .select-list li:focus {border-color:black;}
.preisspalte {text-align:right;}
.preisspalte>span, .preisspalte>input, .preisspalte>button {display:inline-block;margin-left:2rem;}
.preisspalte .anzeigesetpreis {font-weight:bold;font-size:18px;}
@media (min-width: 576px) {
    table.setbestandteile .button {width:100px;}
    span.nichtentfern {display:inline;}
}
@media (min-width: 768px) {
    table.setbestandteile .button {width:180px;}
}

/* ----------------------------------------------------------------------------------------------------
Warenkorb + Bestellformular
---------------------------------------------------------------------------------------------------- */
div.row.bestellformular {margin-top:15px;}
.bestellformular h2, .bestellformular a.h2 {margin-top:2em;margin-bottom:2em;}
table.bestellformular td {padding:4px;vertical-align:top;text-align:left;}
table.bestellformular th {padding:4px 4px 4px 0px;vertical-align:top;text-align:left;font-weight:normal;}
input.bestellformular,select.bestellformular,textarea.bestellformular {background-color:#FFFFFF;}
input.bestellformularERROR,select.bestellformularERROR,textarea.bestellformularERROR {background-color:#FF0004;}
div.agbgelesen label {margin-left:10px;}

.wkauswahl {margin-bottom:20px;}

.produktliste.warenkorb div.row {padding-top:15px;padding-bottom:15px;}
.produktliste.warenkorb .tabellenueberschriften {font-size:12px;}
.produktliste.warenkorb input.kundenposnr {width:35px;text-align:center;}
.produktliste.warenkorb img.prodbildwk {float:right;margin-left:10px;max-width:100%;margin-bottom:15px;}
.produktliste.warenkorb textarea.bemerkungen2 {width:100%;height:50px;}
.produktliste.warenkorb input.menge {width:35px;text-align:center;}
.produktliste.warenkorb div.listenpr, .produktliste.warenkorb div.einzelpreis, .produktliste.warenkorb div.possumme {white-space:nowrap;}

.wkposbuttons button {padding:4px 8px;min-width:36px;}
.wkposbuttons button i {margin:6px 0 0 0;font-size:20px;}

.hervor {box-shadow: 0 0 15px 5px rgba(102,153,51,0.5);margin-bottom:15px;}

.produktliste div.row.summen>div.bezeichnung {text-align:right;}
.produktliste div.row.summen>div.zahl {text-align:right;}

a.kbutton {font-weight:bold;font-size:20px;color:#EC0000;}

.button.wkaktualisieren, .button.wkbestellen, .button.wkzurkasse, .button.wkweitermitpaypal {width:10em;text-align:center;}
#weiter-mit-paypal {display:inline-block;margin-top:15px;width:100%;height:40px;font-weight: bold;color: #000000;background-color: #ffc439;padding: 10px 8px 4px 8px;border-radius: 4px;vertical-align: middle;text-align: center;}
#paypal-button-container {width: 26em;float: right;}

ul.auswahlzahlungsweise_ankreuzfeld li {background-color: #d4d4d4;margin-bottom: 10px;padding: 5px;}
ul.auswahlzahlungsweise_ankreuzfeld li label {margin-bottom:0;padding-left:10px;}

table.kalk {background-color:#FFFFFF;border:solid 1px #000000;box-shadow: 0 0 20px 0 rgba(0,1,1,0.5);}
table.kalk tr td, table.kalk tr th {color:#000000;}
table.kalk tr.z1 th {border-left:solid 1px #000000;border-bottom:solid 1px #000000;}
table.kalk tr.bordero th, table.kalk tr.bordero td {border-top:solid 1px #000000;font-weight:bold;}
table.kalk tr.borderu th, table.kalk tr.borderu td {border-bottom:solid 1px #000000;font-weight:bold;}
table.kalk tr.borderou th, table.kalk tr.borderou td {border-top:solid 1px #000000;border-bottom:solid 1px #000000;font-weight:bold;}
table.kalk tr th {text-align:left;font-weight:bold;padding:2px 4px 2px 4px;}
table.kalk tr td {padding:2px 4px 2px 4px;}
table.kalk tr td.s1, table.kalk tr th.s1 {text-align:center;border-right:solid 1px #000000;}
table.kalk tr td.zahl, table.kalk tr th.zahl {text-align:right;border-left:solid 1px #000000;}
table.kalk tr th.center {text-align:center;}

.wkendebuttons>div {text-align:right;margin:15px 0;}
.wkendebuttons a {font-size:18px;}

.labelmin {display:block;white-space:normal;}
.listenpr .labelmin, .einzelpreis .labelmin, .possumme .labelmin {min-height: 5em;}
@media (min-width: 768px) {
	.labelmin {display:none;}
	#lieferadressschalter {margin-top:40px;}
}
@media (min-width: 576px) {
	.produktliste div.row>div.wkposbuttons {text-align:right;}
	.produktliste.warenkorb div.row {padding-top:0;padding-bottom:0;}
}

/* ----------------------------------------------------------------------------------------------------
Textknoepfe
---------------------------------------------------------------------------------------------------- */
a.dunkelgruen {background-color:#669933;padding:7px 15px 7px 15px;font-weight:bold;color:#E3EDC3;}
a.hellgruen {background-color:#96BE5F;padding:7px 15px 7px 15px;font-weight:bold;color:#E3EDC3;}

/* ----------------------------------------------------------------------------------------------------
Farbmuster PopUp
---------------------------------------------------------------------------------------------------- */
table.farbmuster_gross {margin:5px;}
table.farbmuster_gross td {padding:5px;}
table.farbmuster_gross tr.bild td {}
table.farbmuster_gross tr.bild td img {display:block;margin:0px auto 0px auto;}
table.farbmuster_gross tr.bezeichnung td {color:#FFFFFF;font-weight:bold;font-size:14px;text-align:center;}
table.farbmuster {margin:5px;}
table.farbmuster td {padding:5px;}
table.farbmuster tr.bild td {}
table.farbmuster tr.bild td img {margin:auto;}
table.farbmuster tr.bezeichnung td {color:#FFFFFF;font-weight:bold;font-size:12px;text-align:center;}

div.gifanimstart {margin:10px auto 20px auto;}
div.gifanimstart img {display:block;margin:0px auto 0px auto;}

/* ----------------------------------------------------------------------------------------------------
Bestellarchiv
---------------------------------------------------------------------------------------------------- */
table.bestellarchiv {width:100%;max-width:100%;overflow:hidden;}
table.bestellarchiv td {text-align:center;}
@media (max-width: 767px) {
	.bao {display:none;}
	table.bestellarchiv td {max-width:30%;overflow:hidden;}
}
.bestelldaten table {width:100%;background-color:#E8EFE1;border:solid 15px #E8EFE1;margin:15px 0;}
.bestelldaten table tr th {text-align:left;font-weight:normal;}
.bestelldaten table tr td {text-align:left;font-weight:normal;}
.bestelldaten table tr td.zahl {text-align:right;}
table.bestellarchiv.bestellungen {}
table.bestellarchiv.positionen td {padding:2px 6px;}
table.bestellarchiv.positionen td.beschr {text-align:left;width:60%;}
@media (min-width: 768px) {
	table.bestellarchiv.positionen td.beschr {width:30%;}
}

/* ----------------------------------------------------------------------------------------------------
Kontakt Bildschirmrand
---------------------------------------------------------------------------------------------------- */
.floatkont {display:none;}
@media (min-width: 768px) {
	.floatkont {display:block;position:fixed;right:-700px;top:200px;height:140px;transition: right 1s ease-in-out;z-index:20;}
	.floatkont.sichtbar {position:absolute;right:0;}
	.floatkontbutton {cursor:pointer;height:140px;width:52px;background-color:#669933;color:#FFFFFF;position:absolute;top:0;left:0;overflow:hidden;padding-top:65px;transition: box-shadow 1s ease-in-out;}
	.floatkontbutton .innen {transform:rotate(270deg);font-weight:bold;}
	.floatkontbutton .innen:after {content:"\f0d8";font-family: FontAwesome;margin-left:12px;}
	.floatkontform {width:700px;padding:15px;background-color:#FFFFFF;margin-left:52px;transition: box-shadow 1s ease-in-out;}
	.floatkont.sichtbar .floatkontform {right:0;}
	.floatkont.sichtbar .floatkontform {box-shadow: 0 0 20px 10px rgba(0,1,1,0.3);}
	.floatkont.sichtbar .floatkontbutton {box-shadow: -4px 0px 20px 4px rgba(0,1,1,0.3);}
	.floatkontform .anfrageform.erfolgversendet, .floatkontform .anfrageform.erfolgversendet div {transform: initial;}
}

/* ----------------------------------------------------------------------------------------------------
Sitemap
---------------------------------------------------------------------------------------------------- */
ul.sitemap {list-style-type:none;margin-top:50px;}
ul.sitemap li a {display:inline-block;padding:6px 0;}
ul.sitemap>li>a {font-weight:bold;padding:12px 0;}