/*
Autor : DICKE Kreativbüro (Mario Schwartz)
Layout: Alles
Modul:  Shop
*/
.tooltip-inner {
  max-width: 400px;
  text-align: left;
}
.border {
  border-color: #ececec !important;
  border-radius: .25rem;
}
.border-primary {
  border-color: #104697 !important;
}
a.border-primary:hover,
a.border-primary:focus {
  border-color: #fff !important;
}
.btn-outline-primary {
  color: #104697;
  border-color: #104697;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
  background-color: #104697;
  border-color: #104697;
}

.input-group input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.input-group input[type=number]::-webkit-inner-spin-button,
.input-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.input-group .form-control:disabled, .input-group .form-control[readonly] {
  background-color: transparent;
}
.btn-minus,
.btn-plus {
  border-color: #ced4da;
  background-color: #ced4da;
}
main {
  padding: 0;
}
.spam
{
  display: none;
}
div[id^="customTip"] {
  z-index: 1070;
  padding: .4rem 0;
  position:absolute;
  display: none;
}
div[id^="customTip"] .customTip-inner {
  background-color: #104697;
  color: #fff;
  padding: 1rem;
}
div[id^="customTip"] .customTip-arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;

  bottom: 0;
}
div[id^="customTip"] .customTip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-top-color: transparent;
  border-style: solid;

  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #104697;
}
.tooltip.bs-tooltip-bottom > .tooltip-inner,
.tooltip.bs-tooltip-top > .tooltip-inner,
.tooltip.bs-tooltip-left > .tooltip-inner,
.tooltip.bs-tooltip-right > .tooltip-inner {
  background-color: #6f6f6f;
}
.tooltip.bs-tooltip-bottom > .arrow::before {
  border-bottom-color: #6f6f6f;
}
.tooltip.bs-tooltip-top > .arrow::before {
  border-top-color: #6f6f6f;
}
.tooltip.bs-tooltip-left > .arrow::before {
  border-left-color: #6f6f6f;
}
.tooltip.bs-tooltip-right > .arrow::before {
  border-right-color: #6f6f6f;
}

select[name^="digiBildNrFirma"]{
  padding: .375rem 0.15rem;
}

/*===== Übersicht CSS STYLE =====*/
.mod_shop_versandkostenbox {
  border: 1px solid #ececec;
  border-radius: .25rem;
  padding: 2rem;
  text-align: center;
  box-shadow: 1px 3px 8px 0 rgba(0, 0, 0, 0.14);
}
/* .mod_shop_versandkostenbox:hover {
  border: 4px solid #104697 !important;
  transition: border .5s ease-in-out;
} */
.mod_shop_kategorie_boxen{
  height: 100%;
  border:1px solid #ececec;
  border-radius: .25rem;
  padding: 1rem;
  box-shadow: 1px 3px 8px 0 rgba(0, 0, 0, 0.14);
}
.mod_shop_kategorie_boxen_text {
  color: #104697;
}
.mod_shop_config_status_off
{
  font-weight: bold;
  color: red;
}
.mod_shop_ueberschrift {
  background-color: #104697;
  color: #fff;
  font-size: 30px;
}
.mod_shop_ueberschrift .btn-outline-secondary {
  border-color: #fff;
  color: #fff;
}
.mod_shop_ueberschrift .btn-outline-secondary:hover,
.mod_shop_ueberschrift .btn-outline-secondary:focus {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}
.mod_shop_ueberschrift .mod_shop_ueberschrift_warenkorb {
  display: none;
}
.mod_shop_ueberschrift_warenkorb
{
  font-size: 11px;
}
.mod_shop_ueberschrift_warenkorb_merkzettel {
  position: absolute;
  margin-left: -0.95rem;
  color:#104697;
}
#shop-account-infos .mod_shop_ueberschrift_warenkorb_merkzettel {
  position: absolute;
  margin-left: -0.95rem;
  color:#fff;
}
.mod_shop_ueberschrift_warenkorb h1
{
  color: #6f6f6f;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  margin-left: 36px;
  margin-top: 18px;
}
.mod_shop_ueberschrift_warenkorb_artikel
{
  font-weight: bold;
}
.mod_shop_ueberschrift_warenkorb_preis
{
  font-weight: bold;
}
.mod_shop_ueberschrift_warenkorb_konto
{
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}
.mod_shop_ueberschrift_warenkorb_konto:hover,
.mod_shop_ueberschrift_warenkorb_konto:focus
{
  color: #ccc;
  text-decoration: none;
}
#shop-account-infos .mod_shop_ueberschrift_warenkorb_konto
{
  color: #104697;
  background-color: transparent;
  text-decoration: none;
}
#shop-account-infos .mod_shop_ueberschrift_warenkorb_konto:hover,
#shop-account-infos .mod_shop_ueberschrift_warenkorb_konto:focus
{
  color: #6f6f6f;
  text-decoration: none;
}

/* Kategorie-Menü */

.mod_shop_kategorien
{
  /* margin-bottom: 10px;
  margin-top: 20px; */
}
.mod_shop_kategorien h1
{
  margin: 0 0 1px 0;
  padding: 12px 23px;
  font-size: 20px;
  background-color: #f8f8f8;
  color: #104697;
  font-weight: bold;
}
.mod_shop_kategorien ul
{
  margin: 0;
  list-style: none;
  font-size: 0;
  background-color: #f8f8f8;
  color: inherit;
  padding: 0;
}
.mod_shop_kategorien li.mod_shop_kategorie_ebene_1_list,
.mod_shop_kategorien li.mod_shop_kategorie_ebene_1_list_aktiv,
.mod_shop_kategorien li.mod_shop_kategorie_ebene_1_list_erste,
.mod_shop_kategorien li.mod_shop_kategorie_ebene_1_list_erste_aktiv
{
  /*border-top: 1px dotted #f8f8f8;*/
}
.mod_shop_kategorien a.mod_shop_kategorie_ebene_1_link,
.mod_shop_kategorien a.mod_shop_kategorie_ebene_1_link_aktiv
{
  display: block;
  padding: 11px 10px 11px 43px;
  background-color: transparent;
  color: #000;
  text-decoration: none;
  font-size: 15px;
}
.mod_shop_kategorien a.mod_shop_kategorie_ebene_1_link_aktiv,
.mod_shop_kategorien a.mod_shop_kategorie_ebene_1_link:hover
{
  background-color: #ebebeb;
  color: #000;
}
.mod_shop_kategorien li.mod_shop_kategorie_ebene_2_list,
.mod_shop_kategorien li.mod_shop_kategorie_ebene_2_list_aktiv
{
  border-top: 1px solid #ddd;
}
.mod_shop_kategorien a.mod_shop_kategorie_ebene_2_link,
.mod_shop_kategorien a.mod_shop_kategorie_ebene_2_link_aktiv
{
  display: block;
  padding: 5px 10px 5px 49px;
  background-color: transparent;
  color: #6f6f6f;
  text-decoration: none;
  font-size: 11px;
}
.mod_shop_kategorien a.mod_shop_kategorie_ebene_2_link_aktiv,
.mod_shop_kategorien a.mod_shop_kategorie_ebene_2_link:hover
{
  background-color: #ebebeb;
  color: #00773a;
}
.mod_shop_kategorien li.mod_shop_kategorie_ebene_3_list,
.mod_shop_kategorien li.mod_shop_kategorie_ebene_3_list_aktiv
{
  border-top: 1px solid #ddd;
}
.mod_shop_kategorien a.mod_shop_kategorie_ebene_3_link,
.mod_shop_kategorien a.mod_shop_kategorie_ebene_3_link_aktiv
{
  display: block;
  padding: 5px 10px 5px 62px;
  background-color: transparent;
  color: #6f6f6f;
  text-decoration: none;
  font-size: 11px;
}
.mod_shop_kategorien a.mod_shop_kategorie_ebene_3_link_aktiv,
.mod_shop_kategorien a.mod_shop_kategorie_ebene_3_link:hover
{
  background-color: #f1f1f1;
  color: #00773a;
}

/* Unterkategorien auflisten */

.mod_shop_kategorien_list
{
  float: left;
  width: 655px;
  margin-top: 20px;
}
.mod_shop_unterkategorie_box
{
  display: block;
  float: left;
  width: 148px !important;
  width: 160px;
  height: 160px !important;
  height: 172px;
  padding: 5px;
  text-align: center;
  margin-left: 5px;
  margin-bottom: 5px;
  background-color: #f8f8f8;
  color: #00773a;
  border: 1px solid #e1e1e1;
  text-decoration: none;
}
.mod_shop_unterkategorie_box:hover
{
  border: 1px solid #00773a;
  background-color: #e1e1e1;
  color: #00773a;
}
.mod_shop_unterkategorie_box .mod_shop_unterkategorie_box_bild
{
  width: 148px;
  height: 106px;
  background: #fff none no-repeat center;
}
.mod_shop_unterkategorie_box .mod_shop_unterkategorie_box_titel
{
  padding: 3px;
  font-weight: bold;
}

/* Anmeldung */

.mod_shop_anmeldung,
.mod_shop_registrierung{
  background-color: #f8f8f8;
  color: inherit;
  border: 1px solid #e1e1e1;
  margin-top: 20px;
}
div.inhalt .mod_shop_registrierung select,
div.inhalt .mod_shop_registrierung input.box,
div.inhalt .mod_shop_registrierung input.button,
div.inhalt .mod_shop_registrierung a.button
{
  width: auto !important;
  width: auto;
  cursor: pointer;
}
.mod_shop_registrierung h1
{
  font-size: 16px;
  font-weight: bold;
}
.mod_shop_anmeldung_kein_login {
  margin-top: 20px;
  background-color: #f8f8f8;
  color: inherit;
  border: 1px solid #e1e1e1;
}

/* Artikelliste */

div.inhalt .mod_shop_identnr
{
  color: #ff0000;
  background-color: transparent;
}
.mod_shop_nachbestellinfo
{
  width: 834px !important;
  width: 894px;
  overflow: hidden !important;
  overflow: visible;
  color: inherit;
  background-color: #f8f8f8;
  padding: 15px 30px;
  margin: 0 5px;
}
.mod_shop_nachbestellinfo_karten
{
  font-size: 0;
  float: left;
  margin-right: 50px;
}
.mod_shop_nachbestellinfo_text
{
  float: left;
  font-size: 11px;
}
.mod_shop_nachbestellinfo_text_h1
{
  font-size: 14px;
  font-weight: bold;
}
.mod_shop_nachbestellung_tabelle
{
  width: 913px;
}
.mod_shop_nachbestellung_tabelle th
{
  overflow: hidden !important;
  overflow: visible;
  font-size: 14px;
  font-weight: bold;
  background: transparent url(../../tn-core/extension/tycoon/mod_shop_tkopf_hg.gif) repeat 0 0;
  padding: 10px 0;
}
.mod_shop_nachbestellung_tabelle tr
{
  border-bottom: 1px solid #f8f8f8;
}
.mod_shop_nachbestellung_tabelle td
{
  vertical-align: middle;
}
div.inhalt .mod_shop_nachbestellung_tabelle_menge
{
  width: 69px !important;
  width: 95px;
} /*
.mod_shop_nachbestellung_rahmen
{
	width: 109px !important;
	width: 150px;
	line-height: 32px;
	border: 1px solid #cbcbcb;
	padding: 0 32px 0 8px;
	cursor: pointer;
	background: #fff url(../../tn-core/extension/tycoon/mod_shop_nachbestellung_rahmen_hg.gif) no-repeat 121px center;
} */
.mod_shop_nachbestellung_rahmen
{
  height: 28px;
  line-height: 28px;
  border: 1px solid #cbcbcb;
  padding: 0 32px 0 8px;
  cursor: pointer;
  background: #fff url(../../tn-core/extension/tycoon/mod_shop_nachbestellung_rahmen_hg.gif) no-repeat right center;
}
.mod_shop_nachbestellung_rahmen_list
{
  height: 300px;
  border: 1px solid #cbcbcb;
  padding: 0;
  overflow: auto;
  position: absolute;
  background-color: #fff;
  color: #fff;
  display: none;
  z-index: 99;
}
.mod_shop_nachbestellung_rahmen_list a
{
  display: block;
  text-decoration: none;
  /*font-size: 0px;*/
  text-align: center;
  padding: 3px 0;
}
.mod_shop_nachbestellung_rahmen_list a:hover
{
  background-color: #cccccc;
}

.mod_shop_artikel_list {
}
.mod_shop_artikel_list h1
{
  font-size: 25px;
}
.mod_shop_artikel_list .mod_shop_artikel_paket {
  background: #fff url(../../tn-core/extension/tycoon/mod_shop_paket.jpg) center no-repeat;
  background-size: cover;
  border: 3px solid #f8f8f8;
  color: #fff;
  text-align: center;
  padding: 100px 30px;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_titel {
  color: #e8d19f;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 2.3rem;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_untertitel {
  color: #e8d19f;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_beschreibung {
  padding: 20px 0;
  font-size: 1.2rem;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_prozent {
  color: #e8d19f;
  font-weight: bold;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_preisalt {
  font-size: 1.2rem;
  color: #e8d19f;
  text-decoration: line-through;
  padding: 20px 0;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_preis {
  color: #e8d19f;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 2.3rem;
  padding: 20px 0;
}
.mod_shop_artikel_list .mod_shop_artikel_paket_versand {
  font-size: .8rem;
}
.mod_shop_artikel_galerie {
  padding: 3px;
  overflow: hidden;
}
.mod_shop_artikel_galerie:nth-of-type(2n+0)
{
  color: inherit;
  background-color: #f8f8f8;
}
.mod_shop_artikel_galerie:hover
{
  /*border: 1px solid #00773a;*/
  background-color: #e1e1e1;
}
.mod_shop_artikel_galerie_bild
{
  background-color: #fff;
  font-size: 0;
}
.mod_shop_artikel_galerie_titel
{
  padding: 3px 5px;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
}
.mod_shop_artikel_galerie_preis
{
  padding: 3px 5px;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}
.mod_shop_artikel_galerie_link {
  background-color: #757675;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 6px 5px;
}
.mod_shop_artikel_galerie_link:hover,
.mod_shop_artikel_galerie_link:active{
  background-color: #fff;
  color: #757675;
}

/* Artikelansicht */

.mod_shop_artikel_detail {
  padding-top: 40px;
}
.mod_shop_artikel_detail_titel
{
  font-size: 25px;
  color: #6f6f6f;
  background-color: transparent;
  margin: 5px 0;
  font-weight: bold;
}
.mod_shop_artikel_detail_bild
{
  font-size: 0;
  text-align: center;
}
.mod_shop_artikel_detail_daten {
}
.mod_shop_artikel_detail_daten_preis
{
  font-size: 25px;
  font-weight: bold;
}
.mod_shop_artikel_detail_daten_option
{
  clear: both;
}
.mod_shop_artikel_detail_text {
  border-top: 1px dotted #bdbdbd;
}
.mod_shop_artikel_detail_text h1
{
  font-size: 20px;
  margin: 5px 0;
  font-weight: bold;
}
#mod_shop_versandbedingungen {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.mod_shop_artikel_detail .mod_shop_artikel_paket_prozent {
  font-weight: bold;
  color: #ff0000;
}
.mod_shop_artikel_detail .mod_shop_artikel_paket_titel {
  padding-top: 20px;
  color: #7e7e7e;
}
.mod_shop_artikel_paket_preis_detail {
  text-align: right;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
}
.mod_shop_artikel_paket_preis_alt {
  color: #ff0000;
  text-decoration: line-through;
}
.mod_shop_artikel_paket_preis_aktuell {
  font-weight: bold;
  color: #ff0000;
  font-size: 2.3rem;
}

/* Nachbestellungen */

.mod_shop_nachbestellung
{

}
.mod_shop_nachbestellung_identnr
{
  font-size: 16px;
}
.mod_shop_nachbestellung_identnr span
{
  font-weight: bold;
}

/* Warenkorb */

.mod_shop_collaps {
  cursor: pointer;
}
.mod_shop_warenkorb {
}
.mod_shop_warenkorb thead th
{
  overflow: hidden !important;
  overflow: visible;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
}
.mod_shop_warenkorb tr
{
  border-bottom: 1px solid #f8f8f8;
}
.mod_shop_warenkorb td
{
  vertical-align: middle;
}
.mod_shop_warenkorb_loeschen
{
  text-decoration: none;
  font-weight: bold;
  color: #ff0000;
}
.mod_shop_warenkorb_loeschen img
{
  vertical-align: middle;
}
.mod_shop_warenkorb_betrag
{
  margin-top: 10px;
  margin-bottom: 10px;
}
.mod_shop_warenkorb_betrag_wert
{
  overflow: hidden !important;
  overflow: visible;
  background-color: #f8f8f8;
  padding: 19px;
}


/* Kasse */

.mod_shop_kasse_inhalt
{
  float: left;
  width: 680px;
  margin-left: 20px;
  margin-top: 20px;
}
div.inhalt .mod_shop_kasse_inhalt input,
div.inhalt .mod_shop_kasse_inhalt textarea,
div.inhalt .mod_shop_kasse_inhalt select
{
  width: 234px !important;
  width: 260px;
}
div.inhalt .mod_shop_kasse_inhalt select,
div.inhalt .mod_shop_kasse_inhalt input.box,
div.inhalt .mod_shop_kasse_inhalt input.button,
div.inhalt .mod_shop_kasse_inhalt a.button
{
  width: auto !important;
  width: auto;
  cursor: pointer;
}
.mod_shop_kasse_inhalt .mod_shop_warenkorb
{
  width: 680px;
  clear: both;
  margin-top: 20px;
}

/* Mein Konto */

.mod_shop_konto_inhalt
{
  margin-left: 20px;
}

/* Mein Konto - Bestellungen */

.mod_shop_konto_bestellungen
{
  width: 300px;
  background-color: #F8F8F8;
  border: 1px solid #E1E1E1;
}
.mod_shop_konto_bestellungen tr,
.mod_shop_konto_bestellung tr
{
  border-bottom: 1px solid #E1E1E1;
}
.mod_shop_konto_bestellungen th,
.mod_shop_konto_bestellungen td,
.mod_shop_konto_bestellung th
{
  text-align: center;
}
.mod_shop_konto_bestellung
{
  width: 655px;
  background-color: #F8F8F8;
  border: 1px solid #E1E1E1;
}

/* Bild-Login */

.mod_shop_login {
  background: #fff url(../../tn-media/shop/shop_login-bg.jpg) no-repeat center;
  background-size: cover;
}
.mod_shop_login_box {
  background-color: #fff;
}
.mod_shop_login_box .fa-key {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-135, mirror=1)";
  -webkit-transform: rotate(-135deg) scale(-1, 1);
  -ms-transform: rotate(-135deg) scale(-1, 1);
  transform: rotate(-135deg) scale(-1, 1);
}
.mod_shop_login_box .fa-key-unlook {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-180, mirror=1)";
  -webkit-transform: rotate(-180deg) scale(-1, 1);
  -ms-transform: rotate(-180deg) scale(-1, 1);
  transform: rotate(-180deg) scale(-1, 1);
}
.mod-shop-vorschau-box {
  cursor: pointer;
}
.mod-shop-vorschau-box .border,
.mod-shop-vorschau-slider-liste .border {
  border-width: 2px !important;
}
.mod-shop-vorschau-box:hover div.border,
.mod-shop-vorschau-box:hover .custom-control-label::before {
  border-color: #104697 !important;
}
.mod-shop-vorschau-box a[rel^="lightbox"] {
  display: inline-block;
  position: absolute;
  margin-top: 15px;
  margin-left: 17px;
  color: inherit;
  z-index: 6;
}
.mod-shop-vorschau-box .custom-checkbox,
.mod-shop-vorschau-slider-liste .custom-checkbox {
  position: absolute;
  margin-top: -36px;
  margin-left: 15px;
}
.mod-shop-vorschau-box .fa-search.fa-2x {
  font-size: 1.5em;
}
.mod-shop-vorschau-box img {
  border-radius: .25rem;
}
[id^="mod-shop-vorschau-slider-chevron-"] {
  cursor: pointer;
}
[id^="mod-shop-vorschau-slider-chevron-"] .fa {
  color: #0e0e0e;
}
[id^="mod-shop-vorschau-slider-chevron-"] .fa-circle {
  color: #f7f7f7;
}
[id^="mod-shop-vorschau-slider-chevron-"]:hover .fa,
[id^="mod-shop-vorschau-slider-chevron-"]:focus .fa {
  color: #fff;
}
[id^="mod-shop-vorschau-slider-chevron-"]:hover .fa-circle,
[id^="mod-shop-vorschau-slider-chevron-"]:focus .fa-circle {
  color: #9d9d9c;
}
#mod-shop-slider-vorschau-bild-arten {
  position: absolute;
  margin-top: -80px;
}
#mod-shop-slider-vorschau-bild-arten img {
  border: 1px solid #fff;
  cursor: pointer;
}
.mod-shop-vorschau-slider-liste i {
  display: inline-block;
  position: relative;
  top: 10px;
  right: -8px;
  background-color: transparent;
  color: transparent;
  border: 0 solid transparent;
  border-radius: 10px;
  padding: 3px;
  font-size: 11px;
}
.mod-shop-vorschau-slider-liste i.active {
  background-color: #104697;
  color: #fff;
  border: 0 solid #104697;
}
.mod-shop-vorschau-slider-liste span {
  display: block;
}
/*
.mod-shop-vorschau-slider-liste span:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  margin-left: -15px;
  top: -51px;
  background-color: transparent;
  color: transparent;
  border: 0 solid transparent;
  border-radius: 10px;
  padding: 3px;
  font-size: 11px;
}
.mod-shop-vorschau-slider-liste span.active:before {
  background-color: #104697;
  color: #fff;
  border: 0 solid #104697;
}*/

.mod-shop-vorschau-slider-liste {
  text-align: center;
}
.mod-shop-vorschau-slider-liste-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.mod-shop-dl-infobox {

}

@media(max-width:767px){
  .mod-shop-boxen {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
    margin-bottom: 3rem ;
  }
  h5{
	font-size: 1rem;
  }
}

@media(min-width:768px){
  .mod-shop-boxen {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
    margin-bottom: 3rem ;
  }
}




.mod-shop-boxen img[id^="mod-shop-box-vorschau-"] {
  border-radius: .25rem;
}
.mod-shop-box-motiv,
.mod-shop-pakete-motiv,
.mod-shop-box-colour,
.mod-shop-pakete-colour,
.mod-shop-box-merkzettel{
  cursor: pointer;
  color: #104697;
}
.mod-shop-paket-infobox {
  background-color: #104697;
  color: #fff;
}
.mod-shop-paket-infobox h3,
.mod-shop-paket-infobox p{
  color: #fff;
}
.mod-shop-paket-infobox .btn{
  background-color: #fff;
  color: #104697;
}
.mod-shop-pakete-paketpreis {
  color: #104697;
  font-size: 1.5em;
}
.ui-state-highlight {
  border-color: #ececec !important;
  background-color: #ececec !important;
}
.ui-state-hover {
  border-color: #104697 !important;
}
.ui-state-fail {
  border-color: #ff0000 !important;
  background-color: #ffe5d1 !important;
}

.mod-shop-fotos-codes {
  border-radius: .25rem;
  border: 4px solid #fff!important;
  background-image: none!important;
  border-color: #fff!important;
  box-shadow: 1px 3px 8px 0 rgb(0 0 0 / 14%);
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0 !important;
  padding-top: 1rem !important;
}
.mod-shop-fotos-codes .btn-add-code {
  padding: .75rem 2.5rem .75rem .75rem;
  text-align: left;
  display: flex !important;
  align-items: center !important;
  width: 100%;
  height: 100%;
}
.mod-shop-fotos-codes .btn-add-code::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f055";
  margin: 0 3.25rem 0 0;
  position: absolute;
  right: 0;
  font-size: 1.5em;
}
.mod-shop-fotos-codes .fa-trash:hover,
.mod-shop-fotos-codes .fa-trash:focus{
  color: red;
}
.btn-add-bestellung {
  padding: .75rem 5rem .75rem .75rem;
  text-align: left;
  display: flex !important;
  align-items: center !important;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
}
.btn-add-bestellung::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  margin: 0 3rem 0 0;
  position: absolute;
  right: 0;
  font-size: 2em;
}
@media screen and (max-width: 576px) {
  .btn-add-bestellung {
	font-size: 1.75rem;
  }
}
.mod-shop-fotos-vorschau .mod-shop-vorschau-box {
  cursor: default;
}
.mod-shop-fotos-vorschau .mod-shop-vorschau-box:hover div.border,
.mod-shop-fotos-vorschau .mod-shop-vorschau-box:hover .custom-control-label::before {
  border-color: #dee2e6 !important;
}
/*===== End of Übersicht CSS STYLE =====*/

div.inhalt input[class*="wpwl"],
div.inhalt textarea[class*="wpwl"],
div.inhalt select[class*="wpwl"] {
  padding: inherit;
  width: 100%;
  width: 100% !important;
}

/* Smartphone */
@media screen and (max-width: 576px) {
  .table, thead, tbody, .table th, .table td, .table tr {
	display: block;
  }
  thead {
	position: absolute;
	top: -9999px;
	left: -9999px;
  }
  tr {
	border: none;
  }
  .table td {
	/* Behave  like a "row" */
	border: none;
	/* border-bottom: 1px solid #eee; */
	position: relative;
	padding-left: 40%;
  }
  .table td.text-center,
  .table td.text-right {
	text-align: left !important;
	text-align: left;
  }
  .table td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 35%;
	padding-right: 10px;
	white-space: nowrap;
	content: attr(data-label);
  }
  .mod_shop_artikel_paket {
	padding: 20px 5px;
  }
}
@media screen and (max-width: 767.98px) {
  .border-right {
	border-right-width: 0 !important;
  }
}