html, body {
    color: #fff;
    font-family: 'HelveticaNeueW01-45Ligh692680', arial, verdana, helvetica, geneva;
    font-size: 11px;
    height: 100%;
    margin: 0;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

img {
    border: none;
}

.kasten {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.meldung {
    font-size: 14px;
    color: #27455d;
    font-style: italic;
    letter-spacing: 0.5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #27455d;
    background-color: #fff;
}

.meldung_klein {
    font-size: 10px;
    color: #27455d;
    font-style: italic;
    letter-spacing: 0.5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #27455d;
    background-color: #fff;
}

.orange {
    color: #27455d;
}

.orange_bold {
    color: #27455d;
    font-weight: bold;
}

.orange_big {
    color: #27455d;
    font-size: 12px;
}

.orange_bigger {
    color: #27455d;
    font-size: 24px;
}

.grau {
    color: #6c6c6c;
}

.grau_bold {
    color: #6c6c6c;
    font-weight: bold;
}

.grau_big {
    color: #6c6c6c;
    font-size: 13px;
}

.white_biggerbutnotthatbig {
    color: #27455d;
    font-size: 18px;
}

.text_orange {
    color: #27455d;
    font-size: 11px;
    font-weight: normal;
}

/* neuer Headerkopf */
.text_white {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}

.headline_zusatz {
    font-family: helvetica, arial, verdana, geneva;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    text-decoration: none;
}

.menu_white:link {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}

.menu_white:visited {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
}

.menu_white:hover {
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}

.menu_white_aktiv {
 font-family: 'HelveticaNeueW01-65Medi692704';
}

.menu_white_aktiv:link {
    color: #fff;
    font-size: 13px;
}

.menu_white_aktiv:visited {
    color: #fff;
    font-size: 13px;
}

.menu_white_aktiv:hover {
    color: #fff;
    font-size: 13px;
    text-decoration: underline;
}

/* neuer Headerkopf */

.menu_orange:link {
    color: #27455d;
    font-size: 11px;
    font-weight: normal;
}

.menu_orange:visited {
    color: #27455d;
    font-size: 11px;
    font-weight: normal;
}

.menu_orange:hover {
    color: #27455d;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

.menu_orange_aktiv:link {
    color: #27455d;
    font-size: 11px;
    font-weight: bold;
}

.menu_orange_aktiv:visited {
    color: #27455d;
    font-size: 11px;
    font-weight: bold;
}

.menu_orange_aktiv:hover {
    color: #27455d;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.menu_unten:link {
    color: #555;
    font-size: 10px;
    font-weight: normal;
}

.menu_unten:visited {
    color: #555;
    font-size: 10px;
    font-weight: normal;
}

.menu_unten:hover {
    color: #555;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

.menu_unten_aktiv:link {
    color: #555;
    font-size: 10px;
    font-weight: bold;
}

.menu_unten_aktiv:visited {
    color: #555;
    font-size: 10px;
    font-weight: bold;
}

.menu_unten_aktiv:hover {
    color: #555;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.h1 {
    font-family: 'HelveticaNeueW01-65Medi692704';
    color: #27455d;
    font-size: 15px;
    text-align: left;
    text-decoration: none;
}

.h2 {
    color: #27455d;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.h3 {
    color: #27455d;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

pre {
    font-size: 11px;
}

th {
    font-size: 12px;
    text-align: left;
}

p, div, img, td, pre {
    font-family: 'HelveticaNeueW01-45Ligh692680', arial, verdana, helvetica, geneva;
    color: #27455d;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.bg {
    background-color: #fdcb8b;
    color: #000;
    font-size: 11px;
    padding: 2px;
    padding-left: 5px;
    text-align: left;
    text-decoration: none;
}

.nobg {
    background-color: #fff;
    color: #000;
    padding: 1px;
}

table {
    table-layout: auto;
}

.table_head {
    background-color: #6d6f74;
    border-color: #ceb1af;
    border-style: solid;
    border-width: 0px;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    padding-left: 2px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}

input, select, textarea {
    font-family: 'HelveticaNeueW01-45Ligh692680', arial, verdana, helvetica, geneva;
    background-color: #f6f6f6;
    border: #bcbcbc 1px solid;
    color: #222;
    font-size: 16px;
    text-decoration: none;
    margin-top: 8px;
    padding: 2px;
}

select#search_pt_intnr {
    margin-top: 0;
    width: 320px !important;
}

.input_checkbox {
    background: none;
    border: none;
    font-size: 16px;
    text-decoration: none;
}

.radio {
    border: none;
    cursor: auto;
    height: 16px;
    width: 16px;
}

.submit {
    background-color: #eee;
    border-bottom: #7e8689 1px solid;
    border-left: #ccc 1px solid;
    border-right: #7e8689 1px solid;
    border-top: #ccc 1px solid;
    color: #333;
    cursor: hand;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.td_ok {
    color: #fff;
    background-color: #939394;
    display: block;
    font-weight: bold;
    text-align: center;
}

.td_nok {
    color: #fff;
    font-weight: bold;
    background-color: #939394;
    display: block;
    text-align: center;
}

.td_akt {
    color: #fff;
    font-weight: bold;
    background-color: #b5b5b4;
    display: block;
    text-align: center;
}

.td_fer {
    color: #fff;
    font-weight: bold;
    background-color: #939394;
    display: block;
    text-align: center;
}

.td_aufpreis {
    color: #fff;
    font-size: 12px;
    display: none;
}

.td_aufpreis_aktiv {
    color: #fff;
    font-size: 12px;
    display: block;
}

.TheTextOff {
    color: #27455d;
    font-size: 11px;
    cursor: pointer;
}

.TheTextOn {
    color: #000;
    font-size: 11px;
    cursor: pointer;
}

.lockedItem {
    background-color: #ddd;
    opacity: 0.8;
    background: url('images/frontend/layout/slashline.png');
    background-repeat: repeat;
}

.lockedItem_meldung {
    background-color: #27455d;
    width: 90%;
    height: 19px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.kol_td {
    border-bottom: 1px solid #939394;
    border-left: 1px solid #939394;
}

a {
 font-family: 'HelveticaNeueW01-45Ligh692680';
}

a:link {
    color: #27455d;
    text-decoration: none;
}

a:visited {
    color: #27455d;
    text-decoration: none;
}

a:hover {
    color: #707f93;
    text-decoration: underline;
}

#kol_liste {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 4px;
    margin: 0;
}

#kol_liste a:link {
    color: #000;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
}

#kol_liste a:hover {
    color: #27455d;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    text-decoration: underline;
}

#kol_liste .kol_li_locked {
    display: list-item;
    list-style-image: url("images/frontend/icons/locked.png");
    cursor: help;
}

#kol_liste .kol_li_aktiv {
    list-style-type: square;
    cursor: pointer;
    color: #27455d;
    font-weight: bold;
    padding-top: 3px;
}

#kol_liste .kol_li {
    display: list-item;
    list-style-type: square;
    padding-top: 3px;
}

.button_orange {
    border: 1px solid #939394;
    background-color: #27455d;
    padding: 1px 7px 1px 7px;
}

.pw_overlay {
    position: absolute;
    margin: 1px 0 0 1px;
    background-color: #f6f6f6;
    height: 16px;
    color: #222;
    cursor: text;
    line-height: 20px;
    width: 190px;
}

.pw_overlay_text {
    padding-left: 1px;
    padding-top: 2px;
}

.menue_shop,
.menue_shop ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.menue_shop {
    width: 219px;
}

.menue_shop ul {
    display: none;
    z-index: 20;
    position: relative;
    top: -33px;
    left: 219px;
}

.menue_shop > li {
   display: block;
    height: 32px;
    line-height: 32px;
}

.menue_shop ul li {
    height: 32px;
    line-height: 32px;
}

.menue_shop > li {
    background-repeat: repeat-x;
    background-image: url('images/frontend/shop/menue-bg.png');
    border-bottom: solid 1px #dbdbdb;
}

.menue_shop ul > li {
    background: #fff;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
}

.menue_shop ul > li:last-child {
    border-bottom: solid 1px #dbdbdb;
}

.meue_shop_item_last_child {
    border-bottom: solid 1px #dbdbdb;
}

.menue_shop li:first-child {
    border-top: solid 1px #dbdbdb;
    border-left: none;
}

.menue_shop a {
    font-family: 'HelveticaNeueW01-65Medi692704';
    display: block;
    text-decoration: none;
    padding-left: 10px;
    color: #9d9d9c;
}

.menue_shop ul > li > a {
    padding-left: 13px;
}

.meue_shop_item_aktiv > a {
    color: #000;
}

.menue_shop_icon_submenue {
    position: absolute;
    margin-top: 13px;
    margin-left: 7px;
    width: 5px;
    height: 7px;
    background-repeat: no-repeat;
    background-image: url('images/frontend/shop/menue-sub-icon.png');
}

.menue_shop_icon_pfeil {
    position: relative;
    top: 10px;
    right: 8px;
    display: inline-block;
    float: right;
    width: 12px;
    height: 13px;
    background-repeat: no-repeat;
    background-image: url('images/frontend/shop/menue-pfeil.png');
}

.menue_shop li:hover {
    background-image: none;
}

.menue_shop li:hover ul {
    display: block;
}

.menue_shop li:hover .menue_shop_icon_pfeil {
    display: none;
}

.meue_shop_item_big {
    width: 300px !important;
}

.big {
    font-size: 12px;
}

.bigger {
    font-size: 24px;
}

.bold {
    font-weight: bolder;
}

h1 {
 font-family: 'HelveticaNeueW01-65Medi692704';
 font-size: 24px;

}

#warenkorb-container {
    width: 697px;
    padding-left: 15px;
    font-size: 12px;
}

.icon {
    padding-left: 3px;
}

.preis {
    text-align: right;
    padding-right: 10px;
}

.bezeichnung {
    padding-right: 10px;
}

th.icon {
    width: 62px;
}

th.stk {
    width: 60px;
}

th.bezeichnung {
    width: 240px;
}

th.lieferzeit {
    width: 105px;
}

th.preis {
    width: 60px;
}

.stk > input[type=text] {
    width: 38px;
}

.zusatzausstattung .bezeichnung,
.zusatzausstattung .preis {
    width: 63px;
    display: block;
    float: left;
}

.zusatzausstattung .bezeichnung {
    width: 345px;
    font-weight: normal;
}

.zusatzausstattung .preis:after {
    clear: both;
}

#warenkorb-container #search_feld {
    float: left;
    display: block;
    width: 170px;
    margin-top: 6px;
    margin-bottom: 5px;
    margin-right: 10px;
}

#warenkorb-container .buttonleiste {
    height: 55px;
}

#warenkorb-container .button-container {
    width: 170px;
    float: left;
}

#warenkorb-container .button-container-unten {
    float: left;
}

#warenkorb-container .button-container-unten:last-child {
    float: right;
}

#warenkorb-container h1 {
    margin-top: 18px;
}

#warenkorb-container h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
}

#warenkorb-container .spacer {
    clear: both;
    height: 75px;
}

table.pg-liste {
    padding: 0px;
    margin: 0px;
    border: none;
    border-collapse: collapse;
    color: #000;
    width: 100%;
    border-bottom: solid #000 1px;
}

table.pg-liste:first-child {
    margin-top: 0px;
}

table.pg-liste > thead > tr > th {
    background-color: #fce9cc;
    padding-top: 1px;
    padding-bottom: 1px;
}

table.pg-liste > thead > tr:first-child > th {
    background-color: #f8c87f;
    border-bottom: solid #f5b766 1px;
    text-transform: uppercase;
    height: 20px;
    padding-left: 3px;
}

table.pg-liste > tbody > tr {
    border-top: solid #000 1px;
}

table.pg-liste > tbody > tr:first-child,
table.pg-liste > tbody > tr.zusatzausstattung,
table.pg-liste > tbody > tr.meldung {
    border-top: none;
}

table.pg-liste > tbody > tr.meldung > td {
    font-size: 9px;
    font-weight: bolder;
    font-style: italic;
    letter-spacing: 0.5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    border: 1px solid #000;
}

table.pg-liste > tbody > tr.zusatzausstattung > td {
    height: 15px;
    padding-bottom: 10px;
}

table.pg-liste > tbody > tr td {
    font-weight: bolder;
    height: 35px;
}

.zusatzausstattung > span:first-child {
    display: block;
}

.gesamtstueckzahl,
.zwischensumme,
.alle-loeschen {
    float: left;
    margin-top: 7px;
}

.gesamtstueckzahl,
.zwischensumme {
    padding-top: 3px;
    font-weight: bolder;
}

.gesamtstueckzahl {
    width: 200px;
    font-size: 12px;
}

.zwischensumme {
    width: 348px;
    text-align: right;
    padding-right: 10px;
    font-size: 15px;
}

.gesamtsumme {
    margin-top: 48px;
    margin-bottom: 79px;
    width: 548px;
    text-align: right;
    font-size: 15px;
    font-weight: bolder;
}

.alle-loeschen:after {
    clear: both;
}

a.button {
    border: solid #000 1px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 15px;
    text-decoration: none;
}

a.button:first-child {
    margin-left: 0px;
}

#motivdetail_bild_minus_tabelle,
#motivdetail_bild_plus_tabelle {
    border: 1px solid #fff !important;
    cursor: pointer !important;
}

#motivdetail_bild_minus,
#motivdetail_bild_plus {
    color: #fff !important;
    background-image: url(images/template_1/frontend/button_einfach_bg_orange_a.gif) !important;
}

#motivdetail_bild_minus_tabelle.inaktiv,
#motivdetail_bild_plus_tabelle.inaktiv {
    border: 1px solid #fac186 !important;
}

#motivdetail_bild_minus.inaktiv,
#motivdetail_bild_plus.inaktiv {
    color: #fac186 !important;
    background-image: url(images/template_1/frontend/button_einfach_bg_orange_ia.gif) !important;
}

.article-image {
    margin-bottom: 15px;
}

.article-image > span {
    font-weight: bold;
    color: #fff;
    font-size: 12px;
}

.article-extras {
    padding-top: 20px;
}

.article-extras h2 {
    margin-bottom: 0;
    color: #fff;
}

.article-extras > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.article-extras > ul > li {
    padding: 0;
    margin: 10px 0;
}

.article-extras > ul > li > div {
    width: 304px;
    padding: 12px;
    margin: 0 40px 0 0;
    position: relative;
    background-color: #fff !important;
    border: 1.34px solid #707f93;
}

.article-extras > ul > li > div > h3 {
    font-weight: bold;
    color: #27455d;
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline;
}

.article-extras > ul > li > div > h3 > label {
 padding-left: 20px;
}

.article-extras > ul > li > div > p {
    color: #27455d;
    font-size: 10.5px;
    margin: 6px 0;
    text-align: justify;
}

.article-extras > ul > li > div input#pga_file_1 {
   width: 304px;
   font-size: 10.5px;
}

.article-extras > ul > li > div input[type=checkbox] {
    position: absolute;
    top: 4px;
    left: 7px;
}

.article-extras > ul > li > img {
    max-width: 330px;
}

/* Placeholder Class für <header> Element - später ersetzen durch header */

/* ignore link:underline */
.header a {
    text-decoration: none;
    color: #fff;
}

/* Headline - Site Title */
.header h1 {
    font-family: "HelveticaNeueW01-65Medi692704", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 55px;
    font-weight: normal;

    margin-top: 10px;
    margin-bottom: 0;
}

.header h1 > span {
    font-family: "HelveticaNeueW01-45Ligh692680", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 42px;

}

.cursor-hand {
    cursor: pointer;
}

.collection-list .coll-header, .collection-list .coll-footer {
    background-color: #d2d2d2 !important;
}

.collection-list .coll-footer {
    overflow: hidden;
}

.collection-list .coll-footer > div {
    width: 45%;
}

.coll-footer .left {
    margin: 0 5px;
}

.proof-text {
 line-height: 1;
}

.proof-text:nth-child(2) {
 padding-top: 4px;
 margin-top: 0;
}

.collection-list table {
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.collection-list table td {
    margin: 2px;
    padding: 5px;
}

.collection-list .col-check {
    width: 15px;
}

.collection-list .col-amount {
    width: 65px;
}

.collection-list .col-format {
    width: 75px;
}

.collection-list .col-artnr {
    width: 70px;
}

.collection-list .col-ean {
    width: 90px;
}

.collection-list .col-title {
    width: 270px;
}

.collection-list .col-price {
    width: 50px;
}

.collection-list .col-limit {
    width: 50px;
}

.collection-list .col-unit {
    width: 50px;
}

.collection-list.auto-packaging .col-title {
    width: 220px;
}

.coll-data .text-right {
    padding-right: 15px;
}

.coll-header .col-title {
    width: 190px;
}

.collection-list.auto-packaging .coll-header .col-title {
    width: 140px;
}

.coll-header .fa {
    margin-right: 5px;
}

.collection-list h2 {
    color: #27455d;
    margin: 10px 0 5px 0
}

.collection-list input[type=text] {
    width: 50px;
    text-align: right;
}

.collection-list form {
    margin: 0;
}

.collection-list input[type=text].text-filter {
    width: 100%;
    text-align: left;
}

.collection-list .right {
    float: right;
}

.collection-list .text-right {
    text-align: right;
}

.collection-list .left {
    float: left;
}

.collection-list .loading {
    margin: 10px;
    font-size: 1.2em;
}

.coll-header .search-icon {
    float: left;
    width: 16px;
}

.coll-header .search-icon > div {
    width: 16px;
    height: 16px;
    background-color: #878786;
    color: #fff;
}

.coll-header .search-icon > div > .fa {
    margin: 2px 0 0 2px;
}

.coll-data tr:nth-of-type(even) {
    background-color: #e9e9e9;
}

.coll-data tr.highlight {
    background-color: #cfddea !important;
}

.coll-data tr.normal {
    background-color: #FFFFFF;
}


.coll-data tr.warning {
    background-color: #ffcece;
}

.coll-data tr.copied td {
    font-style: italic !important;
}

.coll-data tr.warning input[type=text] {
    display: none;
}

.collection-list .warning-sign {
    color: #27455d;
}

.collection-list .search-bar {
    vertical-align: top;
}

.collection-list span.warning,
.coll-data tr.highlight .warning-sign {
    color: #f00 !important;
}

.collection-list .unit-select-row {
    background-color: #fff !important;
    /*background-color: #27455d !important;*/
}

.collection-list .unit-select-row > td {
    padding: 5px;
}

.collection-list .unit-selection,
.collection-list .unit-selection div {
    /*color: #fff;*/
}

.collection-list .unit-selection .selection-warning {
    background-color: #27455d !important;
    font-weight: bold;
    color: #fff;
    padding: 6px;
    font-size: 12px;
    margin-bottom: 6px;
}

.collection-list .unit-selection ul {
    list-style: none;
    padding: 0;
    margin: 6px 0;
}

.collection-list .unit-selection ul li {
    cursor: pointer;
    padding: 3px;
}

.collection-list .unit-selection ul li > div {
    display: inline-block;
}

.collection-list .unit-selection ul li > div.unit {
    width: 200px;
}

.collection-list .unit-selection ul li:hover {
    background-color: #cfddea;
    font-weight: bold;
}

.collection-list .unit-selection ul li:hover > div {
    font-weight: bold;
}

.set-amount {
    margin: 0 0 3px 0;
}

.coll-toolbar-left {
    margin: 5px;
}

.coll-footer .item-count {
    margin: 0 0 10px 0;
}

.search-filter {
    overflow: hidden;

}

.shopping-cart {
    float: right;
    text-align: right;
}

.shopping-cart-info {
    margin: 0 17px 5px 0;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
}

.shopping-cart-box {
    display: inline-block;
    width: 55.333px;
    height: 55.333px;
    padding: 10px 5px 0 5px;
    text-align: center;
    background-color: #27455d;
    vertical-align: middle;
    color: #FFF;
    font-size: 11px;
}

.shopping-cart-box:hover {
 color: #cfddea;
}


/*
@keyframes fa-blink {
    50% { opacity: 0.75; }
}

.fa-blink {
   -webkit-animation: fa-blink 1s linear infinite;
   -moz-animation: fa-blink 1s linear infinite;
   -ms-animation: fa-blink 1s linear infinite;
   -o-animation: fa-blink 1s linear infinite;
   animation: fa-blink 1s linear infinite;
}
*/

.search-bar .title {
    font-size: 0.8em;
}

.search-bar > td {
    padding-top: 10px !important;
}

.search-bar > td:last-child {
    padding-top: 0px !important;
    padding-right: 0px !important;
}

.edit-buttons,
.proof-button-container,
.proof-text {
    display: inline-block;
}

.proof-text:hover {
 font-family: HelveticaNeueW01-65Medi692704;
}

.edit-buttons {
    vertical-align: top;
    margin: 7px 0;
    padding-right: 10px;
    border-right: solid #fff 1px;
}

.collection-row i:hover, .collection-row td b:hover, .collection-list i[title*="kopie"]:hover {
 color: #2d8600;
}

.collection-list i[title*="löschen"]:hover, .collection-row td b:last-of-type:hover {
 color: #f00;
}

.proof-button {
    margin: 10px;
}

.proof-text {
    margin: 0px 0 0 2px;
    line-height: 1.3;
}

#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div {
    margin-bottom: 20px;
    margin-top: 20px;
}

.order-sent-info {
    margin-top: 5px;
    display: none;
    color: #fff;
}

.mirror-h {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.mirror-v {
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.icon-container {
    position: absolute;
    right: 13px;
    top: 7px
}

.icon-container.icon-upload {
    right: 0;
    top: 0;
}

.icon-container > a {
    color: #fff;
    font-size: 11px;
}

.help-link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.help-link > a,
.help-link > a:link,
.help-link > a:active,
.help-link > a:visited {
    text-decoration: none;
    font-size: 11px;
}

.help-link > a > span {
    text-decoration: underline;
}

.btnRoundedEdgeBlueLight {
 display:inline-block;
	margin:0px;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	border:1px solid #FFF;
	border-radius:7px 15px 15px 7px;
	color:#000000;
	background-color:#707f93;
	padding:5px 15px;
	box-shadow:1px 1px 4px #8CA0B2;
	text-shadow:1px 1px 2px #6E91B2;
 cursor: pointer;
}

.btnRoundedEdgeBlueLight:hover {
 background-color:#8BA7C1;
 color: #27455d;
}

.btnBlue {
 box-sizing: border-box;
 display:inline-block;
 height: 20px;
	margin:0px;
	text-decoration:none;
	font-family: 'HelveticaNeueW01-65Medi692704';
	font-size:13px;
	border:1.34px solid #27455d;
	color: #27455d;
	background-color:#FFFFFF;
	padding: 1px 5px;
        margin-top: 8px;
 cursor: pointer;
}

.btnBlue:hover {
 background-color:#FFF;
 box-shadow: none;
 border:1.34px solid #707f93;
 color: #707f93;
}

.btnBlue i {
    font-size: 10px;
    vertical-align: 7.5%;
}

.balken_kasten {
 height: 25px;
 background-color: #27455d;
}

.balken_kasten_inhalt {
 font-family: 'HelveticaNeueW01-65Medi692704';
 color: #FFFFFF;
 padding-left:17px;
 padding-top:2px;
 font-size:15px;
 line-height: 25px;
 width: 224px;
}

.balken_kasten_inhalt_small {
 font-size:13px !important;
 padding: 0 0 3px 12px;
}

.balken_kasten_inhalt > a {
 font-family: 'HelveticaNeueW01-65Medi692704';
 color: #FFFFFF;
 text-decoration: none;
}

.roboto_bold {
 font-family: 'HelveticaNeueW01-65Medi692704';
}

.konfig_anpassen, .preis_anpassen, .login-input, input[name="nl_email_anmelden"], table#konfigurator_table_gesamt select, select#search_sortierung, select#search_gruppe, table#konfigurator_table_gesamt input[type="password"], table#konfigurator_table_gesamt input[type="text"], .collection-list input, #ko_intnr, #kolm_intnr {
    font-family: 'HelveticaNeueW01-45Ligh692680', arial, verdana, helvetica, geneva;
    margin-top: 0px;
    padding: 0px 5px;
    height: 20px;
    font-size: 13px;
    background-color: #FFF;
}
.login-input {
    font-size: 11px;
    background-color: #f6f6f6;
}
.preis_anpassen {
height: 40px !important;
font-size: 26px !important;
width: 57px !important;
}

input#search_feld, input[name="search_feld"] {
    width:320px;
    height: 20px;
    margin: 8px 19px 0 0 !important;
    border-width: 1.34px;
    font-size: 13px;

}

table#konfigurator_table_gesamt select {
    padding: 0;
    outline: #f6f6f6;
}
select {
    outline: #f6f6f6;
}

table#konfigurator_table_gesamt select#search_pt_intnr {
    margin-top: 0;
}

.konfig_anpassen:focus, input[name=search_feld]:focus, .preis_anpassen:focus, .login-input:focus, input[name="nl_email_anmelden"]:focus, table#konfigurator_table_gesamt input[type="password"]:focus, table#konfigurator_table_gesamt input[type="text"]:focus, .collection-list input:focus, [name="bep_bemerkung_kunde"]:focus {
    outline: 1.34px solid #707f93;
    background-color: #f6f6f6;
}

.login-input:-webkit-autofill, .login-input:-webkit-autofill:hover, .login-input:-webkit-autofill:focus, .login-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 10px #f6f6f6 inset;
}

.blue, .blue_regular, .blue_big, .blue_medium, .blue_bigger, .white, .white_big, .white_bigger, .white_bold, .suchergebnis_bezeichnung > a, .suchergebnis_sorte, .collection-list h2 {
    font-family: 'HelveticaNeueW01-65Medi692704';
    font-size: 13px;
}

.blue_light {
 font-family: 'HelveticaNeueW01-65Medi692704';
 font-size: 11px;
}

.blue_light > b {
 font-family: 'HelveticaNeueW01-65Medi692704';
 font-size: 13px;
 font-weight: normal;
}

.blue_light .btnBlue
{
 margin-top: 0px;
}

.blue, .white {
    padding-bottom: 0;
}

.blue_regular {
 font-family: 'HelveticaNeueW01-45Ligh692680';
}

.blue_big, .white_big {
    font-size: 13px;
    padding: 12px 0 0 0;
}

.blue_medium, .collection-list h2 {
 font-size: 19px;
 padding-top: 16px;
}

.collection-list h2 {
 font-weight: normal;
}

.blue_bigger, .white_bigger {
    font-size: 24px;
}

.white_big > b, .blue_big > b {
    font-weight: normal;
}

table#konfigurator_table_gesamt input[name="pt_logo"] {
   margin: 0;
   position: relative;
   top: 4px;
   height: 13px;
   width: 13px;
}

.loading_animation_img, loading_animation_img_klein {
   padding: 100px 0 0 95px;
}

.loading_animation_img_klein {
 margin-top: 16px;
}

.preisfeld_komma {
   font-weight: bold;
   font-size: 24px;
   line-height: 0.5;
}

#tbl_quartierschilder_suche .blue {
  line-height: 3;
}

.suchergebnis_bezeichnung > a {
    padding: 4px 0;
}

.suchergebnis_sorte {
    font-family: 'HelveticaNeueW01-45Ligh692680';
}

#pfeil_weiter {
     color: #27455d;
     cursor: pointer;
}

.konfigurator_vorschau_zoom_normal, .konfigurator_vorschau_zoom_hochformat {
    -webkit-transform: scale(1.65); /* Safari and Chrome */
    -moz-transform: scale(1.65); /* Firefox */
    -ms-transform: scale(1.65); /* IE 9 */
    -o-transform: scale(1.65); /* Opera */
     transform: scale(1.65);
     transform-origin: top right;
     transition: all 0.25s ease-out;
     cursor: zoom-in;
     position: relative;
     z-index: 100;
}

.konfigurator_vorschau_zoom_hochformat {
    -webkit-transform: scale(1.35); /* Safari and Chrome */
    -moz-transform: scale(1.35); /* Firefox */
    -ms-transform: scale(1.35); /* IE 9 */
    -o-transform: scale(1.35); /* Opera */
     transform: scale(1.35);
     transform-origin: center right;
}

.konfigurator_vorschau_zoom_disabled {

}

input[name="bdata"], input[name="artnr"] {
 width: 320px;
}

.meldung_neu {
    padding: 12px;
    border: 1.34px solid #707f93;
    background-color: #f6f6f6;
}

input[type="checkbox"] {
 position: relative;
 z-index: 999;
 cursor: pointer;
}

.collection-row td:first-of-type, .search-bar td:first-of-type {
 width: 27px;
}

.search-bar .title {
 font-size: 11px;
}

.search-bar td:nth-child(2) {
 width: 120px;
}

.shadow {
 -webkit-box-shadow: 3px 3px 3px 0px #d2d2d2;
 -moz-box-shadow: 3px 3px 3px 0px #d2d2d2;
 box-shadow: 3px 3px 3px 0px #d2d2d2;
}

.sortable {
 width: 20%;
 padding: 0 12px;
}

[data-orderby="price"] {
 text-align: right;
}

[data-orderby="limit"] {
 text-align: right;
}

#warenkorb_gesamtbetrag:first-line {
  padding: 12px 5px 0 0;
  font-family: 'HelveticaNeueW01-65Medi692704';
  font-size: 20px;
}

#warenkorb_gesamtbetrag, .MwSt {
 padding-top: 12px;
 font-size: 15px;
}

.MwSt {
 padding-top: 0;
}

.collection-list td, .collection-row td, .coll-header td, .coll-footer td, .proof-text {
 font-size: 13px;
}

#kollektionen_kasten a:hover, #kollektionen_kasten a:focus {
 color: #27455d;
 font-weight: bold;
 text-decoration: none;
}

.fa-search:hover {
 color: #707f93;
 cursor: pointer;
}

.header_fruehere_bestellungen > td {
 padding: 24px 12px 0 0;
}


.button_fruehere_bestellungen td {
 padding: 0 !important;
}
/*
hellblau: #cfddea;
dunkelblau_alt: #27455d;
dunkelblau_neu: #707f93;
orange: #f29200;
*/

/* ===== Move Icon ===== */
.js-move{
    padding: 2px 4px;
    border-radius: 3px;
    cursor: pointer;
}

.js-move.is-active{
    color: #1e88e5;
    text-shadow: 0 0 6px rgba(30,136,229,.45);
    background: rgba(30,136,229,.12);
}

/* ===== Reset Icon (soft ein/ausblenden) ===== */
.js-reset{
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
}

.js-reset.is-visible{
    opacity: 1;
    pointer-events: auto;
}

/* Optional: aktive Kachel markieren */
td[data-bild-id].move-active{
    background: rgba(30,136,229,.08);
    outline: 1px dashed rgba(30,136,229,.7);
    outline-offset: 2px;
}

/* Bild selbst */
.altbild-img{
    /*border: 1px dashed transparent;
    border-radius: 4px;*/
    transition: border-color .15s ease, box-shadow .15s ease;
}

/* aktiv verschieben */
.altbild-img.is-active{
    border-color: #1e88e5;
    box-shadow: 0 0 0 2px rgba(30,136,229,.15);
    cursor: move;
}

/* Hinweistext unter dem Bild */
.move-hint{
    display: none;
    font-size: 11px;
    color: #1e88e5;
    margin-top: 4px;
    user-select: none;
}

/* nur sichtbar, wenn Move aktiv */
.move-hint.is-visible{
    display: block;
}

.altbild-card {
    position: relative;
    width: 100px;
    height: 100px;
    /*border: 1px solid #d9d9d9;*/
    /*border-radius: 4px;*/
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

.altbild-card img,
.altbild-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* alle Icon-Flächen exakt gleich */
.altbild-action {
    position: absolute;
    z-index: 10;

    width: 18px;
    height: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;

    background: #eaf4ff;
/*border: 1px solid #d6e7f7;
border-radius: 4px;*/

color: #1f4f73;
font-size: 12px;
line-height: 1;

cursor: pointer;
box-shadow: 0 1px 2px rgba(0,0,0,.10);
}

.altbild-action::before {
display: block;
line-height: 1;
transform: translateY(1px);
}

.altbild-action:hover {
background: #d8ecff;
border-color: #b7d7f3;
}

.altbild-action-delete {
top: 4px;
left: 4px;
color: #e60023;
}

.altbild-action-warning {
top: 4px;
left: 26px;
color: #e60023;
}

.altbild-action-reset {
    bottom: 4px;
right: 26px;
}

.altbild-action-move {
    bottom: 4px;
right: 4px;
}

.altbild-action-left {
bottom: 4px;
left: 4px;
}

.altbild-action-right {
bottom: 4px;
right: 4px;
}

.altbild-img.is-active {
outline: 2px dashed #3b82f6;
outline-offset: -2px;
}

.altbild-action.js-move.is-active {
color: #1e88e5;
background: #d8ecff;
border-color: #9fcaf0;
}

.js-reset {
opacity: 0;
pointer-events: none;
}

.js-reset.is-visible {
opacity: 1;
pointer-events: auto;
}

.move-hint {
display: none;
margin-top: 4px;
font-size: 11px;
line-height: 12px;
color: #3b82f6;
text-align: center;
}

.move-hint.is-visible {
display: block;
}