<div class="tg_wrapper" style="#trinkgeldwrapper"><div class="tg_titel">Trinkgeld hinzufügen
<p>Haben Sie sich evtl. bei einem persönlichen Telefonat gut beraten gefühlt? Unsere Mitarbeiter auch im Lager die Ihre Ware sorgfältig verpacken würden sich über ein Trinkgeld freuen. Dieses wird in voller Höhe am Monatsende bei unseren Mitarbeitern aufgeteilt. Wir bedanken uns im Voraus für Ihre Unterstützung.</p></div><div class="tg_buttons">#trinkgeld_1# #trinkgeld_2# #trinkgeld_2%# #trinkgeld_3%# #trinkgeld_5%# #trinkgeld_0#</div><div class="tg_custom">#trinkgeld_?#</div></div>

// Trinkgeld
.tg_wrapper {background-color: #farbe2#; margin-top: 1rem; border: 1px solid #farbe3#; }
.tg_titel {padding:1rem; background-color:#farbe1#; }
.tg_titel h3 {font-weight:bold;}
.tg_desc {padding: 1rem; background-color:#farbe1#; }

.tg_buttons { display: flex; }
.tg_buttons > a { flex: 1; border: 1px solid #farbe3#; border-right: none; padding: 1rem; text-align: center; box-sizing: border-box; }
.tg_buttons > a.active { background-color: #farbe8#; color: white; font-weight: bold; }
.tg_buttons > a.active > span {color:#farbe1#; font-weight: bold; text-transform: uppercase; }
.tg_buttons .tg_auf { text-transform: uppercase; }
.tg_buttons > a:first-of-type { border-left: none; }

.tg_custom { background-color:#farbe1#; padding: 1rem; overflow: auto; }
.tg_custom > div {display:flex;float:right;}
.tg_custom > div > input { background-color: #farbe1#; padding: 2rem 1rem!important; width: 8rem!important; margin-right: 1rem!important;}
.tg_custom > div > button { background-color: #farbe8#; color: white; padding: 1rem; border-radius: 10px; font-weight: bold; cursor: pointer; }

.tg_custom input {}

@media (max-width: 992px){
.tg_buttons { display: block; overflow: auto; }
#shopMitte .tg_buttons > a { float: left; width: 50%; height: 5rem; border: 1px solid #farbe3#; }
}
.tg_custom > div > input::placeholder { color: #farbe9#; }

Summe aus 0% MwSt: #nettosumme77 €