/* 
Copyright 2020 
ein-glueckgriff.de
Günter Göpfrich
*/


/* VARIABLEN */
:root {
    /* Farben */
    --action-major-bgcolor: #A5C816 ; /* Blattgrün */
    --action-minor-bgcolor: #A5C816 ;       
    --navi-picked-color: #EC690C; /* Orange */
    --navi-color: #7BB02E ;   
    --signal-color-1:#EC690C;
    --signal-color-2:#EC690C;
    --navi-left-bgcolor:#ffffff;
    --navi-left-picked-color:#000000;
    --navi-left-color:#000000;
    --cart-bgcolor:#ffffff;

    /* Sonstiges */
    --all-border-radius: 2px;
}



/* Profil Einstellungen */
.oo-profile-field-email label::after, 
.oo-profile-field-emailCHECK label::after,
.oo-profile-field-title label::after, 
.oo-profile-field-firstname label::after, 
.oo-profile-field-name label::after, 
.oo-profile-field-phone label::after, 
.oo-profile-field-dzip label::after, 
.oo-profile-field-dcity label::after, 
.oo-profile-field-dstreet label::after,
.oo-profile-address-zc-label::after,
.oo-profile-address-sn-label::after {content: "*"}

.oo-profile-edit-selected::after,
.oo-profile-address::after {
content: "Die Pflichtangaben sind mit einem * gekennzeichnet.";
display: block;
font-style: italic;}
.oo-profile-edit-selected::after {margin: -20px 0 20px 8px;}
.oo-profile-address::after {margin: 20px 0 20px 0px;}

.oo-cart-altbuttons::after {content:"Hinweis: Die Lieferung erfolgt in Pfandkisten, für die Sie einmalig Pfand von 10 € hinterlegen. Der Kistenpreis unterliegt saisonbedingt und durch das Wiegen geringen Schwankungen. Molkereiprodukte und Fleisch packen wir in graue Kühlkisten, die mit 8 €/Kiste extra bepfandet werden. Eine Kündigung erfolgt mit einer Abschlussbestellung, mit der das gezahlte Kistenpfand verrechnet wird.";
display: block;
font-style: italic;
    margin:30px;
}

/* allgemein */ 
a {text-decoration: none}

@media screen and (max-width: 450px) {             
#oo-shop .oo-item-name {width: 60% !important; text-align: center;}
 }

.oo-shop-title-head-wrapper, .oo-shop-title-head-wrapper a {color: white;}
.oo-shop-title-head-wrapper {color: white; padding:5px}
.std-hf-separator {display: none}
.oo-loadingbar-bar{background-color: var(--navi-picked-color)}
#oo-shop .oo-shop-item-price-wrapper {color: white; padding: 5px; margin: 0 10px 0px 0 !important;}

/* Warengruppen und Co. Übersichten */
#std-center h3 {text-align: center; width: 85%; padding: 0; max-height: 2.3em;}
/* keiner weiss mehr waru die folgende zeile da war
.oo-shop-entityId-19 .oo-shop-item-select, .oo-shop-entityId-18 .oo-shop-item-select {display: none !important}
*/
.oo-shop-data-Assortment-26 {height: 400px !important}
.oo-shop-item .oo-item-txt {display: none } 


/* Kategorien */
.basis-card {display: none;}

@media screen and (max-width: 500px) {
    .basis-table {display: none ;}
    .basis-card {display: block;}
}


/* Produkte */
.oo-select-incart {
    width: 100%;
    height: 90px;
    float: right;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    background: var(--signal-color-1);
}
.oo-shop-singleitem-info .oo-select-incart {   width: 100%;   height: 110px;}

.oo-shop-singleitem-info div {margin:10px 0px}
.oo-shop-singleitem-info .oo-shop-singleitem-select div {margin: 0px}
.oo-shop-singleitem-info .oo-item-origintag, .oo-shop-singleitem-info .oo-item-origin, .oo-item-txt {font-size: var(--all-text-relsize) !important;}
.oo-shop-singleitem-info .oo-item-association-logo {   width: 20px;   height: 20px;}
.oo-shop-singleitem-info .oo-item-refpricetag {   font-size: var(--all-text-relsize) !important;}

.oo-shop-singleitem-info .oo-tab-navi {clear: both}
.oo-shop-singleitem-container {margin: 15px 0 0 38px}

h3.oo-item-name {width: 65% !important; color:; overflow:  }
.oo-shop-sl-pane-tpl h3 {}
.oo-shop-data-type-SubGroup h3, .oo-shop-data-type-Group h3 {margin: 10px auto !important;}

.oo-shop-favorite-off {background-image: url(/files/opensauce/img/shop-icons-orange.svg#oo-nofav);}
.oo-shop-favorite-on {background-image: url(/files/opensauce/img/shop-icons-orange.svg#oo-fav); opacity:1}

.oo-shop-sl-pane div.oo-shop-data-type-NoItem.oo-missing-img H3 {left: 15%;}



.oo-shop-item-loaded {
/*background-image: url(/files/oekokiste/ShopeckemitCart.png) !important; width: 70px;*/
height: 70px;
border-style: none;
border-width: 0;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
z-index: 1;
right: 0;
bottom: 0;
opacity: 0.8;
background-repeat: no-repeat;}

.oo-item-association-logo {
    width: 34px;
    height: 30px;
    margin-right: 3px;}

.oo-item-certtag {
    font-size: x-small !important;
    position:absolute !important;
    right:3px !important;
    bottom: 0 !important;
}

.oo-item-associationtag{
    bottom: 0.4em !important;
}

.oo-item-origintag {
    font-size: small !important;
}

.oo-item-regiotag {
    margin-left: 46px;
    margin-top: 21px;
}
.oo-item-regiotag::after {background-color: #7BB02E; color: #fff; display:inline-block !important; content: 'regional!'}
#oo-cart {border: 1px solid var(--navi-picked-color); padding: 10px !important;}
#oo-cart-table td {border-bottom: 1px solid var(--action-major-bgcolor); padding:5px;}
#oo-cart-table tr:nth-last-child(1) td {border: none; }
                 
#oo-subnavi {border-bottom: 1px solid var(--action-major-bgcolor); padding:5px;}

.oo-select-units {width: 55px !important; text-align: left !important;}
.oo-select-container-pm br {display: none}
.oo-select-nothing {padding:7px 0px}
#oo-shop .oo-select-sub .oo-arrow-down {padding: 6px 1.5em 6px 10px;}
#oo-shop .oo-select-container .oo-select-container-pm {vertical-align: top}


/* Text neber Logo */
.oo-item-association {display: none}

/* Navigation Linke Spalte */
.oo-subnavi-mega {margin-left: 0; z-index: 1 !important}
li.oo-active > A > .oo-subnavi-name {font-weight: bold}
.oo-subnavi-1st-pane, #oo-subnavi LI {border-bottom: 1px solid var(--action-major-bgcolor)}
.oo-subnavi-2nd-pane li.oo-active .oo-subnavi-name, .oo-subnavi-2nd-pane LI .oo-subnavi-name:hover {font-weight:normal; color:white !important;  }
.oo-subnavi-2nd-pane li.oo-active, .oo-subnavi-2nd-pane LI:hover {background: var(--navi-picked-color) !important }
.oo-subnavi-2nd-pane LI {border: none !important; padding: 3px 0 3px 20px !important;}
#oo-subnavi LI:last-child {border-bottom: 0px solid var(--action-major-bgcolor)}
ul.oo-subnavi-pane {border: 1px solid var(--navi-picked-color) !important; border-radius: var(--all-border-radius)}

#oo-shop .oo-item-name {width: 80% !important;}


/* Bestellung */
.oo-cart-buttons .oo-style-majoraction {background: var(--navi-picked-color);}

/* SUCHE */
.oo-search-preview-items-item .oo-item-name {max-height: 31px;}

/* Warenkorb*/
.oo-cart-buttons {text-align: right}
.oo-style-altaction, .wikipagelink {color: #7BB02E; text-align: center !important}
.oo-cart-sent p:last-child {text-align: center}
div.oo-cart-altbuttons {text-align: center; margin-top: 5px}
div.oo-cart-cnote {text-align: center; margin-top:5px}
.oo-cart-pos {border:0px}
#oo-cart-tpl-1 {border-top: 1px solid var(--navi-picked-color)}
/*#oo-cart-table tr:last-child {border-top: 1px solid red} */
#oo-cart-table {border-collapse: collapse; border-bottom: 1px solid var(--navi-picked-color); }
tbody.oo-cart-delivercost {border-top: 1px solid var(--navi-picked-color)}
.oo-hint {text-align: left !important} 
#oo-cart-sum td {font-weight: bold; padding: 5px;}
.oo-cart-cartlink1-wr a, #std-path a {color: var(--action-major-bgcolor);}
.oo-cart-altbuttons a {display: block; margin: 10px;}
.oo-cart-info-osh {text-align: center; margin: 10px;}
#oo-shop-embedded #oo-cart table { margin: auto; width: 100%;}

#oo-cart .oo-item-associationtag {display:none; float: right !important }

.oo-cart-submit-pc03 {display:none}
.oo-cart-pos-img {width: 60px; height: 60px}
.oo-cart-pos-name {font-size: 0.8em}
#oo-last {display:none}

.oo-cart-pos-controls .oo-cart-pos-rm, .oo-cart-pos-controls .oo-cart-pos-plus, .oo-cart-pos-controls {display: block !important}
.oo-cart-pos-controls {position: relative; right: 0; top:0; margin: 0 0 5px 0; height: 30px;}

#oo-cart a.oo-cart-pos-rm {background-image:url(https://oekobox-online.de/v3/shop/flottekarotte/C6.0.156C/std/oo_icons.svg?fg=white#oo-del)}

#oo-cart .oo-cart-pos-controls a.oo-cart-pos-rm, #oo-status .oo-cart-pos-controls a.oo-cart-pos-rm { background-color: #a53232;}
#oo-cart .oo-cart-pos-controls a.oo-cart-pos-minus0, #oo-status .oo-cart-pos-controls a.oo-cart-pos-minus0, .oo-select-minus{ background-color: #aaa !important; opacity: 100%}
#oo-cart .oo-cart-pos-controls A, #oo-status .oo-cart-pos-controls A, .oo-select-minus, .oo-select-plus { height: 25px; width: 25px; 
background-color: var(--headerfooter-bg-color);
border-radius: 3px;
}
.oo-cart-shoplink, .oo-cart-shoplink-1 {display: none;}


/* ---------------------------------------------------- 

_|    _|                            _|                      
_|    _|    _|_|      _|_|_|    _|_|_|    _|_|    _|  _|_|  
_|_|_|_|  _|_|_|_|  _|    _|  _|    _|  _|_|_|_|  _|_|      
_|    _|  _|        _|    _|  _|    _|  _|        _|        
_|    _|    _|_|_|    _|_|_|    _|_|_|    _|_|_|  _|        
                                                        
---------------------------------------------------- */
#top {height:50px; margin:0 auto; width:50%; text-align:center;}
#top > ul li {float:left; margin:0 20px; }
    body {background:;  margin:; font-family:Arial; z-index: 2}
    header {clear:booth}
    .logo {float:left; height:60px; }
    .claim {    
                font-family: Times, sans-serif;
                font-size: 1.5em;
                font-weight: ;
                margin: 0px 5%;
                padding-top: 19px;
                display: inline-block;}
    .shopbtn {height:60px; float:right}
    #line1 {font-size:0.8em; text-align:center;}
    #line2 {    height: 50px;
                text-align:center;
                /* padding: 10px 0; */
                width: 50%;
                margin: 0 auto;}
    #top a{color:#7AB031; text-decoration: none; font-size: 20px; font-family: 'Oswald', sans-serif;}
    #std-footer, #std-header, .oo-component-loading { background-color: #c9db98;}        
    #oo-last  {width:150px}



/* RESPONSIVE TEIL */ 


    @media screen and (max-width: 1325px) {
       .shopbtn {display:none} 
       .claim {font-size: 1.2em;} 
    }            
    @media screen and (max-width: 1050px) {
        .claim {display:none} 
        .logo {float: none}
        #top > ul li {float: left; margin: 0 10px;}            
    }
    @media screen and (max-width: 800px) {
        #top  {display:none}   
        #line2 {    height: 70px;}
    }

    @media screen and (max-width: 770px) {
        #oo-shop-embedded #oo-cart table {width: 100%;}
    }

    @media screen and (max-width: 490px), (max-height: 740px) {
        .oo-shop-sl-pane div.oo-shop-item {height: var(--item-box-height, 200px);}
        #oo-shop .oo-shop-item .oo-shop-item-select {   display: block; bottom: 50px;}        
        .oo-shop-sl-pane div.oo-shop-item {  background-size: 230px 230px;   background-position: center 20%;}        
        #oo-shop .oo-shop-item-price-wrapper {   top: 50%;    margin: 0 !important; height: 45px;}        
}

/* trusted Badge / Shop */
    @media screen and (max-width: 648px) {
        div#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810,div#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810:hover {inset: auto 25px 20px auto !important; left: auto !important;
    right: 10px !important;}
        div._10fgxsr7 {width: 95% !important;}

    }


/*               
 __  __                  
|  \/  | ___ _ __  _   _ 
| |\/| |/ _ \ '_ \| | | |
| |  | |  __/ | | | |_| |
|_|  |_|\___|_| |_|\__,_|
                          */

@media screen and (max-width: 760px) {             
    #oo-navi {margin-left: 50px !important; z-index: 999}
 }
@media screen and (min-width: 760px) {
    #mham {display:inline-block}
}
@media screen and (min-width: 761px) {
    #mham {display:none}
}